:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1120;--panel:#121c2f;--paper:#eef3f8;--ink:#101725;--muted:#8d9bb1;--orange:#ff5b35;--mint:#32d6b0;--yellow:#f4cc45;--sky:#3ba9e8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--night);color:#fff;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}.stage{background:var(--night);grid-template-rows:auto 1fr;gap:14px;min-height:100dvh;padding:clamp(12px,2vw,22px);display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.identity{align-items:center;gap:10px;min-width:0;display:flex}.mark{grid-template-columns:repeat(2,6px);gap:3px;display:grid}.mark i{background:var(--orange);width:6px;height:6px}.mark i:nth-child(3){background:var(--mint)}.identity strong{font-size:15px;display:block}.identity small,.eyebrow,.stat small,.difficulty-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.mode-pill{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.utilities,.actions{align-items:center;gap:7px;display:flex}.icon-button,.action-button,.new-button,.difficulty-button{color:#fff;background:#18243a;border:1px solid #ffffff24;border-radius:6px;min-height:44px;font-weight:800;transition:background .18s,border-color .18s,color .18s}.icon-button{place-items:center;width:44px;display:grid}.icon-button svg,.action-button svg,.new-button svg{width:18px;height:18px}.icon-button:hover,.action-button:hover,.new-button:hover{border-color:var(--mint);background:#20314d}.game-layout{grid-template-columns:minmax(0,1fr) minmax(220px,270px);gap:14px;min-height:0;display:grid}.board{background:var(--paper);min-width:0;color:var(--ink);border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.statbar{background:#fff;border-bottom:1px solid #ccd5df;grid-template-columns:1.2fr 1fr 1fr 1fr;display:grid}.stat{border-right:1px solid #dce3eb;min-width:0;padding:12px 15px}.stat:last-child{border-right:0}.stat small{color:#657185}.stat strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(18px,2.4vw,30px);line-height:1;display:block}.stat.target strong{color:var(--orange);font-size:clamp(27px,3.5vw,44px)}.playfield{background:var(--paper);place-items:center;min-height:0;padding:clamp(18px,3vw,38px);display:grid;position:relative}.tubes{grid-template-columns:repeat(6,1fr);align-items:end;gap:clamp(8px,1.8vw,18px);width:min(100%,650px);display:grid}.tube-wrap{justify-items:center;gap:7px;display:grid}.tube{background:linear-gradient(90deg,#ffffff73,#ffffff14);border:4px solid #9caec1;border-top:0;border-radius:0 0 28px 28px;flex-direction:column-reverse;justify-content:flex-start;gap:3px;width:100%;max-width:86px;height:clamp(180px,30vw,290px);padding:7px 7px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:inset 5px 0 #ffffff59,inset -5px 0 #6b7e9224}.tube:before{content:"";border:4px solid #9caec1;border-bottom:0;border-radius:10px 10px 0 0;height:10px;position:absolute;top:-4px;left:-7px;right:-7px}.tube:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 6px #3ba9e829,inset 5px 0 #ffffff59}.tube.selected{border-color:var(--orange);box-shadow:0 0 0 4px #ff5b3538,0 6px #3ba9e829}.tube.target{border-color:var(--mint);box-shadow:0 0 0 4px #32d6b02e,0 6px #3ba9e829}.liquid{background:var(--liquid);border-radius:8px 8px 11px 11px;flex:1;min-height:0;animation:.2s ease-out fill-in;box-shadow:inset 5px 0 #fff3,inset -5px 0 #00000014}.tube-label{color:#5c6d81;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.tube-number{color:#fff;background:#17243a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.tube-wrap.available .tube,.tube-wrap.available .tube:before{border-color:#17886f}.tube-wrap.available .tube-label{color:#17886f}.complete-panel{z-index:4;border:2px solid var(--ink);width:min(88%,370px);color:var(--ink);box-shadow:10px 10px 0 var(--orange);background:#fff;border-radius:8px;padding:23px;position:absolute}.complete-panel[hidden]{display:none}.complete-panel h2{margin:7px 0 8px;font-size:31px;line-height:1}.complete-panel p{color:#596476;margin:0;line-height:1.5}.result-row{grid-template-columns:1fr 1fr;gap:8px;margin:17px 0;display:grid}.result-row div{background:var(--paper);padding:11px}.result-row small{color:#657185;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.result-row strong{margin-top:4px;font-size:21px;display:block}.new-button{background:var(--orange);border-color:var(--orange);justify-content:center;align-items:center;gap:8px;width:100%;padding:0 14px;display:flex}.board-footer{background:#fff;border-top:1px solid #ccd5df;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:9px 12px;display:flex}.status{color:#465267;min-width:0;margin:0;font-size:13px;font-weight:700;line-height:1.35}.action-button{color:var(--ink);background:#f6f8fb;border-color:#c8d2de;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.action-button:disabled{cursor:not-allowed;opacity:.42}.coach{background:var(--panel);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.coach h1{margin:5px 0 8px;font-size:clamp(25px,3vw,36px);line-height:1}.coach-copy{color:#aeb8c9;margin:0;font-size:13px;line-height:1.5}.formula{border-left:3px solid var(--orange);background:#0e1728;align-items:center;gap:7px;padding:11px;font-size:12px;font-weight:800;display:flex}.formula b{color:var(--yellow)}.difficulty{gap:8px;display:grid}.difficulty-options{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.difficulty-button{min-width:0;min-height:40px;padding:0 7px;font-size:11px}.difficulty-button.active{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.rules{gap:9px;margin:0;padding:0;list-style:none;display:grid}.rules li{color:#c8d0dc;grid-template-columns:20px 1fr;gap:8px;font-size:12px;line-height:1.4;display:grid}.rules b{color:var(--orange)}.sound-off,[data-sound][aria-pressed=true] .sound-on{display:none}[data-sound][aria-pressed=true] .sound-off{display:block}.board.error{animation:.22s ease-in-out shake}.board.complete{box-shadow:inset 0 0 0 3px var(--mint)}.board.failed{box-shadow:inset 0 0 0 3px var(--orange)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fill-in{0%{transform-origin:bottom;opacity:.4;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@media (width<=760px){.stage{padding:10px}.game-layout{grid-template-columns:1fr}.coach{padding:14px}.coach-copy,.rules,.formula{display:none}.coach h1{margin:3px 0;font-size:22px}.difficulty{grid-template-columns:auto 1fr;align-items:center}.new-button{margin-top:0}.statbar{grid-template-columns:1.2fr 1fr 1fr}.stat:nth-child(4){border-top:1px solid #dce3eb;grid-column:1/-1}.playfield{padding:14px}.tubes{grid-template-columns:repeat(3,1fr);gap:25px 12px}.tube{max-width:82px;height:180px}.board-footer{flex-direction:column;align-items:flex-start}.actions{width:100%}.action-button{flex:1}}@media (width<=420px){.identity small{display:none}.mode-pill{text-align:center;max-width:90px}.stat{padding:9px 10px}.stat strong{font-size:18px}.stat.target strong{font-size:29px}.tubes{gap:22px 9px}.tube{height:155px}.liquid{border-radius:7px 7px 9px 9px}.action-button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--coral:#ff5b35;--sun:#f4cc45;--violet:#9b7cf4;--lime:#8ecf4f}