:root{--text-pure: #ffffff;--text-soft: #f1f5f9;--text-muted: #cbd5e1;--text-darker: #94a3b8;--text-dim: #64748b;--border-subtle: rgba(255, 255, 255, .16);--border-medium: rgba(255, 255, 255, .42);--border-strong: rgba(255, 255, 255, .88)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#090d16;font-family:"Press Start 2P",monospace,sans-serif;color:var(--text-pure)}.viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#090d16}.battle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1}.scanlines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;background:linear-gradient(to bottom,#fff0,#fff0 50%,#00000040 50%,#00000040);background-size:100% 4px;opacity:.24}.viewport:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 62%,rgba(5,8,15,.68) 100%)}.teaser-header{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.4rem 1.65rem;border-radius:6px;background:#080c14b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 42px #000000bf,inset 0 1px #ffffff1f;pointer-events:none;width:min(88vw,395px)}.main-title{margin:0;font-size:clamp(1.55rem,4.5vw,3.1rem);font-weight:900;line-height:1.3;letter-spacing:-.02em}.title-brand{color:var(--text-pure);display:inline-block;text-shadow:0 0 15px rgba(255,255,255,.4),3px 3px 0px #000000,-1px -1px 0px rgba(0,0,0,.9)}.slogan-container{margin-top:.95rem;display:flex;flex-direction:column;align-items:center;gap:1.15rem}.slogan{font-family:"Press Start 2P",monospace;font-size:clamp(.56rem,1.25vw,.78rem);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;line-height:1.5;text-shadow:2px 2px 0px #000000,-1px -1px 0px #000000}.allowlist-badge{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.35rem .9rem;border-radius:9999px;background:#22c55e24;border:1px solid rgba(74,222,128,.45);box-shadow:0 0 16px #22c55e2e}.badge-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e99;animation:dotBlink 1.8s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.teaser-soon{font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,1.4vw,.84rem);color:#86efac;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px rgba(74,222,128,.5),2px 2px 0px #000000}.cursor{display:inline-block;color:#86efac;animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.waitlist-card{margin-top:1.2rem;width:100%;pointer-events:auto;display:flex;flex-direction:column;align-items:center}.waitlist-perk{font-family:VT323,monospace;font-size:clamp(1.12rem,2vw,1.32rem);color:var(--text-soft);text-align:center;line-height:1.35;margin-bottom:.9rem;letter-spacing:.04em;text-shadow:1px 1px 0 #000000;max-width:420px}.perk-highlight{color:#facc15;font-weight:700;text-shadow:0 0 12px rgba(250,204,21,.5),1px 1px 0 #000000}.waitlist-form{display:flex;align-items:stretch;gap:.55rem;width:100%}.input-wrapper{display:flex;align-items:center;background:#000000d9;border:1px solid var(--border-medium);border-radius:4px;padding:0 .85rem;flex:1;min-width:0;transition:all .2s ease;box-shadow:inset 0 2px 4px #000c}.input-wrapper:focus-within{border-color:var(--text-pure);box-shadow:0 0 12px #ffffff4d,inset 0 2px 4px #000c}.input-prefix{font-family:"Press Start 2P",monospace;font-size:.72rem;color:var(--text-dim);margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.waitlist-input{width:100%;padding:.72rem 0;background:transparent;border:none;outline:none;font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--text-pure);-moz-user-select:text;user-select:text;-webkit-user-select:text}.waitlist-input::-moz-placeholder{color:var(--text-dim);font-size:.55rem;letter-spacing:.04em}.waitlist-input::placeholder{color:var(--text-dim);font-size:.55rem;letter-spacing:.04em}.waitlist-btn{font-family:"Press Start 2P",monospace;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.72rem 1.15rem;background:var(--text-pure);color:#000;border:1px solid var(--text-pure);border-radius:4px;cursor:pointer;box-shadow:0 4px #000;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.waitlist-btn:hover{background:var(--text-soft);transform:translateY(-2px);box-shadow:0 6px #000,0 0 16px #ffffff80}.waitlist-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.waitlist-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.waitlist-feedback{font-family:"Press Start 2P",monospace;font-size:.54rem;line-height:1.5;min-height:1.1rem;margin-top:.6rem;color:var(--text-darker);transition:color .2s ease;text-align:center}.waitlist-feedback.error{color:#f87171;text-shadow:0 0 6px rgba(248,113,113,.4)}.waitlist-feedback.success{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.4)}.waitlist-success{width:100%;background:#06140ceb;border:1px solid rgba(74,222,128,.4);border-radius:6px;padding:1.1rem 1rem;box-shadow:0 0 30px #22c55e2e;animation:fadeInWaitlist .3s ease-out;display:flex;flex-direction:column;align-items:center}.waitlist-success[hidden]{display:none!important}@keyframes fadeInWaitlist{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.success-banner{display:flex;align-items:center;gap:.5rem;color:#4ade80}.success-check{font-size:.85rem;font-weight:700}.success-title{font-family:"Press Start 2P",monospace;font-size:.65rem;letter-spacing:.1em}.success-desc{font-family:VT323,monospace;font-size:1.2rem;color:var(--text-muted);margin-top:.35rem;line-height:1.3;text-align:center}.community-actions{display:flex;gap:.75rem;margin-top:.85rem;width:100%;justify-content:center;flex-wrap:wrap}.community-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .95rem;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:.05em;text-decoration:none;color:#fff;border:1px solid transparent;box-shadow:0 4px #000;transition:all .15s ease;flex:1;min-width:140px}.community-btn svg{flex-shrink:0}.btn-discord{background:#5865f2;border-color:#6b78ff}.btn-discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px #000,0 0 15px #5865f299}.btn-discord:active{transform:translateY(2px);box-shadow:0 2px #000}.btn-instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045);border-color:#fff3}.btn-instagram:hover{transform:translateY(-2px);box-shadow:0 6px #000,0 0 15px #e1306c99;filter:brightness(1.1)}.btn-instagram:active{transform:translateY(2px);box-shadow:0 2px #000}.waitlist-reset-btn{margin-top:.95rem;background:transparent;border:none;color:var(--text-dim);font-family:"Press Start 2P",monospace;font-size:.52rem;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;padding:.25rem .5rem;text-decoration:none}.waitlist-reset-btn:hover{color:var(--text-pure);text-decoration:underline}.social-links{margin-top:1.35rem;display:flex;align-items:center;justify-content:center;gap:.85rem;pointer-events:auto}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#000000d9;color:var(--text-muted);border:1px solid var(--border-medium);border-radius:4px;box-shadow:0 4px #000;text-decoration:none;cursor:pointer;transition:all .15s ease}.social-btn svg{display:block;transition:transform .15s ease,fill .15s ease}.social-btn:hover{background:#ffffff26;border-color:var(--border-strong);color:var(--text-pure);transform:translateY(-2px);box-shadow:0 6px #000,0 0 15px #ffffff4d}.social-btn:hover svg{transform:scale(1.1)}.social-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.social-btn:focus-visible{outline:2px solid var(--text-pure);outline-offset:2px}.teaser-footer{position:absolute;bottom:1.5rem;left:0;width:100%;padding:0 2rem;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;pointer-events:none}.scene-selector{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:#080c14d1;border:1px solid var(--border-subtle);padding:.65rem .9rem;border-radius:5px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px #000000d9;pointer-events:auto}.scene-meta{display:flex;align-items:center;gap:.5rem;font-family:VT323,monospace;font-size:1.15rem;letter-spacing:.06em;line-height:1}.scene-live-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.scene-name{color:var(--text-pure);text-transform:uppercase;font-weight:700}.scene-divider{color:var(--text-dim)}.scene-matchup{color:#fde047}.scene-pills{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.scene-pill{background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.18);padding:.32rem .58rem;border-radius:3px;font-family:"Press Start 2P",monospace;font-size:.48rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.scene-pill:hover{background:#ffffff29;color:var(--text-pure);border-color:var(--border-medium)}.scene-pill.active{background:var(--text-pure);color:#090d16;border-color:var(--text-pure);box-shadow:0 0 10px #ffffff59}.audio-control{pointer-events:auto}.pixel-btn{background:#080c14d9;color:var(--text-pure);border:1px solid var(--border-medium);padding:.65rem 1.1rem;font-family:"Press Start 2P",monospace;font-size:.6rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-radius:4px;box-shadow:0 4px #000;transition:all .15s ease}.pixel-btn:hover{background:#ffffff1f;border-color:var(--border-strong);color:var(--text-pure);transform:translateY(-2px);box-shadow:0 6px #000}.pixel-btn:active{transform:translateY(2px);box-shadow:0 2px #000}@media(max-width:768px){.teaser-header{top:44%;transform:translate(-50%,-50%);padding:1.25rem 1.35rem;width:min(92vw,400px)}.teaser-footer{bottom:.9rem;padding:0 .9rem;flex-direction:column-reverse;align-items:center;gap:.65rem}.scene-selector{align-items:center;width:min(94vw,420px);padding:.55rem .7rem}.scene-pills{justify-content:center}.scene-pill{font-size:.44rem;padding:.28rem .48rem}.social-links{margin-top:1.1rem;gap:.65rem}.social-btn{width:38px;height:38px}.waitlist-form{gap:.4rem}.waitlist-input{font-size:.58rem}.waitlist-btn{font-size:.58rem;padding:.72rem .85rem}.community-actions{flex-direction:column;gap:.55rem}.community-btn{width:100%}}