:root{--bg: #0b1d4a;--panel: rgba(9, 20, 52, .9);--line: rgba(255, 255, 255, .18);--text: #ffffff;--muted: #b9c6e4;--blue: #5d97ff;--red: #ff6b6b;--primary: #d23b3b;--accent: #2f6fe0;--ok: #2fb36b;font-family:Roboto,Segoe UI,Arial,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#game-root{position:fixed;inset:0}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,#050c238c,#050c23bf);pointer-events:auto;touch-action:pan-y}.screen.dark{background:radial-gradient(circle at 30% 40%,#173a8a,#071233 70%)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 24px;width:min(560px,100%);max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 12px 40px #00000073}.panel.wide{width:min(980px,100%)}.panel.two-col{width:min(900px,100%);display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.side-art{width:100%;max-height:70vh;object-fit:contain;border-radius:12px}h1,h2{margin:4px 0 12px}h1{font-size:30px}h2{font-size:22px}p{margin:8px 0}.muted{color:var(--muted);font-size:14px}.warn{color:#ffd27a;font-size:14px}.blue{color:var(--blue)}.red{color:var(--red)}.btn{display:block;width:100%;margin:8px 0;padding:12px 16px;font:inherit;font-size:17px;color:var(--text);background:#ffffff1a;border:1px solid var(--line);border-radius:12px;cursor:pointer}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);border-color:#fff6;font-weight:700}.btn.big{padding:15px 18px;font-size:19px}.btn small{display:block;font-size:13px;font-weight:400;opacity:.85}.btn.small{width:auto;display:inline-block;padding:7px 12px;font-size:14px;margin:0 12px 0 0}.btn.ghost{background:transparent;color:var(--muted);margin-top:12px}.btn.danger{background:#6d1f1f}.row{display:flex;gap:12px}.head-row{display:flex;align-items:center;margin-bottom:8px}.head-row h2{margin:0}input[type=text],input:not([type]),#name{width:100%;font:inherit;font-size:20px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fffffff2;color:#111;margin:10px 0;user-select:text;-webkit-user-select:text}.version{margin-top:10px;font-size:12px;color:var(--muted);text-align:center}.profile-line{color:var(--muted);margin-bottom:10px}.btn.exit{background:transparent;color:var(--muted);border-color:#ffffff1f;font-size:15px;padding:9px 14px}.update-badge{font:inherit;font-size:12px;color:#ffd27a;background:none;border:1px solid rgba(255,210,122,.5);border-radius:8px;padding:2px 8px;cursor:pointer}.modal-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:#03081899;pointer-events:auto}.panel.modal{width:min(420px,100%);text-align:center}.splash{text-align:center;position:relative;width:100%;max-width:900px}.splash-art{width:min(560px,70vw);max-height:45vh;object-fit:contain;border-radius:16px;opacity:.95}.splash-title{font-size:52px;font-weight:900;letter-spacing:10px;margin-top:8px}.splash-sub{color:var(--muted);margin-bottom:14px}.splash .btn{max-width:420px;margin:0 auto}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.level{text-align:left;font:inherit;color:var(--text);background:#2f6fe040;border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;display:grid;gap:3px}.level.locked{opacity:.45;background:#ffffff0d}.level .lvl{font-weight:800;color:#ffd27a}.level .lname{font-weight:700;font-size:17px}.level .ldesc,.level .lbest{font-size:13px;color:var(--muted)}.path{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0 10px}.path i{color:var(--muted);font-style:normal}.step{border-radius:10px;padding:5px 9px;background:#ffffff12;border:1px solid var(--line);font-size:13px;text-align:center;min-width:62px}.step b{display:block;font-size:14px}.step.won{background:#2fb36b59}.step.lost{background:#d23b3b66}.step.current{border-color:#ffd27a;box-shadow:0 0 0 1px #ffd27a inset}.next{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff12;border-radius:14px;padding:10px 14px}.next .opp{font-size:20px;font-weight:700}.next .btn{width:auto;white-space:nowrap}.tabs{display:flex;gap:6px;margin:12px 0 8px;overflow-x:auto}.tab{font:inherit;font-size:14px;color:var(--text);background:#ffffff14;border:1px solid var(--line);border-radius:10px;padding:6px 12px}.tab.active{background:var(--accent)}.tab[disabled]{opacity:.35}.panel.bracket{display:flex;flex-direction:column;height:100%;overflow:hidden}.bracket .matches{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:start}.head-row .spacer{flex:1}.matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px}.match{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:#ffffff0d;border-radius:10px;padding:6px 10px;font-size:14px}.match.mine{background:#2f6fe059;border:1px solid #5d97ff}.match .win{font-weight:700}.match .me{color:#ffd27a}.versus{font-size:26px;font-weight:800;margin:8px 0}.versus i{color:var(--muted);font-size:18px}.tips{font-size:14px;color:var(--muted);padding-left:18px}.result{text-align:center}.result.won h1{color:#7dffb0}.result.lost h1{color:#ff9a9a}.big-score{font-size:44px;font-weight:900;margin:8px 0}.result .path{justify-content:center}.lvl-badge{display:inline-block;font-size:34px;font-weight:900;color:#0b1d4a;background:#ffd27a;border-radius:14px;padding:6px 18px}.toggle,.range{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}.toggle input{width:22px;height:22px}.range input{flex:1}.debug-panel{position:fixed;z-index:20;left:8px;top:110px;margin:0;max-width:46vw;font:11px/1.3 Consolas,monospace;color:#b8ffcf;background:#0009;padding:6px 8px;border-radius:8px;pointer-events:none;white-space:pre}#rotate-hint{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;text-align:center;font-size:22px;background:var(--bg);padding:24px}@media(orientation:portrait)and (max-width:820px){#rotate-hint{display:flex}}@media(max-height:430px){.panel{padding:12px 16px}h1{font-size:24px}.btn{padding:9px 12px;margin:6px 0}.btn.big{padding:11px 14px}.panel.two-col{grid-template-columns:150px 1fr}.splash-art{max-height:34vh}.splash-title{font-size:38px}}