:root{--bg:#1a222c;--panel-bg:#1e2834c7;--panel-border:#b4c8dc2e;--panel-shadow:0 12px 40px #00000073;--text:#dce6f0e0;--accent:#5eb0d8}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#board-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:72px 16px 12px}#stage{flex:none;position:relative}#board,#fluid{width:100%;height:100%;display:block;position:absolute;inset:0}#fluid{cursor:crosshair;touch-action:none}#gl-warning{color:var(--text);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:12px 18px;position:absolute}#debug-hud{color:#dce6f0cc;pointer-events:none;background:#00000059;border-radius:6px;padding:4px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute;bottom:8px;left:8px}.floating-dock{z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:40px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute}.top-dock{top:20px;left:50%;transform:translate(-50%)}.dock-separator{background:#ffffff1f;width:1px;height:22px;margin:0 2px}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .15s;display:flex}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn svg .pip{fill:currentColor;stroke:none}.icon-btn:hover{color:var(--accent);background:#38bdf814;border-color:#38bdf859}.icon-btn:active{transform:scale(.94)}.goal-dots{align-items:center;gap:6px;min-height:40px;padding:0 4px;display:flex}.solve-timer{z-index:2;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#dce6f038;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;margin:0;padding:0;font:200 72px/1 Segoe UI,system-ui,sans-serif;transition:color .4s,opacity .4s;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.solve-timer.done{color:#5eb0d861}.goal-chip{opacity:.35;border-radius:50%;width:12px;height:12px;transition:opacity .25s,transform .25s,box-shadow .25s;box-shadow:inset 0 0 0 1px #fff3}.goal-chip.done{opacity:1;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff59}.goal-dots.won .goal-chip{box-shadow:0 0 0 2px var(--accent), 0 0 10px #5eb0d873;animation:1.2s ease-in-out infinite goal-pulse}@keyframes goal-pulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.35)}}.dock-handle{appearance:none;cursor:pointer;z-index:6;pointer-events:none;background:0 0;border:none;width:100%;height:18px;margin:0;padding:0;display:none;position:absolute;bottom:0;left:0}@media (width<=768px){#board-wrap{top:max(18px, env(safe-area-inset-top,0px));right:4px;bottom:max(4px, env(safe-area-inset-bottom,0px));left:4px}.dock-handle{display:block}.top-dock{top:max(6px, env(safe-area-inset-top,0px));--dock-slide:0%;transform:translate(-50%, var(--dock-slide));will-change:transform;border-radius:24px;gap:4px;padding:4px 10px;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .3s}.top-dock.dock-collapsed{--dock-slide:calc(-100% + 14px);box-shadow:0 8px 28px #00000073}.top-dock.dock-collapsed .dock-handle{height:28px;pointer-events:auto!important}.top-dock.dock-collapsed :not(.dock-handle){pointer-events:none!important}.icon-btn{width:38px;height:38px}.icon-btn svg{width:20px;height:20px}.dock-separator{height:18px;margin:0 1px}.solve-timer{font-size:56px;bottom:3%}}