.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--raised:inset 0 1.5px 0 #ffffff8c, inset 1px 0 0 #ffffff2e, inset -1px 0 0 #00000014, inset 0 -4px 0 #0000002e, 0 1px 1px #0000002e, 0 4px 8px -2px #00000047;--raised-strong:inset 0 2px 0 #fff9, inset 1px 0 0 #fff3, inset -1px 0 0 #0000001a, inset 0 -5px 0 #00000038, 0 2px 2px #0003, 0 8px 14px -4px #00000059;--pressed:inset 0 3px 5px #0003, inset 0 1px 1px #0000001f, inset 0 -1px 0 #ffffff4d;--tray:inset 0 4px 10px #00000042, inset 0 -1px 0 #ffffff4d, 0 0 0 1px #ffffff59, 0 1px 0 #fff6, 0 14px 30px -10px #00000059;--sheen:radial-gradient(ellipse 70% 50% at 30% 18%, #ffffff47, #fff0 70%), linear-gradient(180deg, #ffffff29, #fff0 55%);--ambient:radial-gradient(ellipse 70% 45% at 50% 28%, #fff8e673, transparent 70%), radial-gradient(ellipse 120% 60% at 50% 110%, #00000014, transparent 70%);--shade:radial-gradient(ellipse 120% 95% at 50% 40%, transparent 52%, #0000002e)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}}:root[data-theme=dark]{--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}@keyframes art-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes art-pulse{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes art-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes art-press{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}.art-pop{animation:.22s ease-out art-pop}.art-pulse{animation:.22s ease-out art-pulse}.art-shake{animation:.32s ease-in-out art-shake}.art-press{animation:.18s ease-out art-press}@media (prefers-reduced-motion:reduce){.art-pop,.art-pulse,.art-shake,.art-press{animation:none}}#app.dice-table{gap:6px}#app.dice-table .table{overscroll-behavior:contain;justify-content:flex-start;gap:6px;overflow-y:auto}#app.dice-table.dice-over .dcell{opacity:.45}.dice-top{flex-direction:column;align-items:center;gap:4px;display:flex}.dice{gap:10px;padding:6px 0 10px;display:flex}.dice.dice3d{padding:calc(var(--ds,52px) * .42) calc(var(--ds,52px) * .75) calc(var(--ds,52px) * .5);filter:drop-shadow(0 8px 12px #00000073);background:url(./dice-tray-Dx9LGGAh.webp) 50%/100% 100% no-repeat}.dice.dice3d .die{--ds:inherit}.dice.dice3d{--ds:clamp(38px, 12vw, 58px)}@media (max-height:480px){.dice.dice3d{padding:calc(var(--ds) * .24) calc(var(--ds) * .45) calc(var(--ds) * .28)}}.die-face{fill:#fbfbf7;stroke:#d8d4c8;stroke-width:2px}.die-pips{fill:#b3282f}.dice-sum{min-height:1.3em;margin:0;font-weight:700}.dice-history{flex-wrap:wrap;justify-content:center;gap:4px;min-height:20px;display:flex}.roll{letter-spacing:.06em;background:#0000004d;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700}.roll:first-child{outline:2px solid var(--primary)}.dice-board{flex-direction:column;gap:3px;width:min(100%,560px);display:flex}.dice-row{gap:3px;display:flex}.dcell{min-width:0;font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--spot-line);background:var(--spot);border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-height:clamp(30px,5.2dvh,52px);padding:3px 2px;line-height:1.15;display:flex;position:relative}@media (orientation:portrait) and (max-height:700px){.dcell{min-height:clamp(26px,4.4dvh,40px);padding:1px 2px}.dcell-odds{font-size:9px}.dice-history{flex-wrap:nowrap;max-width:100%;overflow:hidden}.dice.dice3d{--ds:34px}.dice{padding:2px 0 6px}}.dcell-label{white-space:nowrap;font-size:13px;font-weight:700}.dcell-odds{color:var(--muted);font-size:10px}.dcell.wide .dcell-label{font-size:15px}.dcell.faces .dcell-label{letter-spacing:-.04em;font-size:17px}.dcell:disabled{cursor:default}.dcell:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:1}.dcell.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good) inset}.dcell .cell-chip{background:var(--chip-image) center / contain no-repeat;color:#111;filter:drop-shadow(0 2px 2px #00000080);pointer-events:none;border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:9px;font-weight:900;display:grid;position:absolute;top:1px;right:1px}.dcell .cell-chip:empty{display:none}@media (min-aspect-ratio:5/4) and (max-height:600px){#app.dice-table .table{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:112px minmax(0,1fr);place-items:center;column-gap:10px;display:grid}#app.dice-table .table .message{grid-column:1/-1;width:100%}.dice-top{width:112px}.dice-history{max-height:44px;overflow:hidden}.dice{gap:5px;padding:2px 0 6px}.dice.dice3d{--ds:30px;gap:6px}.dice-board{width:100%;max-width:560px}.mini-die{width:min(14px,2.6vw)}.dcell{flex-direction:row;gap:3px;min-height:0;padding:1px 2px;overflow:hidden}.dcell-odds{white-space:nowrap;font-size:9px}.dcell-label{font-size:11px}.dcell.faces .dcell-label{font-size:13px}}.mini-die{aspect-ratio:1;vertical-align:middle;width:clamp(12px,3.6vw,18px);margin:0 1px;display:inline-block}.mini-die svg{width:100%;height:100%;display:block}.dcell-label:has(.mini-die){gap:1px;display:flex}@media (min-aspect-ratio:5/4) and (max-height:600px){.mini-die{width:min(12px,2.4vw);margin:0}#app.dice-table .table .message{min-height:0;font-size:13px}}.dcell.big-number{min-height:clamp(56px,10dvh,96px)}.dcell.big-number .mini-die{width:clamp(28px,9vw,48px)}@media (min-aspect-ratio:5/4) and (max-height:600px){.dcell.big-number{min-height:0}.dcell.big-number .mini-die{width:min(26px,5vw)}}.dcell.boosted{box-shadow:0 0 0 2px #ffd54a,0 0 18px #ffd54a8c}.dcell-boost{z-index:2;color:#3a2400;background:linear-gradient(#ffe27a,#e8a600);border-radius:999px;padding:0 6px;font-size:12px;font-weight:900;line-height:18px;animation:.3s ease-out dcell-boost-in;position:absolute;top:-8px;right:-4px;box-shadow:0 2px 6px #0006}@keyframes dcell-boost-in{0%{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.dcell-boost{animation:none}}.roll .roll-count{opacity:.8;margin-left:3px;font-size:10px;font-weight:800}.dice3d{gap:calc(var(--ds,52px) * .3);display:flex}.dice3d .die{--ds:clamp(38px, 12vw, 58px);width:var(--ds);height:var(--ds);perspective:calc(var(--ds) * 8);display:block;position:relative}.dice3d .cube{transform-style:preserve-3d;transition:transform .95s cubic-bezier(.2,.75,.25,1.05);position:absolute;inset:0}.dice3d .cube.instant{transition:none}.dice3d .face{backface-visibility:hidden;background:radial-gradient(circle at 32% 26%,#fff 0 12%,#f6f3ea 40%,#e4dfd1 100%);border-radius:11%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a,inset 2px 2px 3px #ffffffe6,inset -3px -4px 7px #503c1438}.dice3d .face svg{filter:drop-shadow(0 -.6px #00000073)drop-shadow(0 .8px #ffffffe6);width:100%;height:100%;display:block}.dice3d .face .die-face{fill:none;stroke:none}.dice3d .shadow{background:radial-gradient(#00000073,#0000 70%);border-radius:50%;height:18%;position:absolute;bottom:-14%;left:8%;right:8%;transform:translateZ(-1px)}.dice3d .die.empty .cube{visibility:hidden}.dice3d .die.empty{border:2px dashed var(--spot-line);border-radius:18%}.dice3d .die.empty .shadow{display:none}.dice3d.spinning .cube{animation:.55s linear infinite dice3d-spin}.dice3d.spinning .die:nth-child(2) .cube{animation-duration:.47s;animation-direction:reverse}.dice3d.spinning .die:nth-child(3) .cube{animation-duration:.63s}.dice3d.spinning .die{animation:.55s ease-in-out infinite alternate dice3d-hop}@keyframes dice3d-spin{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(720deg)rotate(180deg)}}@keyframes dice3d-hop{0%{translate:0}to{translate:0 -10%}}@media (prefers-reduced-motion:reduce){.dice3d.spinning .cube,.dice3d.spinning .die{animation:none}.dice3d .cube{transition:none}}:root{--lamp:radial-gradient(ellipse 70% 50% at 50% 42%, #fffae121, transparent 70%);--vignette:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #00000080);--bg:#145a3a;--bg-edge:#0d3f28;--ink:#f4f7f2;--muted:#f4f7f2bf;--btn:#00000047;--primary:#f2c14e;--primary-ink:#2a1d00;--good:#8ee39a;--bad:#ffb4a8;--even:#e8e8e8;--focus:#ffd54a;--spot:#ffffff12;--spot-line:#ffffff59;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--lamp), var(--vignette), var(--felt-texture,none), radial-gradient(ellipse at top, var(--bg), var(--bg-edge));color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body.table-cards:before,body.table-felt:before{content:"";z-index:-1;pointer-events:none;background:url(./card-table-landscape-C5Ycz_Ti.webp) bottom/cover no-repeat;position:fixed;inset:0}body.table-felt:before{background:url(./felt-table-landscape-D-Z_aMUi.webp) 50%/100% 100% no-repeat}body.table-desk:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 42%,#ffd69624,#0000 45%,#0000008c 100%),url(./desk-landscape-BSh0a_Mn.webp) 50%/cover no-repeat;position:fixed;inset:0}@media (orientation:portrait){body.table-desk:before{background-image:radial-gradient(at 50% 42%,#ffd69624,#0000 45%,#0000008c 100%),url(./desk-portrait-Cev3BIoy.webp)}}body.table-desk .btn{background:#00000073}body.table-desk .btn.primary{background:var(--primary)}body.table-desk .message,body.table-desk .disclaimer{color:#f3e6d6;text-shadow:0 1px 2px #000000d9}body.table-roulette:before{content:"";z-index:-1;pointer-events:none;background:url(./roulette-table-landscape-iUA1U4Nz.webp) 50%/100% 100% no-repeat;position:fixed;inset:0}@media (orientation:portrait){body.table-roulette:before{background-image:url(./roulette-table-portrait-CK_H_ReI.webp)}}body.table-roulette #app.casino{padding:max(10px,4.2vh) max(12px,3.5vw) max(8px,3.4vh)}@media (orientation:portrait){body.table-cards:before{background-image:url(./card-table-portrait-CChA3le6.webp)}body.table-felt:before{background-image:url(./felt-table-portrait-uQFIqBv3.webp)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body[class*=table-]:before{filter:brightness(.8)}}body.table-felt #app.casino{padding:max(10px,4.2vh) max(12px,5vw) max(8px,3.4vh)}body.table-cards .btn{background:#0000006b}body.table-cards .btn.primary{background:var(--primary)}body.table-print #app.casino .table{position:relative}body.table-print #app.casino .table:before{content:none;z-index:-1;pointer-events:none;aspect-ratio:1000/400;background:var(--table-print) center / contain no-repeat;width:min(100%,560px);position:absolute;bottom:0;left:50%;transform:translate(-50%,18%)perspective(700px)rotateX(30deg)}body.table-print #app.casino .table.print-room:before{content:""}@media (max-height:480px){body.table-print #app.casino .table:before{display:none}}#app.casino{--cw:min(16vw, 76px, max(34px, calc((100dvh - 360px) / 2.9)));--ch:calc(var(--cw) * 1.4);flex-direction:column;align-items:center;gap:8px;height:100dvh;padding:8px 12px;display:flex;overflow:clip}.topbar{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;width:100%;max-width:720px;font-weight:700;display:flex}.table{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;max-width:720px;min-height:0;display:flex}@media (max-height:480px){.table{overscroll-behavior:contain;justify-content:safe center;overflow-y:auto}}@media (orientation:portrait) and (max-height:640px){.table{overscroll-behavior:contain;justify-content:safe center;gap:6px;overflow-y:auto}.table .message{margin:0;font-size:13px}}.table-shoe{z-index:1;width:min(calc(var(--cw) * 1.05), 16vw);aspect-ratio:120/100;pointer-events:none;background:var(--shoe-image) center / contain no-repeat;filter:drop-shadow(0 6px 8px #00000073);position:absolute;top:0;right:1%;transform:rotate(-8deg)}@media (max-height:480px){.table-shoe{width:calc(var(--cw) * .9)}}.card-slot{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);box-sizing:border-box;border:2px dashed #ffffff47;flex:none}.spots{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.spot{font:inherit;color:var(--ink);background:var(--spot);border:2px dashed var(--spot-line);cursor:pointer;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:96px;max-width:200px;min-height:92px;padding:6px 8px;display:flex}.spot:disabled{cursor:default}.spot:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.spot-name{font-weight:700}.spot-odds{color:var(--muted);font-size:12px}.spot-amount{font-variant-numeric:tabular-nums;min-height:1.2em;font-size:13px;font-weight:700}.spot.win{border-style:solid;border-color:var(--good);box-shadow:0 0 0 2px var(--good) inset}.spot.lose{opacity:.55}.spot.push{border-style:solid;border-color:var(--even)}.spot.part{border-style:dashed;border-color:var(--even);opacity:.8}.stack{--size:36px;width:var(--size);height:calc(var(--size) + var(--n) * var(--size) * .09);flex:none;position:relative}.stack-chip{left:0;bottom:calc(var(--i) * var(--size) * .09);width:var(--size);height:var(--size);background:var(--chip-image) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0009);position:absolute}.stack:before{content:"";background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;height:30%;position:absolute;bottom:-8%;left:6%;right:6%}.stack-chip:last-child{filter:drop-shadow(0 1px 1px #0009)drop-shadow(0 0 1.5px #ffffff8c)}.chip-tray{justify-content:center;gap:8px;display:flex}.chip{font:inherit;cursor:pointer;background:var(--chip-image) center / contain no-repeat;color:#16181a;letter-spacing:-.03em;filter:drop-shadow(0 2px 2px #00000059);border:0;border-radius:50%;width:52px;height:52px;padding:0;font-size:12px;font-weight:800}.chip[aria-pressed=true]{outline:3px solid var(--primary);outline-offset:2px}.chip:disabled{opacity:.35;cursor:default}.chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.controls{flex-direction:column;align-items:center;gap:8px;display:flex}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.message{text-align:center;min-height:1.35em;color:var(--muted);flex:none;margin:0}.message.good{color:var(--good);font-size:18px;font-weight:700}.message.bad{color:var(--bad)}.question{text-align:center;margin:0}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:10px;min-width:76px;min-height:44px;padding:10px 16px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff29}.btn.primary{background:var(--primary);color:var(--primary-ink)}.btn.primary:disabled{filter:saturate(.25)brightness(.75)}.disclaimer{color:var(--muted);text-align:center;margin:0;font-size:11px}@media (max-width:380px){.btn{min-width:0;padding:10px 12px}.chip{width:46px;height:46px}}@media (max-height:480px){#app.casino{--cw:min(10vw, 52px, calc((100dvh - 230px) / 2.8));gap:4px;padding:4px 8px}.table{gap:4px}.spot{min-width:80px;min-height:64px;padding:2px 6px}.stack{--size:22px}.chip{width:40px;height:40px;font-size:10px}.btn{min-width:64px;min-height:36px;padding:6px 12px}.controls{gap:4px}.disclaimer{font-size:10px}}:root{--bg:#efe4d0;--bg-deep:#cdb58f;--ink:#2a1c10;--muted:#7a6450;--line:#3c1e0a2e;--paper:#fdf8ee;--paper-ink:#2a1c10;--accent:#b4642a;--accent-ink:#fff;--focus:#e2a000;--good:#2b7a4b;--bad:#b3282f;--pick:#fc3;--hint:#42c8ff;--btn:#3c1e0a1a;--btn-on:var(--good);--btn-on-ink:#fff;--dialog:#fdf8ee;--dialog-ink:#2a1c10;--dialog-soft:#7a6450;--dialog-line:#0000001f;--wood:#8a5a2b;--wood-light:#a9733a;--wood-dark:#4f2f14;--felt:#2f6b3d;--felt-edge:#163a20;--tile:#f6ead0;--tile-light:#fff8e8;--tile-ink:#3a2410;--spot-line:#ffffff59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1e1510;--bg-deep:#0e0805;--ink:#f1e8dc;--muted:#b8a897;--line:#ffe6d229;--paper:#2d231b;--paper-ink:#f1e8dc;--btn:#ffe6d21f;--good:#5fcf87;--btn-on-ink:#0d2a17;--dialog:#2d231b;--dialog-ink:#f1e8dc;--dialog-soft:#b8a897;--dialog-line:#ffffff24;--wood:#6b4420;--wood-light:#87572a;--wood-dark:#35200c;--felt:#255a32;--felt-edge:#0f2a16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1e1510;--bg-deep:#0e0805;--ink:#f1e8dc;--muted:#b8a897;--line:#ffe6d229;--paper:#2d231b;--paper-ink:#f1e8dc;--btn:#ffe6d21f;--good:#5fcf87;--btn-on-ink:#0d2a17;--dialog:#2d231b;--dialog-ink:#f1e8dc;--dialog-soft:#b8a897;--dialog-line:#ffffff24;--wood:#6b4420;--wood-light:#87572a;--wood-dark:#35200c;--felt:#255a32;--felt-edge:#0f2a16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ambient), var(--shade), var(--grain,none), radial-gradient(ellipse at 50% 30%, var(--bg), var(--bg-deep));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.stb{grid-template:"bar""scores""stage"minmax(0,1fr)/minmax(0,1fr);justify-items:center;gap:8px;height:100dvh;padding:8px 12px 10px;display:grid;position:relative;overflow:hidden}.stb-bar{grid-area:bar;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.stb-brand h1{letter-spacing:.5px;white-space:nowrap;margin:0;font:700 17px/1 Georgia,Times New Roman,serif}.stb-info{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12px;overflow:hidden}.stb-bar>.btn{flex:none}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;min-height:36px;box-shadow:var(--raised);white-space:nowrap;border:0;border-radius:10px;padding:7px 13px}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn.hint{box-shadow:var(--raised), 0 0 0 3px var(--hint)}.sound-toggle{flex:none;width:36px;height:36px}.stb-scores{grid-area:scores;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,620px);display:grid}.stb-scores.single{grid-template-columns:minmax(0,320px);justify-content:center}.stb-score{background:var(--paper);color:var(--paper-ink);box-shadow:var(--tray);border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"name points""hist points";align-items:center;column-gap:10px;min-height:52px;padding:6px 12px;display:grid;position:relative}.stb-score.active{box-shadow:var(--tray), 0 0 0 3px var(--accent)}.stb-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:12px;overflow:hidden}.stb-points{font-variant-numeric:lining-nums tabular-nums;grid-area:points;font:700 26px/1.1 Georgia,Times New Roman,serif}.stb-hist{flex-wrap:wrap;grid-area:hist;gap:3px;min-height:16px;display:flex}.stb-chip{background:color-mix(in srgb, var(--paper-ink) 10%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.stb-chip.box{background:var(--good);color:#fff}.stb-stage{flex-direction:column;grid-area:stage;justify-content:center;align-items:center;gap:10px;width:min(100%,620px);min-height:0;display:flex}.stb-box{background:linear-gradient(180deg, var(--wood-light), var(--wood) 40%, var(--wood-dark));width:100%;box-shadow:var(--tray), inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000059;border-radius:14px;padding:10px;container-type:inline-size}.stb-lid{perspective:700px;perspective-origin:50% 120%;--n:9;--cols:var(--n);flex-wrap:wrap;justify-content:center;gap:6px 4px;padding:6px 6px 2px;display:flex}.stb-tile{--tw:min(calc((100cqw - 32px - (var(--cols) - 1) * 4px) / var(--cols)), 60px);width:var(--tw);height:calc(var(--tw) * 1.45);cursor:pointer;transform-origin:50% 0;transform-style:preserve-3d;background:0 0;border:0;border-radius:5px;flex:none;padding:0;transition:transform .35s cubic-bezier(.3,.7,.3,1.1);position:relative}.stb-tile-face{background:linear-gradient(170deg, var(--tile-light), var(--tile) 55%, color-mix(in srgb, var(--tile) 85%, #000));color:var(--tile-ink);font:700 calc(var(--tw) * .56) / 1 Georgia, "Times New Roman", serif;font-variant-numeric:lining-nums;box-shadow:var(--raised), inset 0 0 0 1px #50321440;border-radius:5px;place-items:center;transition:box-shadow .2s,background .2s;display:grid;position:absolute;inset:0}.stb-tile-side{background:#00000059;border-radius:0 0 4px 4px;height:8%;position:absolute;bottom:-6%;left:6%;right:6%;transform:translateZ(-1px)}.stb-tile.shut{cursor:default;transform:rotateX(-64deg)}.stb-tile.shut .stb-tile-face{background:linear-gradient(180deg, color-mix(in srgb, var(--wood-dark) 75%, #000), var(--wood-dark));color:#ffebc8a6;transition-delay:.25s;box-shadow:inset 0 0 0 1px #0006}.stb-tile.shut .stb-tile-side{display:none}.stb-tile.can .stb-tile-face{box-shadow:var(--raised), 0 0 0 2px #ffffff73}.stb-tile.picked{transform:translateY(-10%)}.stb-tile.picked .stb-tile-face{box-shadow:var(--raised), 0 0 0 3px var(--pick), 0 0 16px #fc39}.stb-tile.hint .stb-tile-face{box-shadow:var(--raised), 0 0 0 3px var(--hint), 0 0 14px var(--hint);animation:1s ease-in-out infinite alternate stb-pulse}@keyframes stb-pulse{0%{filter:brightness()}to{filter:brightness(1.18)}}.stb-tile:disabled:not(.shut){cursor:default}.stb-tile:disabled:not(.shut):not(.picked) .stb-tile-face{filter:saturate(.8)brightness(.92)}.stb-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.stb-tray{background:radial-gradient(ellipse at 50% 30%, var(--felt), var(--felt-edge));--ds:clamp(34px, 10cqw, 60px);min-height:calc(var(--ds) + 30px);border-radius:10px;justify-content:center;align-items:center;gap:18px;margin-top:8px;padding:12px 16px;transition:box-shadow .3s;display:flex;box-shadow:inset 0 0 0 3px #00000059,inset 0 8px 18px #0006}.stb-tray.dead{box-shadow:inset 0 0 0 3px var(--bad), inset 0 8px 18px #0006, 0 0 20px #b3282f73}.stb-dice{gap:calc(var(--ds) * .35);display:flex}.stb .stb-die-box.dice.dice3d{filter:none;--ds:inherit;background:0 0;padding:0;transition:opacity .3s}.stb .stb-die-box .dice3d,.stb .stb-die-box.dice3d .die{--ds:inherit}.stb .stb-die-box.off{opacity:.3}.stb-total{text-align:center;color:#fff;min-width:2.4em}.stb-total-n{font:900 calc(var(--ds) * .78) / 1 Georgia, "Times New Roman", serif;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px #00000080,0 0 12px #0006;display:block}.stb-total-n.dim{opacity:.45}.stb-total-pick{color:var(--pick);margin-top:2px;font-size:12px;font-weight:700;display:block}.stb-box.closed .stb-tray{box-shadow:inset 0 0 0 3px var(--good), inset 0 8px 18px #0006, 0 0 24px #2b7a4b99}.stb-status{text-align:center;max-width:100%;min-height:1.3em;margin:0;font-weight:600}.stb-actions{flex-wrap:wrap;justify-content:center;gap:10px;min-height:42px;display:flex}.stb-actions .btn{min-width:110px;min-height:42px;font-size:15px}.stb-actions .btn.ghost{min-width:0}.stb-fx{pointer-events:none;z-index:20;position:absolute;inset:0}.stb-pop{letter-spacing:1px;white-space:nowrap;text-shadow:0 2px #ffffff80,0 4px 12px #00000059;font:900 30px/1 Georgia,serif;position:absolute;transform:translate(-50%,-50%)}.stb-pop.bad{color:#ff8a90;text-shadow:0 2px #3a0a0d,0 4px 12px #00000080}.stb-pop.good{color:#8df0ad;text-shadow:0 2px #0d3b1f,0 4px 12px #00000080}.overlay{z-index:30;background:#1e0c0880;place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.overlay[hidden]{display:none}.overlay.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e0c0899}.overlay.later{animation:.9s step-end both stb-later}@keyframes stb-later{0%{opacity:0}to{opacity:1}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:16px;flex-direction:column;gap:12px;width:min(100%,420px);max-height:100%;padding:18px 20px;display:flex;overflow:auto;box-shadow:0 12px 40px #0006}.dialog h2{margin:0;font:700 20px/1.2 Georgia,Times New Roman,serif}.dialog p{color:var(--dialog-soft);margin:0}.overlay .dialog .btn:not(.primary):not([aria-pressed=true]){color:var(--dialog-ink);background:color-mix(in srgb, var(--dialog-ink) 9%, transparent);box-shadow:none}.stb-menu-actions{background:var(--dialog);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-6px;padding-top:6px;display:flex;position:sticky;bottom:0}.stb-logo svg{width:min(100%,220px);height:auto}.stb-tagline{font-size:13px}.stb-seg{flex-direction:column;align-items:center;gap:4px;display:flex}.stb-seg-label{text-transform:uppercase;letter-spacing:.8px;color:var(--dialog-soft);font-size:12px}.stb-seg-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.btn.seg{min-width:56px}.stb-sum{text-align:left;flex-direction:column;gap:4px;display:flex}.stb-sum-row{background:color-mix(in srgb, var(--dialog-ink) 6%, transparent);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 8px;font-size:14px;display:grid}.stb-sum-row.win{background:color-mix(in srgb, var(--accent) 22%, transparent)}.stb-sum-hist{color:var(--dialog-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stb-sum-total{font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:480px) and (orientation:portrait){.stb-lid[data-n="9"]{--cols:5}.stb-lid[data-n="12"]{--cols:6}}@media (max-width:420px){.stb-brand h1{font-size:15px}.btn{padding:6px 10px}.stb-scores{gap:6px}.stb-score{padding:5px 9px}.stb-points{font-size:22px}}@media (orientation:landscape) and (max-height:560px){#app.stb{gap:4px;padding:4px 8px 6px}.stb-scores{gap:6px;width:min(100%,520px)}.stb-score{min-height:40px;padding:3px 10px}.stb-points{font-size:20px}.stb-hist{min-height:0}.stb-chip{min-width:16px;height:14px;font-size:10px}.stb-stage{gap:5px;width:min(100%,520px)}.stb-box{padding:6px 8px}.stb-lid{padding:4px 4px 0}.stb-tile{--tw:min(calc((100cqw - 24px - (var(--n) - 1) * 4px) / var(--n)), 44px);height:calc(var(--tw) * 1.2)}.stb-lid{gap:4px}.stb-tray{--ds:clamp(28px, 7cqw, 42px);min-height:calc(var(--ds) + 18px);gap:14px;margin-top:5px;padding:6px 12px}.stb-status{min-height:1.2em;font-size:12px}.stb-actions{gap:6px;min-height:34px}.stb-actions .btn{min-width:96px;min-height:34px;font-size:13px}.btn{min-height:32px;padding:4px 10px}.sound-toggle{width:32px;height:32px}.dialog{gap:6px;padding:8px 14px}.stb-logo svg{width:150px}.stb-tagline{display:none}.stb-seg-row .btn{min-height:28px;padding:2px 8px}}@media (max-height:300px) and (min-aspect-ratio:1){#app.stb{gap:2px;padding:2px 6px 3px}.stb-brand h1{font-size:13px}.stb-info{display:none}.stb-bar>.btn:first-of-type{margin-left:auto}.btn{min-height:26px;padding:2px 8px;font-size:12px}.sound-toggle{width:26px;height:26px}.stb-score{grid-template-rows:auto;grid-template-areas:"name points";min-height:26px;padding:1px 8px}.stb-hist{display:none}.stb-name{font-size:10px}.stb-points{font-size:15px}.stb-box{border-radius:8px;padding:3px 6px}.stb-lid{gap:3px;padding:2px 2px 0}.stb-tile{--tw:min(calc((100cqw - 16px - (var(--n) - 1) * 3px) / var(--n)), 28px);height:calc(var(--tw) * 1.1)}.stb-tile.shut{transform:rotateX(-45deg)}.stb-tray{--ds:24px;gap:10px;min-height:32px;margin-top:3px;padding:3px 10px}.stb-total-pick,.stb-status{display:none}.stb-actions{gap:4px;min-height:26px}.stb-actions .btn{min-width:80px;min-height:26px;padding:2px 8px;font-size:12px}.stb-logo svg{width:110px}.dialog{gap:4px;padding:6px 10px}.stb-seg{gap:2px}.stb-seg-row .btn{min-height:24px}}@media (prefers-reduced-motion:reduce){.overlay.later{animation:none}.stb-tile,.stb-tile-face,.stb-tray{transition:none}.stb-tile.hint .stb-tile-face{animation:none}}