:root{--bg: #05060d;--panel: rgba(11, 13, 27, .74);--panel-solid: #0c0f20;--panel-2: rgba(22, 26, 52, .7);--line: rgba(130, 150, 255, .16);--line-2: rgba(130, 150, 255, .28);--text: #eaf0ff;--muted: #8d96b8;--dim: #5c6488;--cyan: #35f0e0;--pink: #ff2e88;--gold: #ffc247;--green: #35f0a0;--red: #ff5e7a;--violet: #7b6cff;--radius: 14px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--font: "Chakra Petch", system-ui, sans-serif;--font-display: "Rajdhani", "Chakra Petch", sans-serif;--vp-x: 0px;--vp-y: 0px;--vp-w: 100vw;--vp-h: 100vh;--vp-scale: 1;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0}.game-canvas{position:absolute;inset:0;display:block}button{font-family:inherit;font-size:14px;color:var(--text);cursor:pointer;border:none;background:none}button:disabled{cursor:default;opacity:.45}input{font-family:inherit;font-size:15px;color:var(--text);background:#080a16cc;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #35f0e026}input::placeholder{color:var(--dim)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.03em;transition:transform .12s ease,box-shadow .18s ease,background .18s,border-color .18s,color .18s;user-select:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,#35f0e0,#2bc8ff);color:#04121a;box-shadow:0 0 0 1px #35f0e066,0 8px 26px #35f0e040}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #35f0e0b3,0 10px 34px #35f0e06b;transform:translateY(-1px)}.btn-ghost{background:#1418308c;border:1px solid var(--line-2);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:#35f0e08c;color:#fff;background:#1c2242b3}.btn-danger{background:transparent;border:1px solid rgba(255,94,122,.4);color:#ff9aac}.btn-danger:hover{border-color:var(--red);color:#fff}.btn-block{width:100%}.btn-sm{padding:8px 12px;font-size:12px}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%;background:#0a0c1aa6;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,transform .12s}.btn-icon:hover{color:var(--cyan);border-color:#35f0e099}.btn-icon svg{width:18px;height:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow)}.label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.muted{color:var(--muted)}.err{color:var(--red);font-size:12px;min-height:16px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:var(--radius-sm);background:#10142899;border:1px solid var(--line);transition:border-color .15s,background .15s,transform .12s}.option:hover{border-color:var(--line-2);background:#181e3cb3;transform:translate(2px)}.option.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan),0 0 24px #35f0e01f}.option .ico{font-size:22px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#35f0e014;flex:none}.option strong{display:block;font-size:15px;margin-bottom:2px}.option .desc{display:block;font-size:12px;color:var(--muted);line-height:1.4}.option.selected strong{color:var(--cyan)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#101428b3;border:1px solid var(--line);color:var(--muted);transition:all .15s}.chip:hover:not(:disabled){color:var(--text);border-color:var(--line-2)}.chip.selected{color:#04121a;background:var(--cyan);border-color:var(--cyan)}.chips.readonly .chip{pointer-events:none}.chips.readonly .chip:not(.selected){opacity:.45}.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.scroll-thin{scrollbar-width:thin;scrollbar-color:#2a3050 transparent}kbd{font-family:inherit;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-bottom-width:2px;color:var(--text)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}