:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#000;--ivory:#fff7e8;--blue:#168cff;--glow:#48c7ff;--wood:#704426;--wood-light:#a56d3d;--charcoal:#252729}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;gap:28px;background:#000}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}#app{width:600px;height:600px;flex:none;padding:10px 12px 12px;display:grid;grid-template-rows:92px 420px 66px;overflow:hidden}.hud{display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.player-mark{width:34px;height:34px;border-radius:50%;justify-self:center;background:var(--ivory);border:3px solid #fff;box-shadow:0 0 14px #fff8}.player-mark.blue{background:var(--blue);border-color:#55b5ff;box-shadow:0 0 18px #168cff}.dice{display:flex;justify-content:center;gap:14px;height:74px}.die{position:relative;width:68px;height:68px;border-radius:13px;background:var(--ivory);box-shadow:0 0 18px #d9f2ff88;color:#101820;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:9px;transition:opacity .18s,transform .18s}.die.used{opacity:.18;transform:scale(.82);box-shadow:none}.pip{width:11px;height:11px;border-radius:50%;background:#101820;align-self:center;justify-self:center;opacity:0}.die.d1 .p5,.die.d2 .p1,.die.d2 .p9,.die.d3 .p1,.die.d3 .p5,.die.d3 .p9,.die.d4 .p1,.die.d4 .p3,.die.d4 .p7,.die.d4 .p9,.die.d5 .p1,.die.d5 .p3,.die.d5 .p5,.die.d5 .p7,.die.d5 .p9,.die.d6 .p1,.die.d6 .p3,.die.d6 .p4,.die.d6 .p6,.die.d6 .p7,.die.d6 .p9{opacity:1}.off-count{display:flex;gap:7px;justify-content:center}.off-count i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--ivory);color:#171717;font-size:10px;font-style:normal;font-weight:800}.off-count i.blue{background:var(--blue);color:white}.board{position:relative;border:9px solid var(--wood);border-top-color:var(--wood-light);border-bottom-color:#482a18;border-radius:20px;background:#121313;box-shadow:inset 0 0 0 3px #1b100a,0 9px 18px #000;display:grid;grid-template-columns:repeat(6,1fr) 44px repeat(6,1fr);grid-template-rows:1fr 1fr;column-gap:1px;overflow:hidden;transform:perspective(900px) rotateX(.8deg);transform-origin:center bottom}.board::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 47%,#fff1 50%,transparent 53%);opacity:.25}.point{position:relative;height:100%;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;isolation:isolate;outline:none;min-width:0}.point:disabled{opacity:1}.point::before{content:"";position:absolute;inset:0 2px 18px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--wood-light);z-index:-1}.point.alt::before{background:var(--charcoal)}.point.bottom{flex-direction:column-reverse}.point.bottom::before{transform:rotate(180deg);inset:18px 2px 0}.point .number{position:absolute;color:#fff8;font-size:10px;line-height:13px;top:2px;z-index:3}.point.bottom .number{top:auto;bottom:2px}.checker{display:block;flex:none;width:34px;height:34px;border-radius:50%;background:var(--ivory);border:2px solid #fff;box-shadow:0 3px 5px #000a,inset 0 -4px 5px #cbbda5;color:#171717;font-size:16px;line-height:29px;font-weight:800;margin-bottom:-6px;position:relative;z-index:2}.bottom .checker{margin-bottom:0;margin-top:-6px}.checker.blue{background:var(--blue);border-color:#50afff;box-shadow:0 3px 5px #000b,inset 0 -4px 5px #064da0;color:#fff}.point.legal::after{content:"";position:absolute;width:30px;height:5px;border-radius:4px;background:var(--glow);box-shadow:0 0 12px var(--glow);top:4px}.point.bottom.legal::after{top:auto;bottom:4px}.point.target .target-ring,.off-target .target-ring{position:absolute;width:28px;height:28px;border:3px solid var(--glow);border-radius:50%;box-shadow:0 0 12px var(--glow),inset 0 0 8px var(--glow);left:50%;top:50%;transform:translate(-50%,-50%);animation:target-pulse 1.1s ease-in-out infinite}.point.target.focused .target-ring,.off-target.focused .target-ring{width:38px;height:38px;border-width:5px;box-shadow:0 0 22px var(--glow),inset 0 0 12px var(--glow)}.point.focused .checker:first-of-type,.point.selected .checker:first-of-type,.bar.focused .checker{box-shadow:0 0 0 4px var(--glow),0 0 24px var(--glow),inset 0 -4px 5px #064da0}.point.focused::before{filter:brightness(1.25);box-shadow:0 0 20px var(--glow)}.bar{grid-column:7;grid-row:1/3;background:linear-gradient(90deg,#4c2b18,var(--wood-light),#4c2b18);display:flex;align-items:center;justify-content:center;border:0;border-left:3px solid #21130b;border-right:3px solid #21130b;padding:0;outline:none;z-index:1}.bar-checkers{display:flex;flex-direction:column;gap:16px}.bar .checker{width:30px;height:30px;margin:0}.bar .checker:empty{opacity:.18}.bar.focused{box-shadow:inset 0 0 18px var(--glow)}.off-target{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:38px;height:70px;border:0;background:#101112;z-index:5;outline:none}.actions{display:flex;gap:10px;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .12s,transform .12s}.actions.visible{opacity:1;pointer-events:auto;transform:none}.action{height:48px;min-width:120px;padding:0 18px;border:2px solid #77634f;border-radius:24px;background:#1b1815;color:#d9d0c6;font-size:16px;font-weight:750}.action.focused,.action:focus-visible{outline:none;border-color:var(--glow);color:white;box-shadow:0 0 13px #168cff99}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.move-flight{position:absolute;margin:0;transform:translate(-50%,-50%);animation:checker-flight 280ms cubic-bezier(.25,.8,.25,1) forwards;z-index:20;pointer-events:none}@keyframes checker-flight{0%{transform:translate(-50%,-50%) scale(1)}55%{transform:translate(calc(-50% + var(--move-x-half)),calc(-50% + var(--move-y-half))) scale(1.18);filter:brightness(1.5)}100%{transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y))) scale(1)}}@keyframes target-pulse{50%{opacity:.55;transform:translate(-50%,-50%) scale(.88)}}#developer{width:400px;margin:24px 0;flex:none;font-size:16px}#developer:empty{display:none}#developer h2{margin-top:0;font-size:20px}#developer p{color:#c7c7c7;line-height:1.5}#developer pre{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #444;padding:12px;max-height:450px;overflow:auto}#developer details{margin-top:16px}#developer summary{cursor:pointer}#developer a{color:var(--glow)}@media(prefers-reduced-motion:reduce){.move-flight,.target-ring{animation:none}}@media(min-width:900px){body{padding-top:30px}}@media(max-width:1040px){body:has(#developer:not(:empty)){flex-wrap:wrap;gap:0}#developer{width:576px}}@media(max-width:600px){body{width:100%;overflow:hidden}#app{width:100%;padding-inline:5px}.checker{width:clamp(24px,5.7vw,34px);height:clamp(24px,5.7vw,34px)}#developer{display:none}}