.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}.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}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,294px);margin-top:15px}.pause-actions button{min-height:42px;border:1px solid #8ea8da88;border-radius:5px;background:#101a2d;color:#f5f7ff;font-size:12px;font-weight:850;box-shadow:inset 0 -2px #090e20}.pause-actions button:hover{border-color:#77a6ff;background:#182744}.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}.leader-empty{padding:10px 0 4px;color:#8fa0bd;font-size:11px}.leader-row.mine{color:#9ae7d5;border-color:#69d6bd44}.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-list{display:grid;gap:13px;margin:20px 0 0;text-align:left}.help-list div{display:grid;grid-template-columns:78px 1fr;gap:12px;padding-top:12px;border-top:1px solid #9498d940}.help-list dt{color:#f39b36;font-size:11px;font-weight:900}.help-list dd{margin:0;color:#d7daf3;font-size:11px;line-height:1.55}.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}}@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}.boss-health{position:absolute;top:88px;left:18%;width:64%;color:#ffb0b9;font-size:10px;text-align:center;pointer-events:none}.boss-health progress{width:100%;height:7px;accent-color:#e96170;display:block;margin-top:4px}.reward-card{animation:card-in .3s ease-out backwards}.reward-card:nth-child(2){animation-delay:.07s}.reward-card:nth-child(3){animation-delay:.14s}.screen-panel{justify-content:flex-start;padding-top:30px;padding-bottom:24px}.pause-panel,.reward-panel,.end-panel{justify-content:safe center}.screen-panel h1{font-size:clamp(28px,8vw,38px)}.game-message-stack{position:absolute;left:50%;bottom:20%;z-index:4;display:flex;width:min(85%,340px);transform:translate(-50%);flex-direction:column;gap:5px;pointer-events:none}.game-message-stack .game-message{position:static;width:100%;max-width:none;transform:none;animation:notice-in .16s steps(2,end);pointer-events:none}.game-message-stack .game-message:nth-last-child(n+2){opacity:.78}@keyframes notice-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reward-card,.game-message-stack .game-message{animation:none}}@media (max-width: 380px){.screen-panel{padding:18px}}.wave-goal{margin-top:5px;color:#d1e4db;font-size:9px}.skill-icon{display:grid;place-items:center}.arcade-page{background:radial-gradient(ellipse at 50% 40%,#242347,#111326 55%,#0a101d)}.game-shell{border-color:#64739280;border-radius:8px;box-shadow:0 24px 90px #0008,0 0 0 5px #92add606}.topbar{background:#10192a;box-shadow:inset 0 -2px #77a6ff1c}.brand-mark{display:inline-grid;place-items:center;width:20px;height:20px;color:#f8c76e;text-shadow:0 0 12px #f39b3699}.skill-dock{position:relative;background:#10192a;box-shadow:inset 0 2px #77a6ff12}.skill-dock:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,#77a6ff66,transparent)}.skill-button{height:55px;padding:6px 0 5px;gap:1px;align-content:center;border-radius:4px;box-shadow:inset 0 -3px #090e2033}.skill-button.available{box-shadow:inset 0 0 0 1px #8eb3ff33,0 0 12px #3879f617}.skill-icon svg{width:19px;height:19px}.skill-name{font-size:8px;white-space:nowrap;font-weight:700}.skill-key{top:3px}.skill-count{bottom:2px;right:2px}.combo-meter{position:absolute;top:62px;right:14px;width:108px;color:#f8c76e;pointer-events:none;text-align:right;padding:8px 10px;background:#101a2deb;border:1px solid #c59b4855;border-radius:3px;box-shadow:inset 3px 0 #f5b76380}.combo-meter strong{display:block;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.combo-meter small{font-size:9px}.combo-meter>span{display:block;font-size:9px;margin:6px 0;color:#f3dfb2}.combo-meter progress{display:block;width:100%;height:3px;accent-color:#f5b763}.max-combo{border-color:#f5b763;box-shadow:inset 3px 0 #f5b763,0 0 16px #f5b76333}.low-health .health-track>div{background:#f47a85}.low-health .health-head{color:#ffb1b8}.boss-health{top:137px}.arena-hud{border-radius:4px;border-color:#8ea8da40;border-left:3px solid #77a6ff;background:#101a2de8}.health-track{height:6px;border-radius:1px}.health-track div{border-radius:0}.speed-button{border-radius:3px;background:#101a2de8;box-shadow:inset 0 -2px #090e20}.wave-goal{display:inline-block;padding:3px 5px;border:1px solid #69d6bd55;background:#69d6bd12;color:#9ae7d5;letter-spacing:.06em}.game-message{top:auto;bottom:20%;font-size:11px;max-width:85%;border-radius:3px;border-color:#8ea8da99;box-shadow:inset 3px 0 #8ea8da,0 7px 22px #090e20aa}.game-message.supply{border-color:#69d6bd99;box-shadow:inset 3px 0 #69d6bd,0 7px 22px #090e20aa}.game-message.bad{border-color:#e96170aa;color:#ffd9dd;box-shadow:inset 3px 0 #e96170,0 7px 22px #090e20aa}.reward-card{border-radius:5px}.reward-card:hover{border-color:#f5b763}.reward-panel h2{font-size:30px}.reward-panel .reward-list{margin-top:16px}.reward-panel .reward-card{min-height:70px;padding-top:10px;padding-bottom:10px}@media (max-width: 480px){.game-shell{border-radius:0}.combo-meter{right:10px;width:96px}.combo-meter strong{font-size:21px}.skill-button{height:52px}.skill-name{font-size:8px}}.arena canvas{touch-action:none;cursor:crosshair}.arena canvas[data-dragging=true]{cursor:grabbing;filter:saturate(1.08)}.reward-panel .reward-countdown{width:min(100%,320px);margin-top:20px;padding:12px 0 0;border-top:1px solid #879bbb55;text-align:left;color:#d8e6ff}.reward-countdown>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.reward-countdown span{font-size:11px}.reward-countdown strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:#77a6ff}.reward-countdown small{margin-left:3px;font-size:12px}.reward-countdown progress{display:block;width:100%;height:5px;margin-top:11px;border:0;border-radius:0;accent-color:#77a6ff;background:#ffffff1c}.reward-countdown progress::-webkit-progress-bar{background:#ffffff1c}.reward-countdown progress::-webkit-progress-value{background:#77a6ff}.special-reward .reward-countdown strong{color:#f5b763}.special-reward .reward-countdown progress{accent-color:#f5b763}.special-reward .reward-countdown progress::-webkit-progress-value{background:#f5b763}.special-reward .reward-card{border-color:#f5b763}.special-reward .reward-icon{background:#f9e4b9;color:#936016}.reward-countdown.time-short strong{color:#ff9ba7}.reward-countdown.time-short progress{accent-color:#ff9ba7}.reward-countdown.time-short progress::-webkit-progress-value{background:#ff9ba7}.reward-panel .reward-card{animation:none}@media (max-height: 730px){.reward-panel{justify-content:flex-start;padding-block:14px}.reward-panel h2{margin-top:9px;font-size:24px}.reward-panel .reward-countdown{margin-top:12px}.reward-panel .reward-list{margin-top:12px;gap:7px}.reward-panel .reward-card{min-height:64px;padding-block:7px}}