.game-view{background:#c9c5bb;display:none;overflow:hidden;touch-action:auto}.game-view.active{display:block}.game-view:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(18,19,22,.16) .6px,transparent .6px);background-size:12px 12px;opacity:.35}.game-view canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.game-hud{position:absolute;left:clamp(14px,3vw,36px);top:clamp(14px,3vw,30px);display:flex;gap:10px;pointer-events:none}.progress-card,.timer-card{background:rgba(241,238,231,.92);box-shadow:0 5px 18px rgba(0,0,0,.12);backdrop-filter:blur(10px);height:58px;display:flex;align-items:center}.progress-card{padding:8px 17px 8px 9px;gap:10px}.progress-card>div,.timer-card{flex-direction:column;justify-content:center;align-items:flex-start}.progress-card small,.timer-card small{font-size:7px;letter-spacing:.16em;font-weight:850;color:var(--muted)}.progress-card strong,.timer-card strong{font-family:Georgia,serif;font-weight:400;font-size:14px}.progress-ring{width:42px;height:42px;border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif}.progress-ring b{font-size:14px}.progress-ring small{position:absolute;margin:2px 0 0 23px;font-size:6px}.timer-card{padding:9px 18px;min-width:82px}.piece-dock{position:absolute;z-index:4;left:0;right:0;bottom:0;height:112px;padding:10px max(14px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:stretch;background:rgba(241,238,231,.97);border-top:1px solid rgba(18,19,22,.2);box-shadow:0 -8px 28px rgba(18,19,22,.12);backdrop-filter:blur(14px)}.dock-label{width:72px;flex:0 0 72px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.dock-label span{font-size:8px;letter-spacing:.16em;font-weight:850}.dock-label small{font-family:Georgia,serif;color:var(--red);font-size:11px;margin-top:5px}.dock-pieces{min-width:0;flex:1;display:flex;align-items:center;gap:9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--red) transparent;padding:2px 6px 6px}.dock-piece{position:relative;flex:0 0 72px;width:72px;height:72px;border:0;padding:0;background:transparent;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .16s,opacity .16s}.dock-piece canvas{display:block;width:72px;height:72px;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(18,19,22,.34))}.dock-piece:active{cursor:grabbing}.dock-piece.removing{opacity:0;transform:translateY(-20px)}.dock-empty{margin:auto;color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:13px}.board-tools{position:absolute;z-index:5;bottom:126px;left:50%;transform:translateX(-50%);display:flex;background:rgba(18,19,22,.93);color:#fff;box-shadow:0 7px 24px rgba(0,0,0,.28)}.board-tools button,.board-tools span{height:43px;min-width:44px;border:0;border-right:1px solid rgba(255,255,255,.14);background:none;color:#fff;display:grid;place-items:center}.board-tools button{font-size:18px;cursor:pointer}.board-tools button:hover{background:var(--red)}.board-tools span{font-size:9px;letter-spacing:.08em;padding:0 5px}.game-hint{position:absolute;right:25px;bottom:25px;font-size:9px;letter-spacing:.1em;font-weight:750;color:rgba(18,19,22,.55)}