@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--bg-deep:#0a0f24;--bg-mid:#141b3d;--bg-edge:#1f2754;--accent-1:#ffc857;--accent-2:#ff6b4a;--accent-3:#e94a88;--accent-4:#b255d6;--text:#e6ecff;--dim:#8a9ac8;--red:#ff7043;--yellow:#ffd54f;--green-good:#81c784}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background-color:#07091a;background-image:radial-gradient(at top,#1a2253 0%,#07091a 80%);background-attachment:fixed;font-family:JetBrains Mono,monospace}.frame{box-sizing:border-box;width:1020px;max-width:100%;position:relative}.frame:before{content:"";background:linear-gradient(135deg, var(--accent-1), var(--accent-2), var(--accent-3), var(--accent-4));-webkit-mask-composite:xor;pointer-events:none;z-index:2;border-radius:14px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-area{border-radius:0 0 12px 12px;display:flex;overflow:hidden}.game-hud{letter-spacing:.5px;color:var(--text);background:linear-gradient(#0d1230 0%,#0a0f24 100%);border-bottom:1px solid #ffffff0d;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:9px;display:flex}.hud-group{gap:18px;display:flex}.hud-label{color:var(--dim)}.hud-value{color:var(--accent-1)}.hud-lives{color:var(--accent-3)}.hud-wave{color:var(--accent-2)}.gamewrap{background:var(--bg-deep);border-radius:0 0 0 12px;flex:0 0 640px;min-width:0;position:relative;overflow:hidden}.gamewrap:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.35;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.gamewrap:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 60%,#00000073 100%);position:absolute;inset:0}canvas{aspect-ratio:640/720;width:100%;height:auto;image-rendering:pixelated;background:0 0;display:block}.legend{color:var(--text);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;background:linear-gradient(#0d1230 0%,#0a0f24 100%);border-left:1px solid #ffffff0f;border-radius:0 0 12px;flex:1;max-height:720px;padding:14px 14px 16px;font-family:JetBrains Mono,monospace;overflow-y:auto}.legend::-webkit-scrollbar{width:6px}.legend::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.legend h4{letter-spacing:1.5px;color:var(--accent-2);border-bottom:1px solid #ff6b4a40;margin:14px 0 8px;padding-bottom:5px;font-family:"Press Start 2P",monospace;font-size:8px}.legend h4:first-child{margin-top:0}.legend-columns{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.legend-col{min-width:0}.legend-col h4{margin-top:0}.legend-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;margin:14px 0 4px}.legend-row{align-items:center;gap:10px;padding:4px 0;display:flex}.legend-icon{flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex}.legend-text{flex:1;min-width:0;font-size:10px;line-height:1.3}.legend-name{color:var(--text);letter-spacing:.3px;font-weight:700}.legend-pts{color:var(--dim);margin-top:2px;font-size:9px}.legend-note{color:var(--accent-3);padding:6px 4px 0;font-size:9px;font-style:italic;line-height:1.4}.legend.collapsed{display:none}.legend-toggle{color:var(--dim);cursor:pointer;letter-spacing:1px;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;padding:5px 10px;font-family:"Press Start 2P",monospace;font-size:8px;transition:background .15s,color .15s}.legend-toggle:hover{color:var(--text);background:#ffffff1a}.pu-icon{color:#0a0f24;border-radius:3px;justify-content:center;align-items:center;width:26px;height:26px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex;position:relative;box-shadow:0 0 10px}.pu-icon:before{content:"";z-index:0;background:#0a0f24;border-radius:2px;position:absolute;inset:3px}.pu-icon span{z-index:1;color:inherit;position:relative}.touch-controls{box-sizing:border-box;background:#0a0f24;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px 16px;display:none}.touch-controls.visible{display:flex}.touch-btn{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:80px;height:64px;font-family:"Press Start 2P",monospace;font-size:18px;transition:background .1s,border-color .1s;display:flex}.touch-btn:active,.touch-btn.pressed{border-color:var(--accent-1);background:#ffc8572e}.touch-btn-fire{letter-spacing:1px;width:96px;height:64px;color:var(--accent-1);border-color:#ffc85759;font-size:11px}.touch-dpad{gap:12px;display:flex}.pu-tray{z-index:3;pointer-events:none;justify-content:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.pu-slot{color:var(--text);background:#0a0f24d9;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-width:70px;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:7px;display:flex}.pu-slot .pu-name{color:var(--accent-1)}.pu-slot .pu-bar{background:#ffffff1a;border-radius:2px;width:100%;height:3px;overflow:hidden}.pu-slot .pu-bar>div{height:100%}.overlay{text-align:center;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0a0f24d9,#0a0f24fa);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:20px 24px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-main{background:linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-3));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-family:"Press Start 2P",monospace;font-size:26px;line-height:1.4}.tagline{color:var(--dim);letter-spacing:1.5px;margin-bottom:28px;font-family:"Press Start 2P",monospace;font-size:10px}.tagline span{color:var(--accent-1)}.title-best{color:var(--accent-1);letter-spacing:1.5px;text-shadow:0 0 12px #ffc85766;margin-bottom:22px;font-family:"Press Start 2P",monospace;font-size:10px}.arcade-link{letter-spacing:1.5px;color:var(--dim);margin-top:18px;font-family:"Press Start 2P",monospace;font-size:8px;text-decoration:none;display:inline-block}.arcade-link:hover{color:var(--text)}.briefing{max-width:480px;color:var(--text);background:#141b3d99;border:1px solid #ffffff14;border-radius:8px;margin-bottom:24px;padding:18px 20px;font-size:11px;line-height:1.7}.briefing h3{color:var(--accent-2);letter-spacing:1px;margin-bottom:10px;font-family:"Press Start 2P",monospace;font-size:9px}.briefing-row{gap:12px;margin:4px 0;display:flex}.key{background:var(--bg-edge);color:var(--accent-1);text-align:center;border-radius:3px;min-width:60px;padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:8px}.desc{color:var(--dim)}.start-btn{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;cursor:pointer;letter-spacing:1.5px;border:none;border-radius:6px;padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:12px;transition:transform .1s,box-shadow .2s;animation:2s ease-in-out infinite pulse;box-shadow:0 0 24px #e94a8866}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 32px #e94a8899}@keyframes pulse{0%,to{box-shadow:0 0 24px #e94a8866}50%{box-shadow:0 0 36px #e94a88b3}}.gameover-title{color:var(--red);text-shadow:0 0 16px #ff704380;font-family:"Press Start 2P",monospace;font-size:20px;line-height:1.4}.gameover-sub{color:var(--dim);font-family:"Press Start 2P",monospace;font-size:8px}.save-error{color:var(--accent-2);max-width:46ch;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.8}.final-score{color:var(--accent-1);font-family:"Press Start 2P",monospace;font-size:13px}.final-wave{color:var(--accent-2);font-family:"Press Start 2P",monospace;font-size:10px}.new-record-badge{color:var(--accent-1);border:1px solid var(--accent-1);letter-spacing:2px;text-shadow:0 0 12px var(--accent-1);background:#ffc8571a;border-radius:4px;margin-bottom:12px;padding:7px 16px;font-family:"Press Start 2P",monospace;font-size:11px;animation:.8s ease-in-out infinite alternate badge-blink}@keyframes badge-blink{0%{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.name-entry{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.name-entry label{color:var(--accent-2);letter-spacing:1.5px;font-family:"Press Start 2P",monospace;font-size:9px}.name-entry-row{align-items:center;gap:8px;display:flex}.name-entry input{border:1px solid var(--accent-1);color:var(--text);text-align:center;letter-spacing:2px;text-transform:uppercase;background:#141b3db3;border-radius:4px;outline:none;width:180px;padding:9px 12px;font-family:"Press Start 2P",monospace;font-size:12px}.name-entry input:focus{border-color:var(--accent-2);box-shadow:0 0 14px #ff6b4a66}.name-entry button{background:var(--accent-2);color:#fff;cursor:pointer;letter-spacing:1.5px;border:none;border-radius:4px;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:9px}.name-entry button:hover{background:var(--accent-3)}.email-entry-row{width:100%;max-width:260px}.email-entry-row input{color:var(--dim);text-align:center;letter-spacing:.5px;background:#141b3d80;border:1px solid #ffffff1f;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:10px}.email-entry-row input::placeholder{color:#ffffff40}.email-entry-row input:focus{color:var(--text);border-color:#ffc85766;box-shadow:0 0 10px #ffc85726}.badge-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.badge{letter-spacing:1px;white-space:nowrap;border-radius:20px;padding:5px 10px;font-family:"Press Start 2P",monospace;font-size:7px}.badge-rank-1{color:#ffd54f;text-shadow:0 0 8px #ffd54f80;background:#ffc85726;border:1px solid #ffd54f}.badge-rank-3{color:#ba68c8;background:#ba68c826;border:1px solid #ba68c8}.badge-streak{color:#ff6b4a;background:#ff6b4a26;border:1px solid #ff6b4a}.badge-veteran{color:#4fc3f7;background:#4fc3f71f;border:1px solid #4fc3f7}.leaderboard{background:#0d12308c;border:1px solid #ffffff14;border-radius:6px;width:100%;max-width:380px;margin:0;padding:10px 14px}.leaderboard h4{color:var(--accent-1);letter-spacing:1.5px;text-align:center;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:9px}.lb-row{border-bottom:1px solid #ffffff0a;grid-template-columns:22px 1fr 80px 22px 22px;align-items:center;gap:6px;padding:4px 2px;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.lb-row:last-child{border-bottom:none}.lb-row.you{background:#ffc8571f;border-color:#0000;border-radius:3px;box-shadow:0 0 8px #ffc85726}.lb-rank{color:var(--dim);text-align:center;font-weight:700}.rank-1 .lb-rank{color:#ffd54f}.rank-2 .lb-rank{color:#cfd8dc}.rank-3 .lb-rank{color:#cd7f32}.lb-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{color:var(--accent-1);text-align:right;font-weight:700}.lb-wave{color:var(--dim);text-align:right;font-size:9px}.lb-badge{text-align:center;font-size:13px;line-height:1}.lb-empty{text-align:center;color:var(--dim);padding:14px 0 4px;font-family:JetBrains Mono,monospace;font-size:10px;font-style:italic}.share-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.share-btn{color:var(--text);cursor:pointer;letter-spacing:1px;background:#141b3db3;border:1px solid #ffffff26;border-radius:4px;padding:10px 12px;font-family:"Press Start 2P",monospace;font-size:9px;transition:background .15s,border-color .15s,color .15s}.share-btn:hover{border-color:var(--accent-1);color:var(--accent-1);background:#ffc8571a}.card-preview{border-radius:6px;width:100%;max-width:380px;margin:0 0 14px;overflow:hidden;box-shadow:0 0 24px #ff6b4a40}.card-preview canvas{aspect-ratio:1200/630;border-radius:6px;width:100%;height:auto;display:block}.alert-banner{color:#fff;z-index:4;letter-spacing:1px;opacity:0;text-align:center;pointer-events:none;white-space:nowrap;background:linear-gradient(90deg,#e94a88f2,#ff6b4af2);border-radius:4px;padding:10px 24px;font-family:"Press Start 2P",monospace;font-size:10px;transition:opacity .3s;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #e94a8899}.alert-banner.show{opacity:1;animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 4px))}75%{transform:translate(calc(4px - 50%))}}@media (max-width:1020px){html,body{height:auto;min-height:100%;overflow:auto}.frame{width:100%;max-width:640px}.game-area{flex-direction:column}.gamewrap{border-radius:0;flex:none;width:100%}.legend{border-top:1px solid #ffffff0f;border-left:none;border-radius:0 0 12px 12px;max-height:none;overflow-y:visible}.legend-columns{grid-template-columns:1fr 1fr}.legend.collapsed{display:none}}@media (min-width:1021px){.legend.collapsed{display:block}.legend-toggle{display:none}}.comp-banner{color:var(--text);background:linear-gradient(90deg,#ffc8571f,#e94a881f);border-top:1px solid #ffc8574d;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:8px;display:flex}.comp-banner--entered{background:#81c78414;border-top-color:#81c7844d}.comp-banner-trophy{flex-shrink:0;font-size:14px}.comp-banner-name{color:var(--accent-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.comp-banner-prize{color:var(--dim);font-size:7px}.comp-banner-countdown{color:var(--accent-2);white-space:nowrap}.comp-banner-cta{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:8px}.comp-banner-dismiss{color:var(--dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:10px}.comp-banner-dismiss:hover{color:var(--text)}.comp-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07091aeb;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.comp-modal{text-align:center;background:linear-gradient(#141b3d 0%,#0a0f24 100%);border:1px solid #ffc8574d;border-radius:10px;width:100%;max-width:420px;margin:auto;padding:28px 28px 24px}.comp-modal-title{color:var(--accent-1);letter-spacing:1.5px;margin-bottom:14px;font-family:"Press Start 2P",monospace;font-size:13px}.comp-modal-prize{color:var(--yellow);margin-bottom:10px;font-size:12px}.comp-modal-body{color:var(--dim);margin-bottom:18px;font-size:11px;line-height:1.7}.comp-modal-btn{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:5px;padding:11px 20px;font-family:"Press Start 2P",monospace;font-size:9px}.comp-modal-btn:disabled{opacity:.5;cursor:not-allowed}.comp-modal-btn--ghost{color:var(--dim);background:0 0;border:1px solid #ffffff26}.comp-modal-btn--ghost:hover{border-color:var(--accent-1);color:var(--accent-1)}.comp-form{text-align:left;flex-direction:column;gap:10px;display:flex}.comp-form-row{gap:10px;display:flex}.comp-input{width:100%;color:var(--text);background:#141b3db3;border:1px solid #ffffff26;border-radius:5px;outline:none;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:11px}.comp-input:focus{border-color:var(--accent-1)}.comp-input::placeholder{color:#ffffff40}.comp-form-error{color:var(--red);font-size:9px}.comp-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.go-tabs{gap:2px;width:100%;max-width:380px;margin-bottom:8px;display:flex}.go-tab{color:var(--dim);cursor:pointer;letter-spacing:.5px;background:#141b3d80;border:1px solid #ffffff1a;border-radius:4px 4px 0 0;flex:1;padding:8px 4px;font-family:"Press Start 2P",monospace;font-size:8px;transition:background .15s,color .15s}.go-tab.active{border-color:var(--accent-1);color:var(--accent-1);background:#ffc8571a}.comp-tab{background:#0d12308c;border:1px solid #ffc85726;border-radius:0 0 6px 6px;width:100%;max-width:380px;margin-bottom:4px;padding:12px 14px}.comp-tab-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comp-tab-name{color:var(--accent-1);font-family:"Press Start 2P",monospace;font-size:8px}.comp-tab-countdown{color:var(--accent-2);font-size:10px}.comp-tab-prize{color:var(--yellow);margin-bottom:10px;font-size:10px}.comp-tab-myrank{color:var(--dim);background:#ffc85714;border-radius:4px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px;font-size:10px;display:flex}.comp-lb{flex-direction:column;gap:2px;display:flex}.comp-lb-row{border-bottom:1px solid #ffffff0a;grid-template-columns:24px 1fr 80px 48px;align-items:center;gap:6px;padding:4px 2px;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.comp-lb-row:last-child{border-bottom:none}.comp-lb-row.you{background:#ffc8571a;border-radius:3px}.comp-lb-badge{text-align:center;font-size:11px;font-weight:700}.comp-lb-badge--up{color:#81c784}.comp-lb-badge--down{color:#ff7043}.comp-lb-badge--hold{color:var(--dim)}.comp-lb-badge--new{color:var(--accent-2);letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:6px}