.mini-main { width:min(1020px,calc(100% - 32px)); margin:24px auto 50px; }
.mini-heading { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.mini-heading .game-art { width:94px; aspect-ratio:1.18; flex:none; border:1px solid var(--line); border-radius:8px; }
.mini-heading h1 { color:var(--gold); font-size:36px; line-height:1.08; overflow-wrap:anywhere; }
.mini-heading p { color:var(--muted); margin-top:5px; font-size:13px; }
.mini-page .bar #sound { margin-inline-start:0; }
.mini-page .bar #settings { margin-inline-start:auto; }
.game-art { background-color:#332535; background-image:url('woodays-feature-atlas.webp'); background-size:300% 200%; }
.art-casino { background-position:0 0; } .art-maze { background-position:50% 0; } .art-triple-t { background-position:100% 0; }
.art-cooking { background-position:0 100%; } .art-draw { background-position:50% 100%; } .art-relay { background-position:100% 100%; }
.mini-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,235px); gap:22px; align-items:start; }
.mini-play,.mini-side { min-width:0; }
#mini-stage { display:grid; place-items:center; overflow:hidden; background:#161521; border:1px solid #6f504d; border-radius:8px; }
#mini-stage canvas { display:block; width:100%; height:auto; image-rendering:pixelated; }
.mini-side { border-top:1px solid var(--line); padding-top:12px; }
#mini-actions { display:grid; gap:8px; margin:12px 0; }
#mini-status,#mini-help { color:var(--muted); font-size:13px; line-height:1.45; margin:8px 0; }
#mini-stats { display:grid; gap:7px; font-variant-numeric:tabular-nums; color:var(--gold); font-weight:700; }
#mini-help ul { padding-left:18px; }
#touch-controls:not([hidden]) { display:flex; gap:5px; flex-wrap:wrap; justify-content:center; padding-top:10px; }
#touch-controls button { min-width:43px; min-height:44px; touch-action:none; }
.triple-board { width:min(calc(100% - 20px),440px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:10px; padding:10px; border:1px solid #9e6b52; border-radius:8px; background:#3c2b2a; }
.triple-board button { aspect-ratio:1; border:1px solid #aa785a; border-radius:6px; padding:6px; background:#614335; display:grid; place-items:center; }
.triple-board button:empty { background:#513a35; }
.triple-board button:empty:hover:not(:disabled) { background:#805140; }
.triple-board button:disabled { opacity:1; }
.triple-board button svg { display:block; width:72%; height:auto; color:#ffc099; }
.triple-board button[data-winner="true"] { border-color:#f2cca0; background:#426854; }
#mini-actions select { background:var(--panel); color:inherit; border:1px solid var(--line); border-radius:6px; min-height:38px; padding:5px 8px; font:inherit; }
@media (max-width:720px) {
  .mini-layout { grid-template-columns:1fr; gap:16px; }
  .mini-heading { gap:10px; }
  .mini-heading h1 { font-size:26px; }
  .mini-heading .game-art { width:72px; }
}