.kosty-page .site-header,.kosty-page .game-nav-wrap,.kosty-page .game-context,.kosty-page footer{display:none}
.kosty-page main{max-width:1000px;min-height:0;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
.kosty-game{height:100vh;height:100dvh;min-height:440px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom))}
.kosty-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);text-decoration:none}
.kosty-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.kosty-heading h1{font-size:clamp(40px,7vw,64px);margin:0;line-height:1.1}.kosty-heading h1 span{color:var(--yellow)}
.kosty-heading label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.kosty-heading select{min-width:90px;font-size:20px;margin:0;padding:10px 16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px}
.dice-tray{--cols:2;--rows:1;container-type:size;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));place-items:center;min-height:0;padding:30px 16px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#3e3049,#1b1422 75%)}
.dice-tray[data-count="1"]{--cols:1}
.dice-tray[data-count="3"],.dice-tray[data-count="4"]{--rows:2}
.dice-tray[data-count="5"],.dice-tray[data-count="6"]{--rows:3}
.die-space{--size:min(180px,calc(64cqw / var(--cols)),calc(64cqh / var(--rows)));width:var(--size);height:var(--size);perspective:800px;position:relative}
.die-space:before{content:"";position:absolute;inset:80% -15% -25%;background:radial-gradient(ellipse,#0006,transparent 70%);border-radius:50%}
.die{position:relative;width:100%;height:100%;transform-style:preserve-3d}
/* Flat faces must meet at square corners to form a closed 3D cube. */
.die-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12%;padding:16%;background:linear-gradient(135deg,#fffaf0,#e9d8bc);backface-visibility:hidden;box-shadow:inset 0 0 10px #bd9d7350}
.pip{border-radius:50%;background:#261b30;box-shadow:inset 0 2px 3px #0008}
.face-1{transform:translateZ(calc(var(--size)/2))}.face-2{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.face-3{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.face-4{transform:rotateX(-90deg) translateZ(calc(var(--size)/2))}.face-5{transform:rotateY(-90deg) translateZ(calc(var(--size)/2))}.face-6{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}
.dice-result{min-height:32px;text-align:center;font-size:clamp(18px,4vw,28px);font-weight:700;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#dice-roll{width:100%;min-height:60px;font-size:20px;display:flex;justify-content:center;gap:16px;touch-action:manipulation}#dice-roll:disabled{opacity:.6;cursor:wait}
@media(max-width:599px) and (orientation:portrait){.dice-tray[data-count="2"]{--cols:1;--rows:2}}
@media(min-width:600px){.dice-tray[data-count="3"]{--cols:3;--rows:1}.dice-tray[data-count="5"],.dice-tray[data-count="6"]{--cols:3;--rows:2}.kosty-game{gap:16px}}
@media(orientation:landscape) and (max-height:520px){.kosty-game{min-height:300px;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto 1fr auto;gap:12px}.kosty-heading{grid-column:2;grid-row:1;gap:8px;align-items:end}.kosty-heading h1{font-size:32px}.kosty-heading select{min-width:64px;padding:10px}.kosty-back{font-size:11px}.dice-tray{grid-column:1;grid-row:1 / 4}.dice-result{grid-column:2;grid-row:2;align-self:center}#dice-roll{grid-column:2;grid-row:3;font-size:16px}}