:root{--ground: #1E2029;--raise: #2B2F3C;--sink: #15171E;--edge: #454C63;--wall: #3D4657;--paper: #F2EFE6;--ink: #171B24;--brass: #E8A33D;--verd: #4FB3A5;--copper: #D96B6B;--ice: #BFE3EF;--gold: #F5C542;--dim: #7C87A8;--slot: 32px;--slot-gap: 5px}@media(min-width:1100px){:root{--slot: 40px;--slot-gap: 6px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground) radial-gradient(ellipse 120% 80% at 50% 32%,#262a36,#1a1c24 62%,#15171e) no-repeat fixed;color:var(--paper);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}body{display:grid;gap:10px;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));max-width:1260px;margin-inline:auto;width:100%;grid-template-rows:auto auto 1fr auto;grid-template-areas:"hud" "coach" "board" "panel"}#hud{grid-area:hud;display:flex;align-items:center;gap:8px;padding:0}#tier,#num{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums}#tier{color:var(--dim)}#num{margin-left:auto;color:var(--gold);white-space:nowrap;margin-right:4px}#board{grid-area:board;width:100%;height:100%;display:block;touch-action:none;min-height:0}#panel{grid-area:panel;display:flex;flex-direction:column;align-items:center;gap:12px}@media(min-aspect-ratio:1/1)and (min-width:700px){body{grid-template-columns:1fr minmax(230px,320px);grid-template-rows:auto auto 1fr;grid-template-areas:"hud   hud" "coach panel" "board panel"}#panel{justify-content:center}}#tray{background:var(--sink);border-radius:14px;padding:10px 12px 7px;width:fit-content;max-width:100%;box-shadow:inset 0 2px 5px #00000073,0 1px #ffffff0d}#strip{display:flex;flex-wrap:wrap;gap:var(--slot-gap);justify-content:center;max-width:100%;min-height:34px;margin-inline:auto}.cell{width:var(--slot);height:calc(var(--slot) + 2px);min-width:0;min-height:0;border-radius:5px;display:grid;place-items:center;background:var(--raise);color:var(--paper);border:0;padding:0;cursor:pointer;flex:0 0 auto;box-shadow:0 1px #ffffff12 inset,0 2px 3px #0000004d}.cell.empty{background:#ffffff05;border:2px dashed var(--edge);cursor:default}.cell.at{background:var(--gold);color:var(--ink)}.cell svg{width:calc(var(--slot) * .6);height:calc(var(--slot) * .6);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#budget{color:var(--dim);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-align:center;margin-top:8px;font-variant-numeric:tabular-nums}#budget i{opacity:.5;font-style:normal;margin:0 2px}#budget.full{color:var(--copper)}.row{display:flex;gap:10px;align-items:center}button{font:inherit;font-weight:800;border:0;border-radius:10px;background:var(--raise);color:var(--paper);cursor:pointer;padding:12px 16px;min-width:48px;min-height:48px;box-shadow:0 1px #ffffff12 inset,0 2px 4px #00000059}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button.ghost{background:transparent;color:var(--dim);font-weight:700;box-shadow:none}button.go{background:var(--gold);color:var(--ink);min-width:120px;letter-spacing:.1em}.ins{padding:0;display:grid;place-items:center}.ins svg{width:24px;height:24px}#btn-menu,#btn-mute{width:40px;height:40px;min-width:0;min-height:0;padding:0;flex:0 0 auto;display:grid;place-items:center;background:var(--raise)}#btn-menu svg,#btn-mute svg{width:20px;height:20px;fill:currentColor}#btn-mute .off-only,#btn-mute[aria-pressed=true] .on-only{display:none}#btn-mute[aria-pressed=true] .off-only{display:block}#coach{grid-area:coach;justify-self:center;text-align:center;background:var(--gold);color:var(--ink);padding:0 14px;border-radius:20px;font-weight:700;font-size:13.5px;max-width:min(92%,460px);max-height:0;opacity:0;overflow:hidden;transition:opacity .25s,max-height .25s,padding .25s}#coach.on{opacity:1;max-height:90px;padding:8px 14px}#menu{position:fixed;inset:0;z-index:10;background:var(--ground);display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}#menu[hidden]{display:none}#menu .bar{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--wall)}#menu h1{margin:0;font-size:17px;letter-spacing:.22em}#menu .bar button{margin-left:auto;background:var(--gold);color:var(--ink)}#levels{overflow-y:auto;padding:12px 2px;flex:1}#levels h2{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:14px 0 8px}#levels h2:first-child{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.lv{min-width:0;min-height:0;aspect-ratio:1;padding:0;border-radius:8px;background:var(--raise);color:var(--dim);font-size:13px;display:grid;place-items:center;line-height:1.1}.lv.done{background:var(--gold);color:var(--ink)}.lv.perfect{background:var(--verd);color:var(--ink)}.lv.locked{opacity:.3;cursor:default}.lv small{display:block;font-size:9px;font-weight:700;opacity:.75}.tip{color:var(--dim);font-size:12px;text-align:center;margin:8px 0 0}.hint{background:transparent;color:var(--verd);font-size:13px;font-weight:700;border:2px solid var(--verd);border-radius:20px;padding:8px 16px;min-height:0;min-width:0}.hint[hidden]{display:none}.hint.free{color:var(--gold);border-color:var(--gold)}@media(min-width:1100px){button{min-width:56px;min-height:56px;padding:14px 18px}button.go{min-width:148px;font-size:16px}.ins svg{width:28px;height:28px}#btn-menu,#btn-mute{width:46px;height:46px}#btn-menu svg,#btn-mute svg{width:22px;height:22px}#tier,#num{font-size:14px}#tray{padding:12px 14px 9px;border-radius:16px}#panel{gap:16px}}