:root{--bg: #0f1014;--fg: #f4f4f6;--muted: rgba(244, 244, 246, .6);--glass: rgba(30, 32, 40, .55);--stroke: rgba(255, 255, 255, .14);--accent: #8b7bff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:block;outline:none;touch-action:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(60% 50% at 30% 30%,rgba(139,123,255,.25),transparent 70%),radial-gradient(50% 50% at 75% 70%,rgba(255,122,89,.18),transparent 70%),#0c0d11;transition:opacity 1.2s ease,visibility 1.2s}body.started #loader{opacity:0;visibility:hidden}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.loader-mark{width:56px;height:56px;border-radius:18px;background:conic-gradient(from 200deg,#ff7a59,#8b7bff,#3dd6c6,#ff7a59);animation:spin 6s linear infinite;box-shadow:0 10px 40px #8b7bff73}@keyframes spin{to{transform:rotate(360deg)}}.loader-name{font-size:22px;font-weight:600;letter-spacing:-.01em}.loader-bar{width:220px;height:3px;border-radius:3px;background:#ffffff1a;overflow:hidden}.loader-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff7a59,#8b7bff);transform-origin:left;transform:scaleX(0)}.loader-pct{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.loader-hint{margin:0;font-size:12px;color:var(--muted)}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke);background:var(--glass);color:var(--fg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:10px 22px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;display:inline-block;cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s ease,opacity .4s ease}.pill:hover{background:#3c3e4bb3;transform:translateY(-1px)}.loader-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pill.primary{background:linear-gradient(135deg,#8b7bff,#ff7a59) border-box;border-color:transparent;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.pill.primary:hover{filter:brightness(1.08)}.pill.primary:disabled{opacity:.45;cursor:progress;filter:grayscale(.4)}#enter,#formal,#back,#formal-open{min-width:150px;text-align:center}body.loaded .loader-bar,body.loaded .loader-pct{opacity:.4}.hud{position:fixed;z-index:5;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}#hint{left:50%;bottom:36px;transform:translate(-50%,8px);padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:13px;color:var(--muted)}#hint.show{opacity:1;transform:translate(-50%)}#back{top:18px;left:18px}body.in-screen #back{opacity:1;pointer-events:auto}body.in-screen.mobile #back,body.in-screen.mobile #formal-open{top:auto;bottom:18px}#formal-open{top:18px;right:18px}body.started #formal-open{opacity:1;pointer-events:auto}#mute{right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--fg);display:grid;place-items:center;cursor:pointer}body.started:not(.in-screen) #mute{opacity:1;pointer-events:auto}#mute svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}