.login-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#101827;color:#f4f6fa;font-family:system-ui,sans-serif}.login-card{width:min(100%,440px);padding:36px 28px;border:1px solid #334155;border-radius:20px;background:#172235;text-align:center}.login-card h1{margin:18px 0;font-size:clamp(24px,5vw,32px);line-height:1.35}.login-card p{line-height:1.7}.login-eyebrow{color:#f4ce64;font-size:12px;letter-spacing:.15em;font-weight:700}.login-note{color:#bbc5d4;font-size:14px}.login-card button{display:block;width:100%;margin-top:24px;padding:14px;border:0;border-radius:10px;background:#f4ce64;color:#172235;font-weight:700;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:wait}.login-card button:focus-visible{outline:3px solid white;outline-offset:4px}.login-card .login-retry{background:#334155;color:#fff}.login-card [role=alert]{color:#ffb5b5}:root{font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:#f5f6ff;background:#11122e;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:3px solid #f39b36;outline-offset:3px}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#11122e}.game-shell{width:min(100%,420px);height:min(860px,calc(100dvh - 48px));min-height:590px;flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid #6f70b288;border-radius:8px;background:#19183d}.topbar{height:66px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 15px;background:#11122e;border-bottom:1px solid #8a8ad036}.brand-mini{min-width:123px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand-mark{color:#f39b36;font-size:22px}.top-stat{display:flex;min-width:48px;flex-direction:column;align-items:flex-start;gap:1px}.top-stat span{color:#a5a9d7;font-size:9px;font-weight:800;letter-spacing:.13em}.top-stat strong{font-size:15px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.top-stat:nth-of-type(3){min-width:76px}.icon-button{margin-left:auto;width:35px;height:35px;flex:0 0 auto;border:1px solid #a5a9d755;border-radius:11px;color:#f5f6ff;background:#fff1}.icon-button:disabled{opacity:.45}.arena{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#25245e}.arena canvas{display:block;width:100%;height:100%;touch-action:none}.arena-hud{position:absolute;top:13px;left:14px;width:158px;padding:11px;background:#151635d9;border:1px solid #b7b9ec33;border-radius:12px;box-shadow:0 5px 20px #10112966;pointer-events:none}.health-head{display:flex;justify-content:space-between;gap:7px;font-size:10px;font-weight:800}.health-head span{color:#f5f6ffcc}.health-head strong{color:#f5f6ff;font-variant-numeric:tabular-nums}.health-track{height:8px;margin:7px 0 9px;overflow:hidden;border-radius:100px;background:#ffffff21}.health-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#69d6bd,#a1ecd7);transition:width .18s ease}.arena-stats{display:flex;flex-wrap:wrap;gap:4px 8px;color:#c6c9ee;font-size:9px;font-weight:700}.speed-button{position:absolute;top:14px;right:14px;padding:8px 11px;border:1px solid #c1c6f666;border-radius:999px;background:#11122ed9;color:#f5f6ff;font-size:11px;font-weight:800}.game-message{position:absolute;top:96px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid #f39b36aa;border-radius:9px;background:#151635e8;color:#fff;font-size:12px;font-weight:800;text-align:center;box-shadow:0 4px 18px #11112c88;pointer-events:none}.skill-dock{flex:0 0 auto;padding:12px 14px 10px;background:#11122e;border-top:1px solid #a5a9d740}.dock-head,.dock-foot{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.dock-head strong{font-size:12px}.dock-head span,.dock-foot{color:#a5a9d7;font-size:10px}.skill-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:9px 0}.skill-button{position:relative;display:grid;place-items:center;height:42px;min-width:0;padding:0;border:1px solid #8c8dc06b;border-radius:10px;background:#25264b;color:#f5f6ff;opacity:.52}.skill-button.available{background:#35386b;border-color:#75a6ff;box-shadow:inset 0 0 0 1px #8eb3ff3d;opacity:1}.skill-button.available:hover{transform:translateY(-2px);background:#414782}.skill-icon{font-size:19px}.skill-key{position:absolute;top:2px;left:4px;color:#c9cbec;font-size:8px;font-weight:800}.skill-count{position:absolute;right:3px;bottom:1px;display:grid;place-items:center;min-width:13px;height:13px;padding:0 2px;border-radius:4px;background:#11122e;color:#f5f6ff;font-size:9px;font-weight:900}.dock-foot{font-size:9px}.screen-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto;text-align:center;background:linear-gradient(165deg,#151638f2,#25245ef2 54%,#141736f7)}.eyebrow{display:block;color:#f39b36;font-size:11px;font-weight:900;letter-spacing:.16em}.screen-panel h1,.screen-panel h2{margin:14px 0 0;font-size:clamp(30px,9vw,42px);line-height:1.18;letter-spacing:-.065em;font-weight:950}.screen-panel h1 em{font-style:normal;color:#f39b36}.screen-panel h2{font-size:clamp(30px,8vw,37px)}.screen-panel p{max-width:315px;margin:13px 0 0;color:#c6c9e8;font-size:13px;line-height:1.5}.feature-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:22px}.feature-strip span{padding:6px 8px;border:1px solid #b9bbec50;border-radius:999px;background:#ffffff0e;color:#d8dbfa;font-size:10px;font-weight:800}.primary-button{display:flex;align-items:center;justify-content:space-between;width:min(100%,294px);min-height:52px;margin-top:25px;padding:0 17px;border:0;border-radius:13px;background:#f39b36;color:#171735;font-size:16px;font-weight:950;box-shadow:0 5px #a96017}.primary-button:hover{background:#ffb157}.primary-button span{font-size:23px}.text-button{margin-top:15px;padding:4px;border:0;background:transparent;color:#d3d6f6;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.leaderboard{width:min(100%,294px);margin-top:28px;padding:13px;border:1px solid #9b9dd354;border-radius:12px;background:#141534c7;text-align:left}.leaderboard-title{display:flex;justify-content:space-between;gap:8px;color:#c5c8ee;font-size:11px;font-weight:800}.leaderboard-title strong{color:#f39b36;font-size:17px}.leader-row{display:flex;justify-content:space-between;margin-top:8px;color:#f5f6ff;font-size:11px}.leader-row span:last-child{color:#a5a9d7}.reward-list{display:grid;gap:9px;width:min(100%,320px);margin-top:22px}.reward-card{display:flex;align-items:center;gap:12px;min-height:83px;padding:11px;border:1px solid #9ba9fa8f;border-radius:14px;background:#f5f6ff;color:#19183d;text-align:left;box-shadow:0 4px #11122e}.reward-card:hover,.reward-card:focus-visible{transform:translateY(-2px);border-color:#f39b36;box-shadow:0 6px #11122e}.reward-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:10px;background:#dfe8ff;color:#3879f6;font-size:25px;font-weight:950}.reward-copy{display:flex;flex:1;flex-direction:column;gap:2px}.reward-copy strong{font-size:14px}.reward-copy small{color:#6b6e93;font-size:10px}.reward-copy b{color:#2768e4;font-size:11px}.reward-number{align-self:flex-start;color:#999cbb;font-size:10px;font-weight:900}.final-score{margin-top:18px;color:#f39b36;font-size:48px;font-weight:950;letter-spacing:-.06em}.help-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:#08091cc9}.help-card{position:relative;width:min(100%,342px);max-height:100%;overflow-y:auto;padding:25px;border:1px solid #9498d98c;border-radius:18px;background:#25245e;box-shadow:0 16px 55px #050617b3}.help-card h2{margin:10px 0 18px;font-size:26px;line-height:1.2}.help-card p{color:#d7daf3;font-size:12px;line-height:1.6}.help-card .primary-button{width:100%;margin-top:20px}.help-close{position:absolute;top:13px;right:13px;width:30px;height:30px;border:1px solid #f5f6ff4d;border-radius:8px;background:#ffffff12;color:#f5f6ff;font-size:20px}.reset-link{margin-top:22px;padding:0;border:0;background:none;color:#a5a9d7;font-size:11px;text-decoration:underline;text-underline-offset:4px}@media (max-width: 760px){.page{padding:0;background:#11122e}.game-shell{width:100%;max-width:420px;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}}@media (max-width: 350px){.topbar{gap:7px;padding:0 10px}.brand-mini{min-width:108px;font-size:11px}.top-stat strong{font-size:12px}.skill-dock{padding-inline:9px}.skill-grid{gap:4px}.skill-button{height:39px}.skill-icon{font-size:17px}.screen-panel{padding:17px}.feature-strip span{font-size:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.leaderboard .reset-link{margin-top:12px;color:#c9cbec}.reset-error{margin-top:7px;color:#f4aab2;font-size:10px;line-height:1.4}.sound-toggle{margin-top:9px;padding:5px 9px;border:1px solid #b9bbec50;border-radius:999px;background:#ffffff0e;color:#d8dbfa;font-size:10px;font-weight:800}.sound-toggle:hover{background:#ffffff20}.start-panel,.end-panel{justify-content:flex-start;scrollbar-width:thin}.account-panel{width:min(100%,294px);flex:0 0 auto;margin:18px 0 12px;padding:13px;border:1px solid #8b98dd70;border-radius:13px;background:#11132ed9;text-align:left}.account-heading,.account-row,.account-progress{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-heading strong,.account-records strong,.account-pending strong{font-size:12px}.account-badge{color:#8ee2ce;font-size:10px;font-weight:800}.account-panel p{margin-top:8px;color:#c6c9e8;font-size:11px;line-height:1.5}.account-panel .account-message{color:#ffc98e}.account-auth-button,.account-row button{border:1px solid #75a6ff;border-radius:8px;background:#3879f6;color:#fff;font-size:11px;font-weight:800}.account-auth-button{width:100%;min-height:34px;margin-top:11px}.account-auth-button:disabled,.account-row button:disabled{opacity:.6}.account-clear-button{display:block;margin-top:12px;padding:4px 0;border:0;background:transparent;color:#f4aab2;font-size:10px;text-decoration:underline}.primary-button:disabled{opacity:.55;box-shadow:none}.unrecorded-button{width:min(100%,294px);min-height:42px;margin-top:12px;border:1px solid #f39b36;border-radius:10px;background:#392b42;color:#ffd298;font-size:12px;font-weight:850}.unrecorded-badge{position:absolute;right:12px;bottom:12px;z-index:4;padding:5px 8px;border:1px solid #f39b36;border-radius:8px;background:#11122ede;color:#ffd298;font-size:10px;pointer-events:none}.account-progress{flex-wrap:wrap;margin-top:11px;color:#f39b36;font-size:10px;font-weight:800}.account-records,.account-pending{display:grid;gap:5px;max-height:142px;overflow-y:auto;margin-top:12px;padding-top:9px;border-top:1px solid #b7b9ec44;color:#d7daf3;font-size:10px}.account-row{min-height:25px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.account-row button{flex:0 0 auto;padding:5px 7px}.account-row .account-delete{border-color:#e96170;background:#623147}.account-row time{color:#a5a9d7}.end-panel .account-panel{margin-top:22px}