.arcade-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px auto}.arcade-controls .button{min-width:52px;min-height:46px;touch-action:none;user-select:none}.blocks-layout{display:flex;align-items:flex-start;justify-content:center;gap:18px;max-width:465px;margin:auto}.blocks-canvas{display:block;width:min(65%,280px);height:auto;aspect-ratio:1/2;border:1px solid #3b503e;border-radius:9px}.blocks-side{width:125px;min-width:90px;color:var(--muted);font-size:12px}.blocks-side canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;margin:12px 0;border-radius:9px}.blocks-side p{margin:16px 0}.blocks-side strong{display:block;font-size:26px;color:var(--lime);font-weight:500}.blocks-side small{display:block;font-size:11px;line-height:1.7}.warehouse-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.warehouse-tools label{display:flex;align-items:center;gap:10px}.warehouse-tools select{width:120px;min-height:34px;padding:6px}.warehouse-board{display:grid;gap:3px;max-width:480px;margin:0 auto;user-select:none}.warehouse-cell{aspect-ratio:1;border-radius:5px;display:grid;place-items:center;background:#253126;font-size:clamp(18px,4vw,32px);line-height:1}.warehouse-wall{background:repeating-linear-gradient(0deg,#475547 0 46%,#2d392f 46% 54%);box-shadow:inset 0 0 0 2px #526451}.warehouse-goal{background:#394835;color:#bcf481;box-shadow:inset 0 0 0 2px #91b86c}.warehouse-box{background:#a77b4b;color:#f6ddb6;box-shadow:inset 0 0 0 3px #d1a770}.warehouse-box.warehouse-goal{background:#718b48;color:#efffd6;box-shadow:inset 0 0 0 3px #bcf481}.warehouse-player{color:#a7d9e0;text-shadow:0 2px 7px #0007}.tanks-canvas{display:block;width:100%;max-width:640px;aspect-ratio:16/13;height:auto;border:1px solid #3b503e;border-radius:10px;margin:auto;image-rendering:pixelated}.tanks-hud{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:8px 0 16px;color:var(--muted);font-size:12px}.tanks-hud strong{color:var(--lime);padding-left:5px}.tanks-touch{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:16px}.tank-pad .arcade-controls{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,45px);gap:5px;margin:0}.tank-pad [data-arcade-action=up]{grid-column:2}.tank-pad [data-arcade-action=left]{grid-column:1;grid-row:2}.tank-pad [data-arcade-action=down]{grid-column:2;grid-row:2}.tank-pad [data-arcade-action=right]{grid-column:3;grid-row:2}.tank-pad .button{min-width:0;min-height:0;padding:6px}.tank-fire{width:86px;height:86px;border-radius:50%;touch-action:none;user-select:none;font-weight:650}.arcade-preview{display:grid;place-items:center;font-size:64px;letter-spacing:-6px;line-height:1;color:#bcf481;text-shadow:4px 4px 0 #101912}.preview-tetris .arcade-preview{color:#b5a0ed}.preview-tanks .arcade-preview{color:#efb37d}.arcade-preview>small{display:block;font-size:12px;letter-spacing:4px;margin-top:12px;color:var(--muted);text-align:center}@media(max-width:520px){.blocks-layout{gap:12px}.blocks-side{width:95px}.blocks-side .eyebrow{font-size:8px;letter-spacing:1px}.blocks-side small{font-size:10px}.tanks-touch{gap:18px}.tank-fire{width:75px;height:75px}.warehouse-tools{font-size:11px}.game-toolbar{gap:8px;flex-wrap:wrap}.game-toolbar>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.game-toolbar .button{font-size:11px;padding:9px}}

.warehouse-board{position:relative}.warehouse-actor{position:absolute;inset:0 auto auto 0;width:calc((100% - (var(--warehouse-cols) - 1) * 3px) / var(--warehouse-cols));height:auto;aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-size:clamp(16px,4vw,32px);line-height:1;pointer-events:none;will-change:transform;transition:transform 120ms cubic-bezier(.2,.65,.25,1),background-color 120ms,color 120ms,box-shadow 120ms;z-index:2}.warehouse-actor-player{z-index:3;background:transparent!important;box-shadow:none!important;color:#a7d9e0;filter:drop-shadow(0 2px 2px #0007)}.warehouse-actor.warehouse-box-solved{background:#718b48;color:#efffd6;box-shadow:inset 0 0 0 3px #bcf481}.warehouse-loading .warehouse-actor{transition:none!important}.mine-reveal{animation:mine-uncover 160ms ease-out both}@keyframes mine-uncover{from{opacity:.3;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.warehouse-actor{transition:none!important}.mine-reveal{animation:none!important}}