:root{color-scheme:dark;--bg:#0f172a;--card:#1e293b;--fg:#f1f5f9;--muted:#94a3b8;--ac:#6366f1;--err:#f87171 }*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.auth{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--card);border-radius:16px;padding:22px;width:min(420px,100%);display:grid;gap:12px;box-shadow:0 8px 30px #0006}h1{margin:0;font-size:1.6rem}.muted{color:var(--muted);margin:0;font-size:.92rem}.err{color:var(--err);margin:0;font-size:.92rem}label{display:grid;gap:4px;font-size:.9rem}input{font:inherit;padding:12px;border-radius:10px;border:1.5px solid #334155;background:#0f172a;color:var(--fg);-webkit-user-select:text;user-select:text}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{font:inherit;font-weight:700;padding:12px 16px;border-radius:10px;border:0;background:var(--ac);color:#fff;cursor:pointer;min-height:44px}.btn.ghost{background:transparent;border:1.5px solid #475569}.btn:disabled{opacity:.6}.link{background:none;border:0;color:#a5b4fc;text-decoration:underline;font:inherit;cursor:pointer;padding:8px}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage canvas{display:block}.hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.chip{pointer-events:auto;background:#0f172acc;color:var(--fg);border-radius:999px;padding:8px 12px;font-size:.85rem;text-decoration:none;border:0;font-family:inherit}.btn-chip{cursor:pointer;min-height:36px}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#0f172aee;border-radius:14px;padding:12px 18px;display:grid;gap:2px;text-align:center;max-width:90vw;pointer-events:none}.toast span{color:var(--muted);font-size:.85rem}.joy{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#fff2;border:2px solid #ffffff55;touch-action:none;display:grid;place-items:center}.knob{width:56px;height:56px;border-radius:50%;background:#fffc;box-shadow:0 2px 8px #0005}.help{position:absolute;right:12px;bottom:10px;margin:0;max-width:46vw;font-size:.75rem;color:#e2e8f0;text-shadow:0 1px 3px #000a;text-align:right}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}.vi-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,8,22,.45) 100%)}.vi-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;opacity:.05;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#22d3ee 3px,transparent 4px)}@media (prefers-reduced-motion: reduce){.vi-scanlines{display:none}}.chip.on{background:var(--ac);color:#fff}.toast .act{pointer-events:auto;margin-top:6px}.toast{pointer-events:none}.cams{position:absolute;right:8px;bottom:74px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.panel-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:10px;z-index:5}.panel{background:var(--card);border-radius:16px;width:min(560px,100%);max-height:92vh;overflow:auto;padding:16px;-webkit-user-select:text;user-select:text}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-head h2{margin:0;font-size:1.25rem}.row.between{justify-content:space-between;align-items:center;margin:8px 0}.quest{display:grid;gap:2px;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border-radius:12px;border:1.5px solid #475569;background:#0f172a;color:var(--fg);font:inherit;cursor:pointer;min-height:56px}.quest:hover,.quest:focus-visible{border-color:#a5b4fc}.qtext{font-size:1.05rem;line-height:1.4;white-space:pre-wrap;margin:10px 0}.small{font-size:.82rem}.opt{display:block;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border-radius:12px;border:1.5px solid #475569;background:#0f172a;color:var(--fg);font:inherit;cursor:pointer;min-height:48px}.opt:disabled{opacity:.7}.fb{margin-top:10px;padding:12px;border-radius:12px;display:grid;gap:6px}.fb.ok{background:#14532d;border:1.5px solid #22c55e}.fb.no{background:#7f1d1d;border:1.5px solid #f87171}.mistakes{padding-left:18px;display:grid;gap:8px}.cams-cycle{display:none}@media (max-width: 520px){.help,.cams-full{display:none}.cams-cycle{display:flex;flex-direction:row;right:8px;bottom:28px;align-items:center}}.howto-btn{min-height:44px;max-width:100%;box-sizing:border-box;justify-content:center;text-align:center;white-space:normal;line-height:1.25;overflow-wrap:normal;word-break:normal;padding-block:6px}.col-card .howto-btn,.av-buy .howto-btn{width:100%}@media (pointer: coarse){.btn-chip,.hub-chip,.dl-word .hub-chip,.ob-strip .chip,.tg-x,.tg-input .chip,.sdk-live .chip,.unlock-toast .btn,.chip.gap-chip,.cov-units .gap-chip,.wl-root .chip.wl-mini,.tr-flag,.sdk-rate a,.sp-note summary{min-height:44px!important}.wl-root .chip.wl-mini,.av-hubchip,.hub-head>.hub-chip{min-width:44px!important}}:root{--vi-void: #050816;--vi-void-2: #0a0f2e;--vi-void-3: #0c1338;--vi-neon: #facc15;--vi-neon-2: #fde047;--vi-cyan: #22d3ee;--vi-magenta: #f0abfc;--vi-holo: linear-gradient(160deg, rgba(24, 33, 82, .88), rgba(9, 14, 44, .94));--vi-holo-soft: linear-gradient(160deg, rgba(20, 28, 70, .72), rgba(9, 14, 44, .86));--vi-ink: #f4f6ff;--vi-soft: #c9d4f2;--vi-muted: #8b96c4;--vi-line: rgba(250, 204, 21, .28);--vi-line-soft: rgba(139, 150, 196, .3);--vi-neon-glow: 0 0 18px rgba(250, 204, 21, .22), 0 10px 28px rgba(0, 0, 0, .5)}.hubroot,.town-stage{--bg: #050816;--card: rgba(16, 24, 58, .82);--fg: #f4f6ff;--muted: #8b96c4}