:root{color:#191510;background:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;max-width:100%;overflow-x:hidden}button{font:inherit}.app-shell{width:100%;min-width:0;min-height:100vh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;gap:12px;background:radial-gradient(circle at top left,rgba(244,185,36,.18),transparent 34rem),linear-gradient(135deg,#131313,#26221a 48%,#f2b924 48% 52%,#171717 52%)}.hero-panel,.score-card{min-width:0;border:1px solid rgba(255,255,255,.16);background:#fffaf0f0;box-shadow:0 18px 48px #0000003d}.hero-panel{min-width:0;border-radius:8px;overflow:hidden;max-width:100%}.brand-row,.score-title{min-width:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.eyebrow{margin:0 0 4px;color:#7a5b10;font-size:.68rem;font-weight:900;letter-spacing:0}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(1.8rem,7vw,3.1rem);line-height:.95}h2{font-size:1.3rem}.icon-button,.roll-button,.die-button,.score-cell{min-height:44px;border:0;cursor:pointer;touch-action:manipulation}.icon-button{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fffaf0;background:#111}.score-strip{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 14px 12px}.player-score{min-width:0;overflow:hidden;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:8px;color:#fffaf0;background:#191510}.player-score.active{background:#f2b924;color:#191510}.player-score span{min-width:0;font-weight:800}.player-score strong{font-size:1.8rem;line-height:1}.stage-wrap{position:relative;min-height:clamp(300px,48vh,560px);overflow:hidden;background:#171717}.table-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}.dice-stage{position:absolute;inset:0;z-index:2}.screen-dice{position:absolute;z-index:4;left:50%;top:50%;width:min(86%,520px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,2vw,14px);transform:translate(-50%,-44%);pointer-events:none;perspective:900px}.screen-die{aspect-ratio:1;min-width:0;border-radius:14%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:18%;background:linear-gradient(145deg,#fffffff2,#f5e7c8f0),#fffaf0;border:2px solid rgba(17,17,17,.2);box-shadow:0 18px 24px #00000047,inset -8px -10px 14px #00000014,inset 6px 6px 12px #fffffff0;transform:rotateX(58deg) rotate(-8deg)}.screen-dice.rolling .screen-die{animation:tumble .72s ease-in-out infinite}.screen-dice.rolling .screen-die:nth-child(2n){animation-delay:.12s}.screen-dice.rolling .screen-die:nth-child(3n){animation-delay:.24s}.screen-die.held{background:linear-gradient(145deg,#ffe598,#f2b924);border-color:#111}.screen-die span{width:72%;aspect-ratio:1;place-self:center;border-radius:50%;background:#111;box-shadow:inset 0 2px 2px #ffffff2e}.face-1 span:nth-child(1){grid-area:2 / 2}.face-2 span:nth-child(1){grid-area:1 / 1}.face-2 span:nth-child(2){grid-area:3 / 3}.face-3 span:nth-child(1){grid-area:1 / 1}.face-3 span:nth-child(2){grid-area:2 / 2}.face-3 span:nth-child(3){grid-area:3 / 3}.face-4 span:nth-child(1){grid-area:1 / 1}.face-4 span:nth-child(2){grid-area:1 / 3}.face-4 span:nth-child(3){grid-area:3 / 1}.face-4 span:nth-child(4){grid-area:3 / 3}.face-5 span:nth-child(1){grid-area:1 / 1}.face-5 span:nth-child(2){grid-area:1 / 3}.face-5 span:nth-child(3){grid-area:2 / 2}.face-5 span:nth-child(4){grid-area:3 / 1}.face-5 span:nth-child(5){grid-area:3 / 3}.face-6 span:nth-child(1){grid-area:1 / 1}.face-6 span:nth-child(2){grid-area:1 / 3}.face-6 span:nth-child(3){grid-area:2 / 1}.face-6 span:nth-child(4){grid-area:2 / 3}.face-6 span:nth-child(5){grid-area:3 / 1}.face-6 span:nth-child(6){grid-area:3 / 3}@keyframes tumble{0%{transform:translateY(0) rotateX(58deg) rotate(-8deg)}50%{transform:translateY(-24px) rotateX(130deg) rotate(22deg)}to{transform:translateY(0) rotateX(238deg) rotate(352deg)}}.mascot{position:absolute;z-index:3;right:-8px;bottom:-16px;width:min(30vw,150px);min-width:88px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.32));pointer-events:none}.controls{display:grid;gap:10px;padding:12px 14px 14px;background:#fffaf0}.message{min-height:42px;display:flex;align-items:center;padding:10px 12px;border-left:5px solid #f2b924;border-radius:8px;background:#f4ead5;font-weight:800}.dice-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.die-button{min-width:0;border-radius:8px;display:grid;place-items:center;gap:1px;color:#191510;background:#fff;border:2px solid #e3d6bd}.die-button span{font-size:1.35rem;font-weight:950;line-height:1}.die-button small{font-size:.58rem;font-weight:900;color:#816016}.die-button.held{background:#f2b924;border-color:#111}.roll-button{width:100%;min-height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fffaf0;background:#111;font-weight:950}.roll-button:disabled,.die-button:disabled,.score-cell:disabled{cursor:not-allowed;opacity:.58}.score-card{border-radius:8px;padding-bottom:12px;max-width:100%;overflow:hidden}.turn-badge{flex:0 0 auto;padding:9px 10px;border-radius:999px;background:#111;color:#fffaf0;font-size:.8rem;font-weight:900}.score-grid{display:grid;grid-template-columns:minmax(106px,1.3fr) minmax(68px,.8fr) minmax(68px,.8fr);gap:6px;padding:0 12px}.score-head{padding:0 8px 4px;color:#745715;font-size:.72rem;font-weight:950}.score-name,.score-cell{min-height:42px;border-radius:8px;display:flex;align-items:center;padding:8px;background:#f4ead5;font-weight:900}.score-name{justify-content:flex-start;font-size:.86rem}.score-cell{justify-content:center;color:#191510}.score-cell.pickable{background:#f2b924;box-shadow:inset 0 0 0 2px #111}.cpu-cell{background:#ece0c9}.result-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#0000009e}.result-panel{width:min(620px,100%);display:grid;grid-template-columns:minmax(130px,.9fr) 1fr;gap:14px;align-items:center;padding:16px;border-radius:8px;background:#fffaf0;box-shadow:0 24px 80px #00000061}.result-panel img{width:100%;max-height:310px;object-fit:contain}.result-panel p:not(.eyebrow){font-weight:900}@media(min-width:920px){.app-shell{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);align-items:start;padding:18px}.hero-panel,.score-card{min-height:calc(100vh - 36px)}.stage-wrap{min-height:calc(100vh - 280px)}.mascot{width:170px}}@media(max-width:420px){.score-strip{gap:6px;padding-left:10px;padding-right:10px}.player-score{min-height:56px;display:grid;align-content:center;gap:2px}.player-score strong{justify-self:end;font-size:1.48rem}.screen-dice{width:78%;gap:5px}.brand-row,.score-title{padding:12px}.stage-wrap{min-height:300px}.score-grid{grid-template-columns:minmax(94px,1.2fr) minmax(56px,.7fr) minmax(56px,.7fr);gap:5px;padding:0 9px}.score-name,.score-cell{min-height:39px;padding:6px;font-size:.78rem}.result-panel{grid-template-columns:1fr;text-align:center}.result-panel img{max-height:230px}}