*,:before,:after{box-sizing:border-box}html,body{color:#eef2f8;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;background:#0b1018;width:100%;height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}#hud{z-index:30;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loader{z-index:100;background:radial-gradient(120% 90% at 50% 18%,#2a3650 0%,#141b2b 42%,#090d16 100%);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{flex-direction:column;align-items:center;gap:22px;display:flex;transform:translateY(-4%)}.loader-mark{background:radial-gradient(circle at 50% 38%,#ffd9a0 0%,#ffb155 38%,#0000 70%);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 48px 6px #ffb25a59}.loader-mark .prop{transform-origin:50%;background:linear-gradient(90deg,#0000,#2a1b0c 18% 82%,#0000);border-radius:4px;width:46px;height:4px;animation:.42s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-title{letter-spacing:.42em;color:#f2e6d2;opacity:.92;padding-left:.42em;font-size:15px;font-weight:700}.loader-bar{background:#ffffff1f;border-radius:3px;width:232px;height:3px;overflow:hidden}.loader-bar i{background:linear-gradient(90deg,#ffb155,#ffe2b0);border-radius:3px;width:8%;height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #ffb25a99}.loader-status{letter-spacing:.04em;color:#eef2f89e;min-height:1em;font-size:12.5px}#perf{z-index:40;color:#cfe6ff;white-space:pre;-webkit-backdrop-filter:blur(6px);pointer-events:none;letter-spacing:.2px;background:#080c148c;border:1px solid #ffffff14;border-radius:8px;min-width:158px;padding:7px 10px;font:11px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;transition:opacity .25s;position:fixed;top:10px;left:10px}#perf.off{opacity:0}#perf b{color:#8de0a0;font-weight:600}#perf .warn{color:#ffd27a}#ui-root{z-index:60;pointer-events:none;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}#ui-vignette{z-index:35;pointer-events:none;opacity:0;background:radial-gradient(120% 100%,#0000 52%,#04070ce6 100%);transition:opacity 80ms linear;position:fixed;inset:0}#ui-flash{z-index:36;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(130% 110%,#0000 46%,#ff3c2600 60%,#ff301ed9 100%);position:fixed;inset:0}#ui-hint-mini{z-index:38;letter-spacing:.01em;color:#eef2f8d1;-webkit-backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;opacity:0;background:#080c1480;border:1px solid #ffffff17;border-radius:999px;padding:8px 18px;font-size:12px;transition:opacity .6s,transform .6s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(8px)}#ui-hint-mini.show{opacity:1;transform:translate(-50%)translateY(0)}#ui-hint-mini b{color:#ffe2b0;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700}@media (max-width:720px){#ui-hint-mini{white-space:normal;text-align:center;max-width:92vw;padding:6px 12px;font-size:10px}}#ui-toasts{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:14%;left:50%;transform:translate(-50%)}.toast{text-align:center;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#121824d1,#0a0e16d1);border:1px solid #ffcf5a4d;border-radius:12px;flex-direction:column;align-items:center;padding:9px 22px;display:none;box-shadow:0 8px 30px #0006}.toast.in{animation:.32s cubic-bezier(.2,1.3,.4,1) both toast-in;display:flex}.toast b{letter-spacing:.06em;color:#ffcf5a;text-shadow:0 1px 8px #ffb25a66;font-size:15px;font-weight:800}.toast span{color:#eaf4ffc7;margin-top:1px;font-size:11.5px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.ui-screen{z-index:70;pointer-events:auto;place-items:center;display:none;position:fixed;inset:0}.ui-screen.show{animation:.45s both screen-in;display:grid}.ui-screen.dim{-webkit-backdrop-filter:blur(3px);background:radial-gradient(120% 100% at 50% 40%,#0a0e188c,#060910d1)}#ui-title{background:radial-gradient(120% 80% at 50% 0,#141c2e66 0%,#080c1433 50%,#0609108c 100%)}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.ui-card{background:linear-gradient(#161c2aeb,#0c101af0);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:min(440px,90vw);padding:34px 36px 30px;animation:.5s cubic-bezier(.2,1,.3,1) both card-in;display:flex;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0f}.ui-card.sm{gap:12px;width:min(320px,86vw)}.ui-card.md{align-items:stretch;gap:16px;width:min(480px,92vw)}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.brand{align-items:center;gap:14px;display:flex}.brand-mk{background:radial-gradient(circle at 50% 38%,#ffd9a0 0%,#ffb155 42%,#0000 72%);border-radius:50%;flex:none;width:42px;height:42px;box-shadow:0 0 32px 4px #ffb25a73}.ui-card h1{letter-spacing:.16em;background:linear-gradient(#fff 0%,#f2e6d2 60%,#ffcf8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.16em;font-size:38px;font-weight:800}.ui-card h2{letter-spacing:.04em;color:#f2e6d2;text-align:center;margin:0 0 4px;font-size:22px;font-weight:700}.tag{color:#eaf4ffb8;text-align:center;margin:-2px 0 6px;font-size:13.5px;line-height:1.5}button.cta{pointer-events:auto;cursor:pointer;letter-spacing:.06em;color:#1a1206;background:linear-gradient(#ffd98a,#ffb155);border:none;border-radius:12px;padding:13px 30px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px 24px #ffa04659,inset 0 1px #ffffff80}button.cta:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 30px #ffa04673}button.cta:active{transform:translateY(1px)}button.ghost{pointer-events:auto;cursor:pointer;color:#eef2f8d9;letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;padding:9px 22px;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s,transform .1s}button.ghost:hover{background:#ffffff1a;border-color:#ffffff47}button.ghost:active{transform:translateY(1px)}.cheats{color:#eaf4ff99;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:2px;font-size:11.5px;display:flex}.cheats span{align-items:center;gap:5px;display:inline-flex}kbd{color:#eaf4ff;text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-bottom-width:2px;border-radius:5px;min-width:12px;padding:2px 6px;font:600 10px ui-monospace,Menlo,monospace}.ui-foot{text-align:center;letter-spacing:.04em;color:#eaf4ff66;font-size:11.5px;position:fixed;bottom:22px;left:0;right:0}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.row>label{color:#eaf4ffcc;flex:none;font-size:13px;font-weight:600}.row.checks{flex-direction:column;align-items:stretch;gap:10px}.chk{color:#eaf4ffd1;cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.chk input{accent-color:#ffb155;cursor:pointer;width:16px;height:16px}.seg{background:#0000004d;border:1px solid #ffffff1a;border-radius:9px;padding:2px;display:inline-flex}.seg button{pointer-events:auto;cursor:pointer;color:#eaf4ffb3;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.seg button:hover{color:#fff}.seg button.on{color:#1a1206;background:linear-gradient(#ffd98a,#ffb155)}.vol{flex:1;align-items:center;gap:10px;max-width:280px;display:flex}.iconbtn{pointer-events:auto;cursor:pointer;opacity:.95;filter:saturate(.2);background:0 0;border:none;padding:2px 4px;font-size:18px;line-height:1}.iconbtn.muted{filter:none;opacity:.6}.vol input[type=range]{accent-color:#ffb155;cursor:pointer;flex:1;height:4px}.vol-val{color:#eaf4ffa8;text-align:right;min-width:42px;font:600 11px ui-monospace,Menlo,monospace}@media (max-width:720px){.ui-card h1{font-size:30px}.ui-card{padding:26px 22px}.row{flex-direction:column;align-items:stretch;gap:8px}.vol{max-width:none}}@media (prefers-reduced-motion:reduce){.ui-screen.show,.ui-card,.toast.in{animation:none}#ui-hint-mini{transition:opacity .3s}}
