:root{color-scheme:dark;--ink:#f2e6d4;--muted:#b5a695;--red:#b93843;--gold:#e6bd77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 28%,#302322 0,#171416 60%);color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #66534b;background:#30272a;color:var(--ink);border-radius:7px;padding:11px 18px;min-height:44px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#584039;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:default}button.primary{background:#a52d3b;border-color:#ce6570}button.primary:hover:not(:disabled){background:#bf3d4b}a{color:#e4c99e;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #ffda86;outline-offset:4px}.mast{height:70px;padding:0 max(24px,calc((100vw - 1250px)/2));display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#141214}.mast>span{font-size:11px;letter-spacing:3px;color:#bda997}.mast b{color:#a43c44;margin:0 12px}main{max-width:1250px;margin:auto;padding:30px 24px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:650;margin:0 0 6px}h1{font:52px/1.1 Georgia,serif;margin:0 0 15px;font-weight:400}h1 span{color:#c54250}h2{font:26px/1.2 Georgia,serif;margin:6px 0 10px}.tools{display:flex;align-items:center;gap:8px}.tools label{font-size:11px;color:var(--muted)}#volume{display:block;width:75px;accent-color:#c34753}#connection{font-size:12px;color:var(--muted);margin:0 0 18px}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin:10px 0 18px}.scorebar>div{padding:11px 15px;border:1px solid #68504766;border-radius:8px}.scorebar>div:last-child{text-align:right}.scorebar .active{border-color:#d1ad71;box-shadow:0 0 20px #d1ad7111}.playername{font-size:17px}.stats{font-size:12px;color:var(--muted)}.disc{display:inline-block;width:15px;height:15px;border-radius:50%;margin-right:8px;border:1px solid #f9efdc70;background:#f0d9ae}.disc.red{background:#a02c39}.match{border:0!important;text-align:center;font-size:12px;color:var(--gold);letter-spacing:1px}.table{filter:drop-shadow(0 22px 26px #0008)}#board{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none}#board .point{cursor:pointer}#board .point.selectable{filter:drop-shadow(0 0 4px #f7d082)}#board .point:focus{outline:none}#board .point:focus .focusring{stroke:#fff1a6;stroke-width:4}#board .point .focusring{fill:transparent;stroke:transparent}.console{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5px 10px}.turn{flex:1}.turn h2{font-size:23px}#direction{font-size:12px;color:var(--muted);margin:0}#dice{display:flex;gap:8px;flex-wrap:wrap;max-width:250px}.die{width:49px;height:49px;padding:8px;border-radius:9px;background:linear-gradient(145deg,#fff4dc,#cbb58a);box-shadow:0 4px 0 #80694d,0 7px 12px #0005;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.die .pip{border-radius:50%;background:#3e2421;box-shadow:inset 0 1px 2px #0009}.die.used{opacity:.25}.die.rolling{animation:tumble .25s 2}#cube{text-align:center;font-size:11px;color:var(--muted);min-width:80px}#cube strong{display:block;width:47px;margin:0 auto 5px;padding:7px;background:#2b2020;color:#f5d69a;border:1px solid #bc8f5d;border-radius:7px;font:24px Georgia}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{border-color:#b89763;font-size:13px}.summary{font-size:13px;color:var(--muted);min-height:20px}.result{padding:20px;border:1px solid #caa369;background:#8b65331a;border-radius:8px;margin:15px 0}.viewcontrols{display:flex;gap:20px;align-items:center;border-top:1px solid #584336;padding-top:18px;color:var(--muted);font-size:12px}.viewcontrols select{margin-left:7px}.viewcontrols>span{margin-left:auto;max-width:400px}input,select{background:#211b1c;color:var(--ink);border:1px solid #68544a;padding:8px 10px;border-radius:5px;min-height:40px}footer{text-align:center;color:#958477;padding:25px 15px;border-top:1px solid #ffffff0b;font-size:11px}dialog{width:min(660px,94vw);max-height:92vh;overflow:auto;background:linear-gradient(135deg,#302423,#1b191c);color:var(--ink);border:1px solid #8c6c4b;border-radius:16px;padding:32px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#0a080bd9;backdrop-filter:blur(5px)}dialog h2{font-size:33px;margin-bottom:22px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block}.formgrid label{font-size:12px;color:#cbb9a5}.formgrid input,.formgrid select{display:block;width:100%;margin-top:5px}.check{margin:18px 0 5px;display:flex;align-items:center;gap:10px}.check input{min-height:20px;accent-color:#a6313f}.note{font-size:12px;color:#c4b19b}.rulecopy{font-size:14px;color:#d4c7b5}.rulecopy p{margin:0 0 16px}#joinarea{display:flex;gap:12px;align-items:end;margin-top:20px;border-top:1px solid #665043;padding-top:18px}#joinarea input{display:block}#setuperror{color:#ffb5b9}.winner{animation:glow .6s}.moving{pointer-events:none}.thinking{color:#e9c783!important}@keyframes tumble{50%{transform:rotate(14deg) translateY(-7px)}}@keyframes glow{50%{filter:brightness(1.8)}}@media(max-width:700px){main{padding:18px 10px}.mast{padding:0 12px;height:60px}.mast>span{display:none}h1{font-size:38px}.title{align-items:flex-start}.tools{flex-wrap:wrap;justify-content:flex-end;max-width:175px}.tools button{padding:7px 10px;font-size:12px}.tools label{display:flex;align-items:center;gap:6px}.scorebar{gap:6px}.scorebar>div{padding:8px}.playername{font-size:14px}.stats,.match{font-size:10px}.console{gap:8px;flex-wrap:wrap}.turn{flex-basis:100%}.turn h2{font-size:20px}#dice{max-width:none}.die{width:44px;height:44px}#cube{margin-left:auto}.actions button{flex:1;padding:10px;font-size:13px}.viewcontrols{flex-wrap:wrap;gap:12px}.viewcontrols>span{margin-left:0}.formgrid{gap:10px}dialog{padding:20px}.eyebrow{letter-spacing:2px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#board .selectable{touch-action:none}

.sourcecontrol{font-size:12px;color:var(--muted);margin:12px 0}.sourcecontrol select{margin-left:10px;max-width:75%}

.roompanel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;margin:12px 0 18px;border:1px solid var(--gold);border-radius:10px;background:#302322}.roompanel[hidden]{display:none}.roompanel .eyebrow{display:block}.roomcode{display:block;font-family:Consolas,monospace;font-size:clamp(24px,7vw,36px);letter-spacing:.12em;color:#ffe1a6}.roompanel p{margin:4px 0 0}.roompanel button{margin-left:auto}#readycode{width:100%;margin:8px 0;cursor:text}#roomready{max-width:540px}#copyfeedback,#readyfeedback{color:#ffe1a6;font-size:14px}