body[data-variant=shut-the-box]{min-height:100vh;background-color:#092b1d;background-image:radial-gradient(circle at 50% 14%,rgb(83 130 88 / 22%),transparent 46%),url(/assets/felt-green-CieYw_4d.webp);background-repeat:no-repeat,repeat;background-size:100% 900px,400px 400px;color:#fff4d7}.page--shut-the-box{--stb-ivory: #fff3d0;--stb-parchment: #ead4a6;--stb-gold: #e3b85d;--stb-gold-dark: #856025;--stb-walnut: #4a2a17;--stb-walnut-dark: #1d0d07;--stb-felt: #0e5035;--stb-felt-dark: #062e20;--stb-oxblood: #702420;--stb-shadow: rgb(0 0 0 / 55%)}body.page--shut-the-box .page__content{box-sizing:border-box;width:min(100%,1440px);margin:0 auto;padding:8px 14px 36px}.stb-game{position:relative;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) 60px;gap:8px;width:100%;height:min(790px,calc(100dvh - 92px));min-height:680px;padding:9px;overflow:hidden;border:1px solid rgb(225 190 104 / 38%);border-radius:18px;background:linear-gradient(180deg,#104630f5,#052d1ffa),url(/assets/felt-green-CieYw_4d.webp);box-shadow:inset 0 0 75px #0000004d,0 18px 45px #00000057}.stb-game:before{position:absolute;inset:0;z-index:0;border:7px solid transparent;border-radius:17px;background:linear-gradient(135deg,#815333,#251209 48%,#744427) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;content:"";pointer-events:none}.stb-game>*{position:relative;z-index:1}.stb-hud{box-sizing:border-box;display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px clamp(15px,2.7vw,34px);padding:5px 10px;border:1px solid rgb(228 190 97 / 34%);border-radius:10px;background:#041f15c7;box-shadow:inset 0 1px #fff6d914;color:var(--stb-ivory);text-shadow:0 2px 4px rgb(0 0 0 / 70%)}.stb-hud>span{display:grid;gap:1px;text-align:center;white-space:nowrap}.stb-hud .stb-identity{min-width:150px;text-align:left}.stb-hud small,.stb-player small{color:#d5c49a;font:700 .62rem/1.15 Inter,system-ui,sans-serif;letter-spacing:.075em;text-transform:uppercase}.stb-hud strong{color:#ffe099;font:750 .86rem/1.2 Inter,system-ui,sans-serif}.stb-hud .stb-identity strong{color:#fff3cd;font:700 1rem/1.1 Cinzel,Georgia,serif}.stb-table{display:grid;min-height:0;grid-template-rows:82px minmax(0,1fr);gap:8px}.stb-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stb-player{position:relative;display:flex;min-width:0;align-items:center;gap:10px;padding:9px 12px;overflow:hidden;border:1px solid rgb(218 184 103 / 25%);border-radius:10px;background:linear-gradient(180deg,#3b2114e8,#1b0e08f0),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,250px 250px;box-shadow:inset 0 1px #fff0cc14,0 5px 12px #00000038;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stb-player.is-active{border-color:#ffd66fb8;box-shadow:inset 0 0 20px #e4b34e1f,0 0 13px #eebe512e;transform:translateY(-2px)}.stb-player.is-winner{border-color:#f3d27a;background:linear-gradient(180deg,#4e3716f5,#2a1909f5)}.stb-player__marker{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgb(239 195 91 / 45%);border-radius:50%;background:#082a1dd6;color:#f3cf76;font:800 .63rem/1 Inter,system-ui,sans-serif;letter-spacing:.06em}.stb-player>span:last-child{display:grid;min-width:0;gap:4px}.stb-player strong{overflow:hidden;color:#fff0c8;font:700 .88rem/1.1 Cinzel,Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.stb-box{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:minmax(128px,.8fr) minmax(150px,1fr) auto auto;gap:9px;place-items:center stretch;padding:clamp(15px,2.3vw,28px);border:5px solid #5b351f;border-radius:20px;background:radial-gradient(circle at 50% 38%,rgb(34 108 73 / 28%),transparent 50%),linear-gradient(180deg,#08412bfa,#052d1efc),url(/assets/felt-green-CieYw_4d.webp);box-shadow:inset 0 0 0 2px #a06b3b,inset 0 0 50px #0000006b,0 10px 24px #0000006b}.stb-box__brass{position:absolute;top:20px;width:18px;height:calc(100% - 40px);border:1px solid #a77b31;border-radius:8px;background:linear-gradient(90deg,#5d3e13,#d7af58 48%,#6b4819);box-shadow:inset 0 0 4px #2d1b08,0 0 8px #00000059;opacity:.72;pointer-events:none}.stb-box__brass--left{left:14px}.stb-box__brass--right{right:14px}.stb-tiles{display:grid;width:min(920px,calc(100% - 40px));max-height:178px;margin:0 auto;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(4px,.75vw,10px);align-items:start;perspective:900px}.stb-tile{position:relative;display:grid;min-width:0;aspect-ratio:.72;place-items:center;padding:16px 4px 7px;border:1px solid #9d6939;border-radius:7px 7px 11px 11px;background:linear-gradient(110deg,rgb(255 225 161 / 8%),transparent 38%),linear-gradient(180deg,#815230,#4b2918 72%,#32170e),url(/assets/brown-leather-DaL9-Q5O.webp);color:#ffe5a1;box-shadow:inset 0 1px #ffe7aa3d,inset 0 -8px 14px #18090359,0 8px 12px #0000005c;cursor:pointer;transform:rotateX(0);transform-origin:top center;transition:transform .26s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .22s ease}.stb-tile:hover:not(:disabled),.stb-tile:focus-visible,.stb-tile.is-selected{border-color:#f2cc70;outline:none;filter:brightness(1.13);box-shadow:inset 0 1px #fff3cd4d,0 0 0 3px #f4c55b33,0 10px 18px #0000006b;transform:translateY(-5px)}.stb-tile.is-hinted{animation:stb-tile-hint .82s ease-in-out infinite alternate}.stb-tile.is-closed{pointer-events:none;opacity:.34;filter:saturate(.65) brightness(.7);transform:rotateX(-76deg) translateY(-6px)}.stb-tile__hinge{position:absolute;top:5px;left:50%;width:58%;height:7px;border:1px solid #5a3915;border-radius:5px;background:linear-gradient(180deg,#d0a24a,#73501c);box-shadow:inset 0 1px #ffedac6b;transform:translate(-50%)}.stb-tile__number{font:700 clamp(1.55rem,3.7vw,3.2rem)/1 "Cinzel",Georgia,serif;text-shadow:0 3px 3px rgb(0 0 0 / 62%)}.stb-tile__state{align-self:end;color:#f5dba6ad;font:800 clamp(.42rem,.72vw,.62rem)/1 "Inter",system-ui,sans-serif;letter-spacing:.075em;text-transform:uppercase}.stb-tray{display:grid;width:min(760px,calc(100% - 48px));min-height:146px;margin:0 auto;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1fr) auto;align-items:center;gap:clamp(12px,2.5vw,30px);padding:14px clamp(14px,2.4vw,26px);border:3px solid #6b3d22;border-radius:58px 58px 22px 22px;background:radial-gradient(circle at 50% 42%,rgb(35 119 78 / 24%),transparent 60%),linear-gradient(180deg,#0d432f,#06291d),url(/assets/felt-green-CieYw_4d.webp);box-shadow:inset 0 0 0 1px #af7740,inset 0 18px 35px #0000004d,0 10px 20px #00000057}.stb-dice{display:flex;min-height:94px;align-items:center;justify-content:center;gap:18px}.stb-dice.is-rolling .stb-die{animation:stb-die-roll .42s cubic-bezier(.34,1.4,.64,1)}.stb-dice__empty{color:#f5e0b594;font:700 .72rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.stb-die,.stb-demo-die{display:grid;width:clamp(62px,7vw,82px);aspect-ratio:1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;padding:9px;border:1px solid #c7b28d;border-radius:15px;background:linear-gradient(145deg,#fff9e9,#dcccae);box-shadow:inset 0 2px #ffffffd1,inset 0 -4px 8px #462a152e,0 9px 15px #00000061}.stb-die__pip,.stb-demo-die i{width:clamp(7px,.9vw,10px);aspect-ratio:1;border-radius:50%;background:#4b1e17;box-shadow:inset 0 1px 2px #00000073;opacity:0}:is(.stb-die,.stb-demo-die)[data-value="1"] :nth-child(5),:is(.stb-die,.stb-demo-die)[data-value="2"] :is(:nth-child(1),:nth-child(9)),:is(.stb-die,.stb-demo-die)[data-value="3"] :is(:nth-child(1),:nth-child(5),:nth-child(9)),:is(.stb-die,.stb-demo-die)[data-value="4"] :is(:nth-child(1),:nth-child(3),:nth-child(7),:nth-child(9)),:is(.stb-die,.stb-demo-die)[data-value="5"] :is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(7),:nth-child(9)),:is(.stb-die,.stb-demo-die)[data-value="6"] :is(:nth-child(1),:nth-child(3),:nth-child(4),:nth-child(6),:nth-child(7),:nth-child(9)){opacity:1}.stb-roll-readout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.stb-roll-readout>span{display:grid;min-width:0;gap:4px;padding:10px;border:1px solid rgb(221 185 100 / 25%);border-radius:9px;background:#051c14a3;text-align:center}.stb-roll-readout small{color:#cbb98f;font:800 .56rem/1.1 Inter,system-ui,sans-serif;letter-spacing:.075em;text-transform:uppercase}.stb-roll-readout strong{overflow:hidden;color:#ffe09a;font:750 .9rem/1.2 Inter,system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.stb-dice-choice{display:grid;gap:6px}.stb-dice-choice button{min-width:76px;padding:8px 11px;border:1px solid rgb(221 185 100 / 28%);border-radius:7px;background:#180e08b8;color:#d8c59b;font:800 .64rem/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.stb-dice-choice button.is-active{border-color:#e3b85d;background:#69421f;color:#fff0c2;box-shadow:0 0 0 2px #e3b85d24}.stb-dice-choice button:disabled{cursor:not-allowed;opacity:.35}.stb-combinations,.stb-message{width:min(920px,calc(100% - 48px));margin:0 auto;text-align:center}.stb-combinations{min-height:18px;color:#f0dcb2b8;font:650 .7rem/1.35 Inter,system-ui,sans-serif}.stb-message{box-sizing:border-box;min-height:42px;padding:10px 14px;border:1px solid rgb(224 187 102 / 30%);border-radius:9px;background:linear-gradient(180deg,#fce5b1f5,#debc77f5);box-shadow:inset 0 1px #ffffff8c,0 5px 12px #00000038;color:#2a180e;font:750 .83rem/1.25 Inter,system-ui,sans-serif}.stb-controls{box-sizing:border-box;width:100%;min-height:44px;padding:3px 6px;border:1px solid rgb(211 173 87 / 34%);border-radius:9px;background:linear-gradient(180deg,#4b2916f7,#2a150cfa),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,280px 280px;box-shadow:inset 0 1px #ffe7b021,0 4px 12px #00000040}.stb-controls .global-controls__cluster{display:flex;width:auto;height:100%;align-items:center;justify-content:center;gap:6px}.stb-quick-guide{display:flex;width:100%;max-width:1080px;margin:0 auto 24px;justify-content:center;gap:10px}.stb-quick-guide p{flex:1;margin:0;padding:9px 12px;border-top:1px solid rgb(225 193 116 / 34%);color:#fff7e5b8;font:600 .73rem/1.4 Inter,system-ui,sans-serif}.stb-quick-guide strong{color:#ffdf8d}.stb-guide{width:min(960px,100%);margin:0 auto 48px}body.page--shut-the-box #game-guide-root{box-sizing:border-box;padding:clamp(1.75rem,5vw,2.6rem) clamp(1.5rem,5vw,2.6rem);border:1px solid var(--guide-border);background:linear-gradient(180deg,#2a1507eb,#0d0602f5),url(/assets/brown-leather-DaL9-Q5O.webp)!important;background-position:center!important;background-size:auto,360px 360px!important;color:var(--guide-text-color);box-shadow:0 28px 48px #00000059,inset 0 0 0 1px #ffffff05}body.page--shut-the-box #game-guide-root>:not(.game-guide__hero) :is(p,li),body.page--shut-the-box #game-guide-root .game-guide__body{color:var(--guide-text-color)!important}body.page--shut-the-box #game-guide-root :is(.game-guide__quick-start,.game-guide__section,.game-guide__learn) :is(h2,h3){color:var(--guide-heading-color)!important;text-shadow:0 2px 5px rgb(0 0 0 / 42%)}body.page--shut-the-box #game-guide-root a{color:var(--guide-accent-color)!important}body.page--shut-the-box #game-guide-root a.game-guide__forum-button{color:var(--ocg-text-on-parchment, #342218)!important}body.page--shut-the-box #game-guide-root .game-guide__section{border-top-color:#d6af4229}.stb-guide :is(.game-guide__quick-start,.game-guide__learn,.game-guide__seo-link) :is(h2,p){color:#f8f6f0e0!important}.stb-guide .game-guide__learn-list>li>a{color:#f8f6f0e5}.stb-guide .game-guide__body details{margin:0;padding:14px 0;border:0;border-top:1px solid rgb(117 82 45 / 22%);border-radius:0;background:transparent}.stb-guide .game-guide__body summary{color:#f1dfb4;font-weight:700;cursor:pointer}.stb-guide .game-guide__body details p{margin:9px 0 0}.stb-lessons{display:grid;gap:18px;margin-top:22px}.stb-rule-demo{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(320px,1.22fr);gap:clamp(16px,3vw,30px);align-items:center;padding:clamp(16px,2.8vw,26px);border:1px solid rgb(216 181 102 / 28%);border-radius:14px;background:#130a056b}.stb-rule-demo__copy{display:grid;gap:10px}.stb-rule-demo__copy>*{margin:0}.stb-rule-demo__number{color:#deb75b;font:800 .64rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.stb-rule-demo__copy h3{font:700 clamp(1.08rem,2vw,1.35rem)/1.22 "Cinzel",Georgia,serif}.stb-rule-demo__copy button{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:9px 12px;border:1px solid #9f7336;border-radius:8px;background:#422616;color:#f3dfb4;font:750 .7rem/1 Inter,system-ui,sans-serif;cursor:pointer}.stb-rule-demo__copy button:hover,.stb-rule-demo__copy button:focus-visible{border-color:#dfb85f;outline:none;background:#57331b}.stb-rule-demo__copy button .material-icons{font-size:1rem}.stb-rule-demo__stage{position:relative;display:grid;min-height:210px;align-content:center;gap:16px;padding:18px;overflow:hidden;border:3px solid #59321c;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgb(42 118 81 / 24%),transparent 58%),linear-gradient(180deg,#0d4932,#062b1e),url(/assets/felt-green-CieYw_4d.webp);box-shadow:inset 0 0 0 1px #9a6637,inset 0 0 28px #00000052}.stb-demo__dice{display:flex;align-items:center;justify-content:center;gap:10px}.stb-demo-die{width:44px;padding:6px;border-radius:9px}.stb-demo-die i{width:5px}.stb-demo__dice>strong{display:grid;width:42px;height:42px;place-items:center;margin-left:6px;border:1px solid rgb(235 199 111 / 38%);border-radius:50%;background:#160c06c2;color:#ffe19b;font:800 1.1rem/1 Inter,system-ui,sans-serif}.stb-demo__tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.stb-demo-tile{display:grid;min-width:0;aspect-ratio:.78;place-items:center;border:1px solid #9a6635;border-radius:4px 4px 7px 7px;background:linear-gradient(180deg,#80502d,#3b1d10);color:#ffe2a0;font:750 clamp(.78rem,1.7vw,1.16rem)/1 "Cinzel",Georgia,serif;box-shadow:0 4px 6px #00000047;transition:transform .26s ease,opacity .26s ease,border-color .18s ease,box-shadow .18s ease}.stb-demo-tile.is-selected{border-color:#f2d177;box-shadow:0 0 0 3px #f2d17738,0 6px 10px #00000059;transform:translateY(-5px)}.stb-demo-tile.is-closed{opacity:.26;transform:rotateX(-72deg)}.stb-demo-tile.is-blocked{border-color:#ba6253;box-shadow:0 0 0 2px #ba62533d;animation:stb-blocked .42s ease-in-out 2}.stb-demo__status{min-height:34px;margin:0;color:#f0dfb9!important;font:650 .68rem/1.4 Inter,system-ui,sans-serif;text-align:center}.stb-demo__result{position:absolute;top:12px;right:12px;padding:7px 10px;border:1px solid #deb55a;border-radius:999px;background:#422515;color:#ffe19b;font:800 .66rem/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}body[data-variant=shut-the-box] .page__footer{margin-top:0}@keyframes stb-die-roll{0%{transform:translateY(-18px) rotate(-16deg) scale(.84)}55%{transform:translateY(5px) rotate(8deg) scale(1.05)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes stb-tile-hint{0%{box-shadow:inset 0 1px #fff3cd4d,0 0 0 2px #f4c55b2e,0 9px 14px #0000005c}to{box-shadow:inset 0 1px #fff3cd4d,0 0 0 5px #f4c55b52,0 12px 20px #0000006b}}@keyframes stb-blocked{50%{transform:translate(4px)}}@media(max-width:900px){.stb-game{height:auto;min-height:720px}.stb-table{grid-template-rows:78px minmax(500px,auto)}.stb-tray{width:min(680px,calc(100% - 30px));grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto}}@media(max-width:680px){body.page--shut-the-box .page__content{padding:5px 6px 24px}.stb-game{min-height:720px;padding:6px;border-radius:12px}.stb-hud{flex-wrap:wrap;gap:6px 13px;padding:5px}.stb-hud .stb-identity{flex-basis:100%;min-width:0;text-align:center}.stb-hud>span:last-child{display:none}.stb-table{grid-template-rows:68px minmax(510px,auto)}.stb-scoreboard{gap:4px}.stb-player{justify-content:center;gap:4px;padding:6px 3px}.stb-player__marker{display:none}.stb-player>span:last-child{text-align:center}.stb-player strong{font-size:.7rem}.stb-player small{font-size:.47rem}.stb-box{grid-template-rows:108px minmax(200px,auto) auto auto;padding:13px 8px;border-width:3px;border-radius:13px}.stb-box__brass{display:none}.stb-tiles{width:100%;gap:3px}.stb-tile{padding:11px 2px 5px;border-radius:4px 4px 6px 6px}.stb-tile__hinge{top:3px;height:4px}.stb-tile__number{font-size:clamp(1rem,6vw,1.45rem)}.stb-tile__state{display:none}.stb-tray{width:calc(100% - 8px);min-height:196px;grid-template-columns:1fr auto;grid-template-rows:104px auto;gap:8px;padding:8px 10px;border-radius:30px 30px 14px 14px}.stb-dice{min-height:90px}.stb-die{width:58px}.stb-roll-readout{grid-column:1 / -1;grid-row:2}.stb-dice-choice{grid-column:2;grid-row:1}.stb-dice-choice button{min-width:62px;padding:7px 8px;font-size:.55rem}.stb-combinations,.stb-message{width:calc(100% - 8px)}.stb-combinations{min-height:30px;font-size:.58rem}.stb-message{min-height:52px;font-size:.68rem}.stb-controls .global-controls__cluster{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.stb-controls .global-controls__button{width:100%;min-width:0;justify-content:center;padding:0}.stb-controls.global-controls--salon .global-controls__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.stb-quick-guide{display:grid;grid-template-columns:1fr;gap:0}.stb-rule-demo{grid-template-columns:1fr}.stb-rule-demo__stage{min-height:190px;padding:12px 8px}.stb-demo__tiles{gap:2px}}@media(prefers-reduced-motion:reduce){.stb-player,.stb-tile,.stb-die,.stb-demo-tile{animation:none!important;transition:none!important}}