.g-shut-the-box{container-type:inline-size;width:100%;max-width:760px;margin:0 auto;display:grid;gap:12px;touch-action:manipulation}.g-shut-the-box .stb-scorewrap[hidden]{display:none}.g-shut-the-box .stb-table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.g-shut-the-box .stb-table th,.g-shut-the-box .stb-table td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.g-shut-the-box .stb-table thead th{font-size:.78rem;color:var(--ink-2);background:var(--surface-2)}.g-shut-the-box .stb-table thead th.is-cur{color:var(--accent)}.g-shut-the-box .stb-table tbody th{text-align:left;font-weight:700;overflow-wrap:anywhere}.g-shut-the-box .stb-table tr:last-child>*{border-bottom:0}.g-shut-the-box .stb-table tr.is-cur{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--gold)}.g-shut-the-box .stb-table td.is-low{font-weight:800;color:var(--accent)}.g-shut-the-box .stb-table td.is-live{font-style:italic;color:var(--muted)}.g-shut-the-box .stb-wins{font-weight:800}.g-shut-the-box .stb-box{display:grid;gap:12px;justify-items:center;padding:14px 12px;border-radius:14px;color:#fff4e0;background:linear-gradient(160deg,#8a5a34,#5e3a1f);box-shadow:inset 0 2px 10px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.2)}.g-shut-the-box .stb-turn{margin:0;font-weight:700;text-align:center;min-height:1.4em}.game:fullscreen .g-shut-the-box .stb-box,.game.is-max .g-shut-the-box .stb-box{gap:8px;padding:8px}.game:fullscreen .g-shut-the-box,.game.is-max .g-shut-the-box{gap:8px}.game:fullscreen .stb-die,.game.is-max .stb-die{width:clamp(40px,12cqw,56px)}.g-shut-the-box .stb-tiles{display:grid;grid-template-columns:repeat(var(--cols,9),minmax(0,1fr));gap:7px;width:100%;max-width:calc(var(--cols,9) * 78px);padding:10px;border-radius:10px;background:#3d2412;box-shadow:inset 0 3px 8px rgba(0,0,0,.55)}.g-shut-the-box .stb-tile{position:relative;aspect-ratio:4/5;min-width:0;min-height:40px;padding:0;border:0;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#f9eed2,#e2cf9f);color:#3b2411;font:800 clamp(1.15rem,6.5cqw,1.9rem)/1 var(--font);box-shadow:0 4px #a98a52,0 6px 8px rgba(0,0,0,.4);transition:transform .12s,box-shadow .12s}.g-shut-the-box .stb-tile[hidden]{display:none}.g-shut-the-box .stb-tile:disabled{cursor:default}.g-shut-the-box .stb-tile.is-closed{background:linear-gradient(160deg,#2f1c0e,#24150a);color:rgba(255,244,224,.22);transform:translateY(4px);box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}.g-shut-the-box .stb-tile.is-nouse{opacity:.5}.g-shut-the-box .stb-tile.is-sel{transform:translateY(-4px);background:linear-gradient(160deg,#fff3b8,var(--gold));box-shadow:0 8px #b98d1f,0 0 0 3px var(--gold),0 10px 12px rgba(0,0,0,.45)}.g-shut-the-box .stb-tile.is-hint{box-shadow:0 4px #a98a52,0 0 0 3px #7fd1ff,0 6px 8px rgba(0,0,0,.4)}.g-shut-the-box .stb-tile.is-sel.is-hint{box-shadow:0 8px #b98d1f,0 0 0 3px #7fd1ff,0 10px 12px rgba(0,0,0,.45)}.g-shut-the-box .stb-tile:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.g-shut-the-box .stb-dicewrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.g-shut-the-box .stb-dice{display:flex;gap:14px}.g-shut-the-box .stb-die{position:relative;display:block;width:clamp(48px,15cqw,68px);aspect-ratio:1}.g-shut-the-box .stb-die.is-off{visibility:hidden}.g-shut-the-box .stb-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:15%;border-radius:18%;background:linear-gradient(145deg,#ffffff,#e9e5da);box-shadow:0 3px #b9b3a3,0 6px 10px rgba(0,0,0,.35)}.g-shut-the-box .stb-pip{place-self:center;width:78%;aspect-ratio:1;border-radius:50%;background:0 0}.g-shut-the-box .stb-pip.on{background:radial-gradient(circle at 35% 30%,#555,#111)}.g-shut-the-box .stb-die.is-empty .stb-face{background:rgba(255,255,255,.1);box-shadow:none;border:2px dashed rgba(255,255,255,.3)}.g-shut-the-box .stb-total{font-size:1.25rem;font-variant-numeric:tabular-nums;color:var(--gold);min-width:5.5em}@media(prefers-reduced-motion:no-preference){.g-shut-the-box .stb-die.is-rolling .stb-face{animation:stb-shake .38s ease-in-out}}@keyframes stb-shake{0%{transform:rotate(0)translateY(0)}20%{transform:rotate(-14deg)translateY(-8px)}45%{transform:rotate(12deg)translateY(2px)}70%{transform:rotate(-6deg)translateY(-4px)}100%{transform:rotate(0)translateY(0)}}@media(prefers-reduced-motion:reduce){.g-shut-the-box .stb-tile{transition:none}}.g-shut-the-box .stb-sel{margin:0;min-height:1.5em;font-weight:600;text-align:center;overflow-wrap:anywhere}.g-shut-the-box .stb-sel.is-good{color:var(--gold)}.g-shut-the-box .stb-sel.is-bad{color:#ffc2b5}.g-shut-the-box .stb-ways{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;min-height:0;font-size:.88rem}.g-shut-the-box .stb-ways:empty{display:none}.g-shut-the-box .stb-waysl{opacity:.85}.g-shut-the-box .stb-way{min-height:32px;padding:3px 10px;border-radius:16px;border:1px solid rgba(255,244,224,.45);background:rgba(255,255,255,.1);color:#fff4e0;font:inherit;font-weight:600;cursor:pointer}.g-shut-the-box .stb-way:hover{background:rgba(255,255,255,.2)}.g-shut-the-box .stb-way:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-shut-the-box .stb-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.g-shut-the-box .stb-actions .btn{min-height:46px;font-size:1rem;flex:1 1 140px;max-width:260px}.g-shut-the-box .stb-roll{background:var(--gold);border-color:var(--gold);color:#1d2320}.g-shut-the-box .stb-roll:hover:not(:disabled){background:#f7d072}.g-shut-the-box .stb-close{background:#fff;border-color:#fff;color:#1d2320;font-weight:600}.g-shut-the-box .stb-actions .btn:disabled{opacity:.5;cursor:default}.g-shut-the-box .stb-panel{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.g-shut-the-box .stb-panel[hidden]{display:none}.g-shut-the-box .stb-panel h3{margin:4px 0 8px;font-size:1rem}.g-shut-the-box .stb-rules{margin:0 0 6px;padding-left:20px;display:grid;gap:6px;font-size:.92rem}.game__bar .is-on{box-shadow:inset 0 0 0 2px var(--accent)}@container(max-width:480px){.g-shut-the-box .stb-box { padding: 12px 8px; }
  .g-shut-the-box .stb-tiles { padding: 8px; gap: 6px; }
  .g-shut-the-box .stb-table { font-size: .82rem; }
  .g-shut-the-box .stb-table th, .g-shut-the-box .stb-table td { padding: 5px 4px; }
}@media(max-height:820px){.game:fullscreen .game__opt,.game.is-max .game__opt{display:none}.game:fullscreen .game__help,.game.is-max .game__help{display:none}}@media(max-height:520px){.game:fullscreen .game__stats,.game.is-max .game__stats{display:none}.game:fullscreen .stb-tile,.game.is-max .stb-tile{aspect-ratio:5/3;min-height:32px}.game:fullscreen .stb-die,.game.is-max .stb-die{width:36px}.game:fullscreen .stb-actions .btn,.game.is-max .stb-actions .btn{min-height:38px}.game:fullscreen .stb-turn,.game.is-max .stb-turn{display:none}}