:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f6eddc;background:#132b2b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#31514a,transparent 65%),#102726;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff24;background:#ffffff0c;border-radius:10px;padding:12px 18px}button:hover{background:#ffffff19}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffd781;outline-offset:3px}header{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:22px 24px}a{color:#d5e3db;text-decoration:none}main{max-width:1120px;margin:auto;padding:14px 24px 35px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;letter-spacing:4px;color:#d4bb86;margin:0}h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,60px);font-weight:400;margin:5px 0 18px}.settings{display:flex;gap:8px}.settings button{font-size:12px;padding:9px 12px}.players{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 8px}.player{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff05}.player.active{border-color:#dfb76c;box-shadow:0 0 25px #dab46715}.avatar{height:27px;width:27px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff5d3,#d8bf8b);box-shadow:0 4px 0 #9d835b}.avatar.dark{background:radial-gradient(circle at 35% 25%,#715544,#291c16);box-shadow:0 4px 0 #160e09}.player strong{font-size:14px}.player small{display:block;font-size:11px;color:#b8c9bf;margin-top:3px}.table-wrap{perspective:1100px;margin:8px -4px 24px}.board{position:relative;display:grid;grid-template-columns:repeat(6,1fr) .55fr repeat(6,1fr);grid-template-rows:1fr 1fr;aspect-ratio:1.65;padding:22px 20px;gap:0;background:repeating-linear-gradient(5deg,#70472d 0,#805735 4px,#70492e 10px,#69432b 15px);border:8px solid #9c7449;border-radius:15px;box-shadow:0 10px 0 #452c1e,0 16px 0 #2a1b14,0 32px 45px #0009,inset 0 0 0 3px #bd9a68;transform:rotateX(16deg);transform-style:preserve-3d;overflow:visible}.board:before{content:'';position:absolute;inset:22px 20px;background:#dbc399;box-shadow:inset 0 0 24px #73522b80;pointer-events:none}.point{border:0;border-radius:0;padding:0;position:relative;min-width:0;isolation:isolate;background:transparent!important;transform-style:preserve-3d}.point:before{content:'';position:absolute;inset:3px 5% 18%;background:#9e422c;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #0008)}.point:nth-of-type(even):before{background:#30574e}.point.bottom:before{transform:rotate(180deg);inset:18% 5% 3px}.point .number{position:absolute;font-size:10px;left:50%;transform:translateX(-50%);top:-17px;color:#f1deb6}.point.bottom .number{top:auto;bottom:-17px}.checker{pointer-events:none;position:absolute;left:8%;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 25%,#fff9e4 0,#e8d4aa 58%,#c0a575 100%);box-shadow:0 3px 0 #a0885d,0 6px 0 #8a704b,0 8px 5px #0007,inset 0 0 0 3px #f7eac8,inset 0 0 0 5px #cdb78a;transform:translateZ(7px);z-index:2}.checker.dark{background:radial-gradient(circle at 34% 25%,#83624e,#34251e 65%,#211810);box-shadow:0 3px 0 #21150f,0 6px 0 #170f0a,0 8px 5px #0007,inset 0 0 0 3px #6e4c35,inset 0 0 0 5px #302018}.checker b{display:grid;place-items:center;height:100%;color:#665338;font-size:12px}.checker.dark b{color:#f5dfb8}.point.selected{background:#ffdd854a!important;box-shadow:inset 0 0 0 2px #ffe4a5}.point.available:after{content:'';position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#f9e0a0;box-shadow:0 0 12px #ffd371;left:41%;top:45%;z-index:10}.bar{grid-column:7;grid-row:1/3;z-index:5;background:linear-gradient(90deg,#513523,#906540,#543725);border-left:2px solid #be9561;border-right:2px solid #342619;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.bar button{padding:0;font-size:11px;width:90%;aspect-ratio:1;border-radius:50%;background:#e5d0a5;color:#382719;border:2px solid #a88a58;box-shadow:0 4px 0 #594027}.bar .dark-bar{background:#39261b;color:#fff0cb}.bar button.selected{outline:3px solid #fff2bc}.hinge{height:25px;width:65%;background:linear-gradient(90deg,#7a5b23,#d7ba6e,#755323);box-shadow:0 2px 4px #0008;border-radius:2px}.dice-tray{position:absolute;z-index:20;display:flex;gap:14px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;perspective:500px}.die{position:relative;width:37px;height:37px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-22deg);transition:transform .45s}.face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;gap:2px;background:#fff2d8;border:1px solid #cdb992;border-radius:6px;backface-visibility:hidden;box-shadow:inset 0 0 7px #bba47755}.face.front{transform:translateZ(18.5px)}.face.back{transform:rotateY(180deg) translateZ(18.5px)}.face.right{transform:rotateY(90deg) translateZ(18.5px)}.face.left{transform:rotateY(-90deg) translateZ(18.5px)}.face.top{transform:rotateX(90deg) translateZ(18.5px)}.face.bottom{transform:rotateX(-90deg) translateZ(18.5px)}.dot{background:#382a21;border-radius:50%}.rolling .die{animation:tumble .18s linear infinite}.rolling .die:nth-child(2){animation-direction:reverse}@keyframes tumble{to{transform:rotateX(342deg) rotateY(338deg)}}.desk{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 4px}.status{font-size:14px;margin:0;color:#e9d9ba;min-height:40px;max-width:600px}.moves{display:flex;gap:6px;margin-top:8px}.moves span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#f0d5a0;color:#3e3020;font-size:12px;font-weight:bold}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.primary{background:#e7c485;color:#352916;font-weight:700;border-color:#f7dca8}.primary:hover{background:#f4d797}.off-row{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.off{flex:1;min-height:46px;border:1px solid #a98b53;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#e9d5ae;font-size:13px}.off.available{background:#d9b46b30;box-shadow:0 0 0 2px #eac987}.guide{color:#adbbb4;font-size:13px;line-height:1.8;border-top:1px solid #ffffff15;margin-top:24px;padding-top:16px}.guide summary{color:#d9c397;cursor:pointer}.guide p{max-width:900px}.dialog{border:1px solid #cbb077;border-radius:20px;background:#1c3531;color:#f4e4c4;padding:30px;max-width:90vw;box-shadow:0 20px 60px #0008}.dialog::backdrop{background:#071b19c9}.dialog h2{font-family:Georgia,serif;font-size:32px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){header{padding:18px 14px;font-size:12px}main{padding:8px 12px 25px}.heading{align-items:flex-start}.settings{flex-direction:column;gap:4px}.settings button{font-size:11px;padding:7px}.players{margin:0;gap:4px}.player{padding:8px;gap:7px}.player strong{font-size:12px}.player small{font-size:9px}.avatar{width:19px;height:19px}.board{aspect-ratio:1.12;padding:19px 6px;border-width:5px;transform:rotateX(10deg);border-radius:9px}.board:before{inset:19px 6px}.checker{left:5%;width:90%;box-shadow:0 3px 0 #8a704b,0 5px 4px #0007,inset 0 0 0 1px #f7eac8,inset 0 0 0 3px #cdb78a}.checker.dark{box-shadow:0 3px 0 #170f0a,0 5px 4px #0007,inset 0 0 0 1px #6e4c35,inset 0 0 0 3px #302018}.checker b{font-size:10px}.point .number{font-size:8px}.table-wrap{margin:10px 0 18px}.die{width:30px;height:30px}.face{padding:5px;gap:2px}.face.front{transform:translateZ(15px)}.face.back{transform:rotateY(180deg) translateZ(15px)}.face.right{transform:rotateY(90deg) translateZ(15px)}.face.left{transform:rotateY(-90deg) translateZ(15px)}.face.top{transform:rotateX(90deg) translateZ(15px)}.face.bottom{transform:rotateX(-90deg) translateZ(15px)}.desk{display:block}.actions{justify-content:stretch;margin-top:13px}.actions button{flex:1;font-size:12px;padding:12px 9px}.status{font-size:12px}.off-row{margin-top:12px;gap:8px}.off{font-size:11px;padding:9px}.bar button{font-size:9px}.hinge{height:18px}.eyebrow{font-size:8px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.die{transition:none}.rolling .die{animation:none}}