:root{--bg: #0a0a0c;--card: rgba(22, 22, 26, .9);--line: rgba(255, 255, 255, .1);--ink: #e8e8ea;--muted: rgba(255, 255, 255, .42);--hover: rgba(255, 255, 255, .08);--accent: #f0b429}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;transition:background .12s,color .12s}button:hover{background:var(--hover);color:var(--ink)}button svg{width:20px;height:20px;display:block}#dock,#rotctl{display:flex;align-items:center;gap:2px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #00000073}#dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);max-width:calc(100vw - 32px);flex-wrap:wrap;justify-content:center}#dock button,#rotctl button{width:38px;height:38px;display:grid;place-items:center}#play{color:var(--ink)}#play.running{color:var(--accent)}.sep{width:1px;height:22px;background:var(--line);margin:0 4px}#helpBtn{font-size:16px;font-weight:600}#bottomleft{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}#readout{font:11px/1.4 ui-monospace,SF Mono,Menlo,monospace;color:var(--muted);letter-spacing:.02em;padding-left:4px}#readout b{color:var(--ink);font-weight:600}#speed{position:fixed;right:18px;bottom:18px;width:64px;height:64px;cursor:ns-resize;touch-action:none;transition:transform .05s linear}#speed svg{width:64px;height:64px}.ktrack{fill:none;stroke:#ffffff1f;stroke-width:4}.karc{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:32px 32px}#speedval{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 12px/1 ui-monospace,Menlo,monospace;color:var(--ink);pointer-events:none}#speed.max .karc{stroke:var(--accent)}#speed.max #speedval{color:var(--accent);font-size:11px;letter-spacing:.05em}#speed.max{animation:maxpulse 1s ease-in-out infinite}@keyframes maxpulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 6px var(--accent))}}#selbar,#placing{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000073}#placing{top:16px;left:16px;right:auto;transform:none;border-color:#f0b42980;z-index:15}#selbar[hidden],#placing[hidden]{display:none}#selcount,#placingName{color:var(--ink)}#placingName b{color:var(--accent)}#selbar button,#placing button{padding:5px 10px;color:var(--ink);background:var(--hover)}#selbar button:hover,#placing button:hover{background:#ffffff29}#placingStop{padding:5px 9px}.pop{position:fixed;left:50%;bottom:78px;transform:translate(-50%);width:264px;max-height:56vh;overflow-y:auto;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #00000073}.pop h2{margin:0 0 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;justify-content:space-between}.hint{color:var(--muted);font-size:11px;margin:10px 0 0}#schemList{display:flex;flex-direction:column;gap:6px}.shape{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 10px;border:1px solid var(--line);border-radius:8px}.shape.active{border-color:var(--accent);background:#f0b4291a}.shape .name{flex:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.shape .count{color:var(--muted);font:11px ui-monospace,Menlo,monospace}.shape .del{width:24px;height:24px;display:grid;place-items:center;font-size:15px}.empty{color:var(--muted);padding:2px 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center}.modal[hidden]{display:none}.modal{padding:24px;background:#06080c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#11141c;border:1px solid var(--line);border-radius:16px;padding:28px 32px 32px;box-shadow:0 24px 80px #0009}.modal-card.wide{width:min(900px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.modal-head h2{margin:0;font-size:20px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink)}.modal-actions{display:flex;align-items:center;gap:8px}.btn-text{padding:6px 12px;color:var(--ink);background:var(--hover);border-radius:8px}.modal-x{width:36px;height:36px;font-size:16px;display:grid;place-items:center}.rule-help{margin:8px 0 18px;color:var(--muted);font-size:12.5px;line-height:1.5}.rulegrid{display:grid;grid-template-columns:92px repeat(7,1fr);gap:6px;align-items:stretch}.rg-head{display:grid;place-items:center;font:600 12px ui-monospace,Menlo,monospace;color:var(--muted);padding-bottom:2px}.rg-corner{font-size:10px;text-align:center}.rg-row-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);white-space:nowrap}.rg-row-label small{color:var(--muted);font-size:10px}.rg-dot{width:11px;height:11px;border-radius:3px;flex:none;border:1px solid var(--line)}.rg-cell{aspect-ratio:1 / 1;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;font:700 18px ui-monospace,Menlo,monospace;cursor:pointer;padding:0;transition:transform .05s,filter .1s}.rg-cell:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.rg-cell:active:not(:disabled){transform:translateY(0)}.rg-cell:disabled{cursor:default;opacity:.35}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}.legend>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.legend b{color:var(--ink);font-weight:600}.legend .dot{width:14px;height:14px;border-radius:4px;flex:none;border:1px solid var(--line)}.legend .dot.t0{background:#0a0c11}.legend .dot.t1{background:#fafafa}.legend .dot.t2{background:#f87171}.legend .dot.t3{background:#60a5fa}.legend .dot.t4{background:#34d399}.keys{list-style:none;margin:0;padding:0}.keys li{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.keys span{color:var(--muted)}kbd{background:var(--hover);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font:11px ui-monospace,Menlo,monospace;color:var(--ink)}#hud{position:fixed;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #00000073;font:700 18px ui-monospace,Menlo,monospace;color:#f6d27a}.coin{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.coin.sm{width:16px;height:16px}#hud.spend{animation:bump .18s ease}#hud.earn{animation:bumpUp .4s ease}@keyframes bump{50%{transform:scale(.93)}}@keyframes bumpUp{30%{transform:scale(1.12)}}#toast{position:fixed;top:60px;left:50%;transform:translate(-50%);padding:9px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000073;color:var(--ink);font-size:13px;pointer-events:none;transition:opacity .3s}#toast.fade{opacity:0}.shop-bal{display:inline-flex;align-items:center;gap:5px;font:600 14px ui-monospace,Menlo,monospace;color:#f6d27a}#shopList{display:flex;flex-direction:column;gap:8px}.shop-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0c0f16}.shop-item .si-name{font-weight:600;color:var(--ink)}.shop-item .si-name .si-lvl{color:var(--muted);font:11px ui-monospace,Menlo,monospace;margin-left:6px}.shop-item .si-desc{grid-column:1;color:var(--muted);font-size:12px}.shop-item .si-buy{grid-row:1 / span 2;grid-column:2;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;background:var(--accent);color:#2a1e02;font-weight:700;white-space:nowrap}.shop-item .si-buy:hover{filter:brightness(1.08);background:var(--accent)}.shop-item .si-buy:disabled{background:var(--panel-2);color:var(--muted);cursor:default;filter:none}.shop-item.maxed{opacity:.65}.mode-screen{padding:0;background:#08080b;-webkit-backdrop-filter:none;backdrop-filter:none}.mode-grid{display:flex;gap:clamp(28px,9vw,140px);align-items:center}.mode-hex{display:flex;flex-direction:column;align-items:center;gap:22px;background:none;border:none;padding:0;cursor:pointer;transition:transform .18s ease}.mode-hex:hover{background:none;transform:translateY(-8px) scale(1.04)}.mode-hex svg{width:clamp(150px,26vw,300px);height:auto;transition:filter .2s ease}.mode-hex polygon{stroke-width:3;transition:fill .2s ease}.mode-label{font:700 clamp(18px,2.4vw,30px)/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.mode-hex.pink polygon{fill:#ff2d951f;stroke:#ff2d95}.mode-hex.pink svg{filter:drop-shadow(0 0 8px #ff2d95) drop-shadow(0 0 24px rgba(255,45,149,.8))}.mode-hex.pink .mode-label{color:#ff2d95;text-shadow:0 0 12px rgba(255,45,149,.7)}.mode-hex.pink:hover polygon{fill:#ff2d953d}.mode-hex.pink:hover svg{filter:drop-shadow(0 0 14px #ff2d95) drop-shadow(0 0 46px #ff2d95)}.mode-hex.blue polygon{fill:#18c8ff1f;stroke:#18c8ff}.mode-hex.blue svg{filter:drop-shadow(0 0 8px #18c8ff) drop-shadow(0 0 24px rgba(24,200,255,.8))}.mode-hex.blue .mode-label{color:#18c8ff;text-shadow:0 0 12px rgba(24,200,255,.7)}.mode-hex.blue:hover polygon{fill:#18c8ff3d}.mode-hex.blue:hover svg{filter:drop-shadow(0 0 14px #18c8ff) drop-shadow(0 0 46px #18c8ff)}@media(max-width:560px){.mode-grid{flex-direction:column;gap:36px}}.btn-wide{width:100%;margin-top:10px;padding:12px;border:1px dashed var(--line);border-radius:10px;color:var(--ink);background:#0c0f16;font-weight:600}.btn-wide:hover{background:#11151f;border-color:var(--accent)}#runsList{display:flex;flex-direction:column;gap:8px}.run-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0c0f16;cursor:pointer}.run-row:hover{border-color:var(--accent);background:#11151f}.run-row.easy{border-color:#34d39973;background:#34d39914}.run-row.easy:hover{border-color:#34d399;background:#34d39926}.run-row.normal{border-color:#f0b42973;background:#f0b42914}.run-row.normal:hover{border-color:#f0b429;background:#f0b42926}.run-row.hard{border-color:#f8717173;background:#f8717114}.run-row.hard:hover{border-color:#f87171;background:#f8717126}.run-row .run-name{flex:1;font-weight:600;color:var(--ink)}.run-row .run-bal{color:#f6d27a;font:600 13px ui-monospace,Menlo,monospace;display:inline-flex;align-items:center;gap:5px}.run-row .run-del{width:28px;height:28px;display:grid;place-items:center;font-size:16px;border-radius:7px}.run-row .run-del:hover{background:#f871712e;color:#f87171}.ach-count{font:600 13px ui-monospace,Menlo,monospace;color:var(--muted)}#achList{display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0c0f16}.ach-row.locked{opacity:.55}.ach-row.unlocked{border-color:var(--accent);background:#f0b42914}.ach-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;font-size:18px;border-radius:8px;background:var(--hover)}.ach-row.unlocked .ach-icon{background:#f0b42933}.ach-text .ach-name{font-weight:600;color:var(--ink)}.ach-times{margin-left:8px;font:600 11px ui-monospace,Menlo,monospace;color:var(--accent);background:#f0b42924;border-radius:6px;padding:1px 7px;vertical-align:middle}.ach-text .ach-desc{font-size:12px;color:var(--muted);margin-top:2px}.ach-empty{color:var(--muted);padding:4px 0}.run-diff{font:600 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:6px}.run-diff.easy{color:#34d399;background:#34d39924}.run-diff.normal{color:#f0b429;background:#f0b42924}.run-diff.hard{color:#f87171;background:#f8717124}.new-run{margin-top:12px;display:flex;flex-direction:column;gap:8px}#newRunName{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0c0f16;color:var(--ink);font:inherit}#newRunName::placeholder{color:var(--muted)}.diff-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diff-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0c0f16;text-align:left}.diff-btn b{font-size:14px;color:var(--ink)}.diff-btn small{font-size:10px;color:var(--muted);line-height:1.3}.diff-btn.easy:hover{border-color:#34d399;background:#34d39914}.diff-btn.normal:hover{border-color:#f0b429;background:#f0b42914}.diff-btn.hard:hover{border-color:#f87171;background:#f8717114}#achPopup{position:fixed;top:64px;left:50%;display:flex;align-items:center;gap:14px;padding:14px 22px 14px 16px;background:linear-gradient(135deg,#1a1410,#221a0c);border:1px solid var(--accent);border-radius:14px;box-shadow:0 0 30px #f0b42966,0 12px 40px #00000080;z-index:40;pointer-events:none;transform:translate(-50%,-160%);opacity:0}#achPopup.show{animation:achpop 3s cubic-bezier(.2,1.1,.3,1) forwards}@keyframes achpop{0%{transform:translate(-50%,-160%);opacity:0}10%{transform:translate(-50%);opacity:1}85%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-160%);opacity:0}}.ap-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;font-size:22px;color:#2a1e02;background:var(--accent);border-radius:10px;box-shadow:0 0 16px #f0b429b3}#achPopup.show .ap-icon{animation:apspin .6s ease}@keyframes apspin{0%{transform:rotate(-25deg) scale(.6)}to{transform:rotate(0) scale(1)}}.ap-label{font:600 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.ap-name{font:700 16px/1.2 system-ui,sans-serif;color:var(--ink);margin-top:3px}#achPopup[data-tier="3"]{border-color:#60a5fa;box-shadow:0 0 30px #60a5fa73,0 12px 40px #00000080}#achPopup[data-tier="3"] .ap-icon{background:#60a5fa;color:#06223a;box-shadow:0 0 16px #60a5fab3}#achPopup[data-tier="3"] .ap-label{color:#60a5fa}#achPopup[data-tier="4"]{padding:18px 30px 18px 20px;border-color:#ffd454;border-width:2px;background:linear-gradient(135deg,#241a06,#2e2208 55%,#3a1f3a);box-shadow:0 0 50px #ffd4548c,0 16px 50px #0009}#achPopup[data-tier="4"].show{animation:achpop 4.2s cubic-bezier(.2,1.1,.3,1) forwards,legendGlow 1.1s ease-in-out infinite}@keyframes legendGlow{0%,to{box-shadow:0 0 40px #ffd45473,0 16px 50px #0009}50%{box-shadow:0 0 70px #ffd454d9,0 16px 50px #0009}}#achPopup[data-tier="4"] .ap-icon{width:52px;height:52px;font-size:28px;background:linear-gradient(135deg,#ffe27a,#f0b429);box-shadow:0 0 24px #ffd454e6}#achPopup[data-tier="4"] .ap-label{color:#ffd454;letter-spacing:.18em}#achPopup[data-tier="4"] .ap-name{font-size:20px}.tut{margin-top:22px}.tut h3{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink)}.tut p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.55}.tut p b{color:var(--ink)}.tut ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}.tut ul li b{color:var(--ink)}.tut ul.keys.two{padding-left:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.tut ul.keys.two li{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-locked{color:var(--muted);font-size:11.5px;text-align:center;padding:10px 0 2px;font-style:italic}