:root{font-family:Arial,sans-serif;color:#284130;background:#d7c4a4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#board{position:fixed;inset:0;overflow:hidden;touch-action:none}.tabletop-canvas{display:block;width:100%;height:100%}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,.pad-focus{outline:3px solid #fff;outline-offset:5px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.round{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff7;border-radius:50%;color:#30472f;background:#fff8e6ce;backdrop-filter:blur(14px);box-shadow:0 3px 15px #30251218}.round svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:5}.options{position:fixed;right:max(20px,env(safe-area-inset-right));top:82px;display:flex;align-items:center;gap:10px;z-index:5;padding:12px;border-radius:28px;background:#f7f0dfb8;backdrop-filter:blur(15px)}.player-options{display:flex;gap:5px}.player-options button{height:44px;border:0;border-radius:20px;padding:0 10px;letter-spacing:2px;color:#617857;background:#ffffff60;font-size:12px}.player-options button[aria-pressed=true]{background:#36573e;color:#fff}.roll{position:fixed;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:70px;height:70px;background:var(--turn-color,#d94135);color:#fff6df;border:2px solid #fff8;box-shadow:0 5px 25px #0002;transition:background .35s,opacity .2s}.roll svg{width:37px;height:37px}.dots{fill:currentColor;stroke:none}.roll[disabled]{pointer-events:none}.comic-bubble{position:absolute;pointer-events:none;transform:translate(-50%,-100%) rotate(-9deg);color:#fff8d8;font-weight:1000;font-size:clamp(40px,6vw,78px);line-height:1;text-shadow:3px 3px 0 #29362c,-2px -2px 0 #29362c,2px -2px 0 #29362c,-2px 2px 0 #29362c;filter:drop-shadow(0 6px 0 #0002)}.comic-bubble.cactus{color:#ffba4f}.comic-bubble.ladder,.comic-bubble.greet{color:#fff38a}.camera-label{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #fff7;background:#e8dbc4dd;backdrop-filter:blur(20px);border-radius:30px;padding:22px}dialog::backdrop{background:#24332155}dialog form{display:flex;gap:22px}dialog button{font-size:30px}@media(max-width:540px){.options{flex-wrap:wrap;max-width:260px;justify-content:center}.round{width:44px;height:44px}.roll{width:64px;height:64px}.menu-toggle{top:14px;right:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#victory{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;overflow:hidden;color:var(--winner-color)}#victory::backdrop{background:linear-gradient(#fff4d72b,transparent 35%,transparent 65%,#24332125)}#victory h1{position:absolute;top:max(9vh,env(safe-area-inset-top));left:0;right:0;margin:0;text-align:center;font-size:clamp(44px,8vw,90px);font-weight:900;letter-spacing:-.045em;text-shadow:0 3px 0 #fff5de,0 6px 25px #0002;animation:victory-reveal .45s cubic-bezier(.2,1.5,.5,1) both}#play-again{position:absolute;bottom:max(10vh,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:2px solid #fff8;border-radius:40px;padding:18px 30px;min-height:60px;background:var(--winner-color);color:#fff;font-size:21px;font-weight:bold;white-space:nowrap;box-shadow:0 8px 30px #0002}#play-again span{margin-left:14px}#play-again:disabled{visibility:hidden}@keyframes victory-reveal{from{opacity:0;transform:scale(.7) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){#victory h1{animation:none}}