:root{color-scheme:dark;--bg: #050816;--fg: rgba(244, 247, 255, .95);--muted: rgba(196, 205, 229, .72);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .18);--panel: rgba(9, 13, 30, .42);--panel-strong: rgba(13, 18, 40, .74);--glow: rgba(154, 197, 255, .22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(88,108,255,.16),transparent 40%),radial-gradient(circle at 78% 18%,rgba(174,92,255,.18),transparent 22%),radial-gradient(circle at 30% 80%,rgba(30,198,255,.09),transparent 28%),linear-gradient(180deg,#070a14,#02040b);color:var(--fg)}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%)}body.zen .hud,body.zen .panel,body.zen .footer{opacity:0;transform:translateY(10px);pointer-events:none}body.reveal .hud,body.reveal .panel,body.reveal .footer{border-color:var(--line-strong);box-shadow:0 18px 70px #00000052,0 0 36px var(--glow),inset 0 1px #ffffff0f}.webgl{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.hud,.panel,.footer{position:fixed;z-index:2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .26s ease,transform .26s ease,border-color .22s ease,box-shadow .22s ease}.hud{top:clamp(18px,4vw,36px);left:clamp(18px,4vw,36px);width:min(470px,calc(100vw - 36px));padding:18px 20px 20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#0c122685,#060a163d);box-shadow:0 18px 60px #00000047,inset 0 1px #ffffff0d}.hud__eyebrow{margin-bottom:12px;font-size:11px;line-height:1;letter-spacing:.28em;text-transform:uppercase;color:#d4dcff94}.hud h1{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.94;letter-spacing:-.06em}.hud__copy{margin:14px 0 0;max-width:34ch;color:var(--muted);font-size:.98rem;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;font-size:.78rem;color:#e9eeffc7;background:#ffffff0f;box-shadow:inset 0 1px #ffffff0a}.panel{right:clamp(18px,4vw,36px);top:clamp(18px,4vw,36px);width:min(480px,calc(100vw - 36px));padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 60px #0000003d,inset 0 1px #ffffff0d}.panel__head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.panel__label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#d2daf180}.panel__value{margin-top:6px;font-size:1rem;font-weight:600;letter-spacing:.01em}.panel__hint{text-align:right;font-size:.82rem;color:#d6ddf78c;max-width:18ch;line-height:1.35}.panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}button{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(180deg,#ffffff29,#ffffff0f);color:var(--fg);padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-1px);border-color:#ffffff47;background:linear-gradient(180deg,#fff3,#ffffff14);box-shadow:0 10px 24px #00000029,0 0 24px var(--glow)}button:active{transform:translateY(1px) scale(.99)}.marquee{position:fixed;left:50%;top:clamp(22px,10vh,78px);transform:translate(-50%) translateY(-8px);z-index:3;min-width:min(720px,calc(100vw - 28px));max-width:min(720px,calc(100vw - 28px));padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0a0e1c38,#0a0e1c14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f2f6ffe0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease,border-color .22s ease,box-shadow .22s ease}.marquee.is-visible{opacity:1;transform:translate(-50%) translateY(0);box-shadow:0 18px 70px #00000038,0 0 24px var(--glow)}.footer{left:50%;bottom:clamp(18px,4vw,30px);transform:translate(-50%);display:flex;gap:18px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#080c1a75;color:#e2e8ffa3;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.footer span{position:relative;white-space:nowrap}.footer span+span:before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;border-radius:50%;background:#ffffff59;transform:translateY(-50%)}@media(max-width:980px){.hud{width:calc(100vw - 36px);max-width:none}.panel{inset:auto 18px 90px;width:auto}}@media(max-width:640px){.hud{padding:16px;border-radius:20px}.panel__head{flex-direction:column;align-items:start}.panel__hint{text-align:left;max-width:none}.panel__actions{grid-template-columns:1fr}.marquee{top:auto;bottom:150px;min-width:0;width:calc(100vw - 24px);max-width:calc(100vw - 24px);font-size:.74rem;padding:12px 14px}.footer{gap:12px;font-size:.68rem;padding:10px 12px;max-width:calc(100vw - 24px);overflow-x:auto}}