:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--heaven-pale: #f4f0e8;--heaven-cool: #c8ccd2;--heaven-fade: #4a525c;--liminal-edge: #161a22;--void-deep: #04050a;--hell-rise: #11141c;--hell-iron: #1c2028;--hell-deep: #06080c;--cool-blade: #4dd6e6;--cool-blade-bright: #b6f3fa;--cool-blade-core: #d8f8ff;--cool-blade-deep: #1d8da3;--cool-blade-glow: rgba(77, 214, 230, .42);--cool-blade-soft: rgba(77, 214, 230, .22);--cool-blade-faint: rgba(77, 214, 230, .08);--surface-dark: #0a0608;--surface-input: #050306;--surface-soft: rgba(10, 6, 8, .85);--border-subtle: #1e2230;--border-accent: #2a2f3e;--bone: #f0e6d2;--bone-dim: #b8a98a;--bone-faint: #756a55;--ember: #ff8a55;--ember-soft: rgba(255, 138, 85, .15);--ember-border: rgba(255, 138, 85, .45);--hell-warm-bright: #ff5d8f;--hell-warm-mid: #c43d5e;--hell-warm-deep: #6e2a3a;--hell-warm-floor: #2a0a14;--hell-flame: #ff8a55;--hell-warm-glow: rgba(255, 93, 143, .42);--hell-warm-soft: rgba(255, 93, 143, .18);--heaven-warm-pale: #faf3e6;--heaven-cool-mid: #c8d3df;--heaven-cool-deep: #4a5564;--heaven-bright: #e8e8ff;--heaven-glow: rgba(216, 248, 255, .42);--heaven-soft: rgba(216, 248, 255, .22);--gold-bright: #e8c66a;--gold: #d4af37;--gold-deep: #a88a3a;--gold-glow: rgba(232, 198, 106, .45);--gold-soft: rgba(232, 198, 106, .22)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;color:var(--bone)}body{background:linear-gradient(225deg,var(--heaven-warm-pale) 0%,var(--heaven-cool-mid) 30%,var(--heaven-cool-deep) 60%,var(--liminal-edge) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0 calc(50% - 40px) 0 0;background:linear-gradient(135deg,var(--hell-warm-bright) 0%,var(--hell-warm-mid) 25%,var(--hell-warm-deep) 60%,var(--hell-warm-floor) 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - 80px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 80px),#0000);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,transparent 46.5%,rgba(77,214,230,.18) 48.8%,rgba(182,243,250,.55) 49.6%,rgba(216,248,255,.95) 50%,rgba(182,243,250,.55) 50.4%,rgba(77,214,230,.18) 51.2%,transparent 53.5%);pointer-events:none;z-index:-1}#game{display:block;width:100vw;height:100vh;outline:none;touch-action:none;background:transparent}#webgpu-required{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--hell-deep);z-index:1000}#webgpu-required[hidden]{display:none}#webgpu-required .panel{max-width:520px;padding:28px 32px;background:var(--surface-dark);border:1px solid var(--border-accent);border-radius:12px;box-shadow:inset 0 0 0 1px var(--cool-blade-faint),0 12px 40px #0000008c}#webgpu-required h1{margin:0 0 12px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.04em;color:var(--bone)}#webgpu-required p{margin:8px 0;color:var(--bone-dim);line-height:1.5;font-size:14px}#webgpu-required p.muted{color:var(--bone-faint);font-size:13px;margin-top:16px}#webgpu-required code{background:var(--surface-input);padding:1px 6px;border-radius:4px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--bone)}#perf-hud{position:fixed;top:12px;left:12px;padding:8px 10px;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:var(--bone-dim);pointer-events:none;user-select:none;z-index:100;backdrop-filter:blur(4px);min-width:158px}#perf-hud .section+.section{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-subtle)}#perf-hud .row{display:flex;justify-content:space-between;gap:12px}#perf-hud .label{color:var(--bone-faint)}#perf-hud .value{color:var(--bone);font-variant-numeric:tabular-nums}#perf-hud .value.warn{color:var(--cool-blade-bright)}#perf-hud .value.bad{color:var(--ember)}#login-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;font-size:14px;gap:32px;padding:24px}#login-overlay[hidden]{display:none}#brand-wordmark{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}#brand-wordmark .brand-svg{width:min(520px,88vw);height:auto;display:block;filter:drop-shadow(0 0 28px var(--gold-glow)) drop-shadow(0 2px 4px rgba(0,0,0,.85)) drop-shadow(0 6px 18px rgba(0,0,0,.65))}#brand-wordmark .brand-tagline{margin:0;text-transform:uppercase;letter-spacing:.42em;color:var(--bone);font-size:12px;font-weight:600;text-shadow:0 0 1px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.95),0 0 14px var(--gold-glow);padding-left:.42em}#login-overlay .card{width:min(420px,92vw);padding:30px 32px 24px;background:var(--surface-dark);border:1px solid var(--border-accent);border-radius:12px;box-shadow:inset 0 0 0 1px var(--cool-blade-faint),0 0 48px #4dd6e629,0 24px 60px #000000b3;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}#login-overlay .title{margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.04em;color:var(--bone)}#login-overlay .subtitle{margin:0 0 4px;color:var(--bone-dim);font-size:13px}#login-overlay .field{display:flex;flex-direction:column;gap:6px}#login-overlay .field-label{color:var(--cool-blade-bright);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.9}#login-overlay input[type=email],#login-overlay input[type=password],#login-overlay input[type=text]{flex:1;background:var(--surface-input);border:1px solid var(--border-subtle);color:var(--bone);border-radius:8px;padding:11px 12px;font:inherit;outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%}#login-overlay input::placeholder{color:var(--bone-faint);opacity:.7}#login-overlay input:focus{border-color:var(--bone-faint);box-shadow:0 0 0 2px #f0e6d22e}#login-overlay input:disabled{opacity:.55;cursor:not-allowed}#login-overlay .field-with-icon{position:relative}#login-overlay .field-with-icon input{padding-right:40px}#login-overlay .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--bone-faint);padding:4px 6px;cursor:pointer;font-size:16px;line-height:1;border-radius:4px;transition:color .12s ease,background-color .12s ease}#login-overlay .password-toggle:hover:not(:disabled){color:var(--bone);background:#f0e6d20f}#login-overlay .password-toggle:focus-visible{outline:none;color:var(--bone);box-shadow:0 0 0 2px #f0e6d247}#login-overlay .password-toggle[aria-pressed=true]{color:var(--bone)}#login-overlay .caps-lock{margin-top:-8px;font-size:11px;letter-spacing:.04em;color:var(--cool-blade-bright);display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--cool-blade-deep);border-radius:999px;width:fit-content;background:var(--cool-blade-faint)}#login-overlay .caps-lock[hidden]{display:none}#login-overlay .caps-lock:before{content:"⇪";font-size:13px}#login-overlay .error{background:var(--ember-soft);border:1px solid var(--ember-border);color:var(--ember);border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.4}#login-overlay button{font:inherit;border-radius:8px;padding:11px 14px;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,opacity .12s ease,filter .12s ease}#login-overlay button:disabled{cursor:not-allowed;opacity:.5}#login-overlay button.primary{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold-deep) 100%);border-color:var(--gold-deep);color:#1a1106;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 1px #fff5d780,inset 0 -1px #0000004d,0 0 18px var(--gold-soft)}#login-overlay button.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #fff5d78c,inset 0 -1px #0000004d,0 0 24px var(--gold-glow)}#login-overlay button.primary:active:not(:disabled){filter:brightness(.92)}#login-overlay button.primary[aria-busy=true]{opacity:.85}#login-overlay button.ghost{background:transparent;color:var(--bone-dim);margin-top:-2px;letter-spacing:.02em}#login-overlay button.ghost:hover:not(:disabled){color:var(--cool-blade-bright)}#login-overlay button.link{background:transparent;border:none;padding:4px 0;margin:-4px 0 0;color:var(--bone-dim);font-size:13px;letter-spacing:.02em;text-align:center;align-self:center;cursor:pointer}#login-overlay button.link:hover:not(:disabled){color:var(--cool-blade-bright);text-decoration:underline}#login-overlay .notice{background:#489cc81f;border:1px solid rgba(72,156,200,.4);color:var(--cool-blade-bright);border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.4}#login-overlay input[name=code]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:22px;letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){body:after{animation:beam-pulse 4s ease-in-out infinite}#silhouettes .silhouette-demon{animation:silhouette-breathe 6s ease-in-out infinite}#silhouettes .silhouette-angel{animation:silhouette-breathe 6s ease-in-out infinite -3s}#brand-wordmark{animation:brand-rise .36s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms}#login-overlay .card{animation:card-rise .36s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}#login-overlay .error{animation:error-slide .2s cubic-bezier(.22,1,.36,1) both}}@keyframes beam-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes silhouette-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}#silhouettes .silhouette{transform-origin:center bottom}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes error-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#account-badge{position:fixed;top:12px;right:12px;z-index:300;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 24px));padding:6px 8px 6px 12px;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--bone-dim);backdrop-filter:blur(4px)}#account-badge[hidden]{display:none}#account-badge .label{color:var(--bone-faint);flex:0 0 auto}#account-badge .id{color:var(--cool-blade-bright);flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-badge .logout{font:inherit;background:transparent;border:1px solid var(--border-subtle);color:var(--bone-dim);border-radius:6px;padding:3px 8px;cursor:pointer;transition:color .12s ease,border-color .12s ease}#account-badge .logout:hover:not(:disabled){color:var(--ember);border-color:var(--ember-border)}#account-badge .logout:disabled{cursor:not-allowed;opacity:.55}#silhouettes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}#silhouettes .silhouette{position:absolute;top:0;height:100vh;width:clamp(180px,22vw,360px);transition:opacity .36s ease}#silhouettes .silhouette-demon{left:clamp(8vw,14vw,220px)}#silhouettes .silhouette-angel{right:clamp(8vw,14vw,220px)}#silhouettes .silhouette-body{fill:#0a0408b8}#silhouettes .silhouette-angel .silhouette-body{fill:#0f121c;filter:drop-shadow(0 0 1.5px rgba(232,217,168,.85))}#silhouettes[data-faction=neutral] .silhouette-angel{opacity:.55}#silhouettes .silhouette-glow{fill:#0000;filter:blur(28px)}#silhouettes .silhouette-eye{fill:#e8d9a8}#silhouettes .silhouette-halo{stroke:#e8d9a8;stroke-width:3.5;fill:none;filter:drop-shadow(0 0 16px rgba(232,217,168,.95)) drop-shadow(0 0 8px rgba(255,245,220,.85)) drop-shadow(0 0 3px rgba(255,250,235,.9))}#silhouettes .silhouette-fold{stroke:#0000008c;stroke-width:1.5;stroke-linecap:round;fill:none}#silhouettes .silhouette-angel .silhouette-fold{stroke:#000000b3}#silhouettes .silhouette-fold-highlight{stroke:#fff5dc38;stroke-width:1.2;stroke-linecap:round;fill:none}#silhouettes .silhouette-wing-contour{stroke:#0000008c;stroke-width:1.2;stroke-linecap:round;fill:none}#silhouettes[data-faction=neutral] .silhouette{opacity:.46}#silhouettes[data-faction=hell] .silhouette-demon{opacity:.84}#silhouettes[data-faction=hell] .silhouette-demon .silhouette-glow{fill:var(--hell-warm-bright);opacity:.5}#silhouettes[data-faction=hell] .silhouette-angel{opacity:.1}#silhouettes[data-faction=heaven] .silhouette-angel{opacity:.84}#silhouettes[data-faction=heaven] .silhouette-angel .silhouette-glow{fill:var(--heaven-bright);opacity:.55}#silhouettes[data-faction=heaven] .silhouette-demon{opacity:.1}@media(prefers-reduced-motion:reduce){#silhouettes .silhouette{transition:none}}.card[data-theme=hell]{background:radial-gradient(ellipse at top,rgba(255,93,143,.08),transparent 60%),var(--surface-dark);border:1px solid var(--hell-warm-mid);box-shadow:inset 0 0 0 1px var(--hell-warm-soft),0 0 56px var(--hell-warm-glow),0 24px 60px #000000b3}.card[data-theme=hell] .title{color:var(--hell-warm-bright);letter-spacing:.02em}.card[data-theme=hell] .subtitle{color:var(--bone)}.card[data-theme=heaven]{background:radial-gradient(ellipse at top,rgba(216,248,255,.12),transparent 60%),var(--surface-dark);border:1px solid var(--heaven-cool-mid);box-shadow:inset 0 0 0 1px var(--heaven-soft),0 0 48px var(--heaven-glow),0 24px 60px #000000b3}.card[data-theme=heaven] .title{color:var(--cool-blade-core);letter-spacing:.06em}.card[data-theme=heaven] .subtitle{color:var(--bone-dim)}.card[data-theme=neutral]{border:2px solid transparent;background:linear-gradient(var(--surface-dark),var(--surface-dark)) padding-box,linear-gradient(135deg,#ff5d8f8c,#a88a3a8c,#d8f8ff8c) border-box;box-shadow:inset 0 0 0 1px var(--cool-blade-faint),0 0 48px #4dd6e629,0 24px 60px #000000b3}#arrival-overlay,#welcome-back-overlay,#induction-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;font-size:14px;gap:32px;padding:24px}#arrival-overlay[hidden],#welcome-back-overlay[hidden],#induction-overlay[hidden]{display:none}#arrival-overlay .card,#welcome-back-overlay .card,#induction-overlay .card{width:min(440px,92vw);padding:30px 32px 24px;border-radius:12px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}#arrival-overlay .title,#welcome-back-overlay .title,#induction-overlay .title{margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.04em;color:var(--bone)}#arrival-overlay .subtitle,#welcome-back-overlay .subtitle,#induction-overlay .subtitle{margin:0 0 4px;color:var(--bone-dim);font-size:13px;line-height:1.5}.side-pick-row{display:flex;gap:12px;margin-top:4px}.side-pick-row[hidden],.enter-button[hidden],.reconsider[hidden]{display:none}.side-pick{flex:1;padding:14px 12px;border-radius:8px;font:inherit;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.side-pick-hell{background:linear-gradient(135deg,var(--hell-warm-bright),var(--hell-warm-mid));color:var(--surface-dark);border-color:var(--hell-warm-mid)}.side-pick-hell:hover{transform:translateY(-1px);box-shadow:0 0 24px var(--hell-warm-glow)}.side-pick-heaven{background:linear-gradient(225deg,var(--heaven-warm-pale),var(--heaven-cool-mid));color:var(--surface-dark);border-color:var(--heaven-cool-mid)}.side-pick-heaven:hover{transform:translateY(-1px);box-shadow:0 0 24px var(--heaven-glow)}.side-pick:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cool-blade-glow)}.enter-button{padding:14px 16px;border-radius:8px;font:inherit;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:#1a1106;transition:filter .12s ease,transform .12s ease,box-shadow .16s ease}.enter-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.enter-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-glow)}.card[data-theme=hell] .enter-button{background:linear-gradient(180deg,var(--hell-warm-bright),var(--hell-warm-mid));border-color:var(--hell-warm-mid);box-shadow:0 0 0 1px var(--hell-warm-soft)}.card[data-theme=hell] .enter-button:focus-visible{box-shadow:0 0 0 3px var(--hell-warm-glow)}.card[data-theme=heaven] .enter-button{background:linear-gradient(180deg,var(--heaven-warm-pale),var(--heaven-cool-mid));border-color:var(--heaven-cool-mid);color:var(--surface-dark)}.reconsider{background:transparent;border:none;color:var(--bone-faint);font:inherit;font-size:12px;letter-spacing:.06em;cursor:pointer;padding:4px;align-self:center;transition:color .12s ease}.reconsider:hover{color:var(--cool-blade-bright)}.reconsider:focus-visible{outline:none;color:var(--cool-blade-bright);text-decoration:underline}.induction-card{text-align:center}.induction-title{font-style:italic;font-size:24px;margin-top:8px}.induction-body{font-size:14px;margin-bottom:8px}@media(prefers-reduced-motion:no-preference){#arrival-overlay .card,#welcome-back-overlay .card,#induction-overlay .card{animation:card-rise .36s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}}