:root{--wood-dark: #3b2412;--wood-mid: #5c3a1e;--felt: #0f5132;--point-dark: #8a4b2b;--point-light: #d9b98c;--white-checker: #f5e6c8;--white-checker-edge: #c9ad78;--black-checker: #2a1a12;--black-checker-edge: #000;--accent: #f2c14e;--text: #f4ede1;--panel-bg: #1c1410;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#2a1c12,#140d08 70%);color:var(--text);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.app__header h1{margin:0;font-size:2rem;letter-spacing:.02em}.app__subtitle{margin:4px 0 0;color:#cbb89a;font-size:.95rem}.status-panel{background:var(--panel-bg);border:1px solid #3a2a1a;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.status-panel__row{display:flex;gap:12px;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid transparent}.badge--white{background:#f5e6c822;color:var(--white-checker);border-color:var(--white-checker-edge)}.badge--black{background:#0003;color:#ddd;border-color:#555}.status-panel__message{margin:0;font-size:1.05rem;min-height:1.4em}.status-panel__actions{display:flex;gap:10px}.btn{background:var(--accent);color:#2a1c0a;border:none;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:.95rem}.btn:hover{filter:brightness(1.08)}.btn--secondary{background:transparent;color:var(--text);border:1px solid #5c4a36}.dice{display:flex;gap:8px}.die{width:34px;height:34px;background:var(--white-checker);border-radius:6px;border:1px solid var(--white-checker-edge);box-shadow:0 2px 4px #0006}.die--spent{opacity:.35}.die__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:5px}.die__pip{width:6px;height:6px;border-radius:50%;background:#2a1c0a;place-self:center}.board{background:var(--wood-dark);border-radius:12px;padding:14px;border:6px solid var(--wood-mid);display:flex;flex-direction:column;gap:6px}.board__row{display:flex;gap:2px;height:220px}.point{flex:1;min-width:0;position:relative;background:var(--felt);border:none;padding:0;cursor:default;display:flex;flex-direction:column;overflow:hidden}.point--up{justify-content:flex-end}.point--down{justify-content:flex-start}.point__triangle{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 100%)}.point--up .point__triangle{clip-path:polygon(0 100%,100% 100%,50% 0)}.point--light .point__triangle{background:var(--point-light)}.point--dark .point__triangle{background:var(--point-dark)}.point--selectable{cursor:pointer}.point--selectable:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid var(--accent);border-radius:6px;opacity:.55;pointer-events:none}.point--highlighted:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px dashed #7fffa1;border-radius:6px;pointer-events:none}.point--selected:after{border-color:#fff;opacity:1}.point__checkers{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px}.point--up .point__checkers{flex-direction:column-reverse}.point__overflow{font-size:.7rem;color:var(--text);background:#000a;border-radius:4px;padding:1px 4px}.checker{width:26px;height:26px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 2px #0004,0 2px 3px #0007}.checker--white{background:var(--white-checker);border:1px solid var(--white-checker-edge)}.checker--black{background:var(--black-checker);border:1px solid #000}.bar-cell{width:40px;background:var(--wood-mid);border:none;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;cursor:default}.bar-cell.point--selectable{cursor:pointer}.bar-cell.point--selectable{box-shadow:0 0 0 2px var(--accent) inset}.bar-cell.point--selected{box-shadow:0 0 0 2px #fff inset}.off-tray{width:64px;background:#0003;border:1px dashed #5c4a36;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);gap:4px;cursor:default;padding:4px}.off-tray__label{font-size:.62rem;text-align:center;color:#cbb89a}.off-tray__count{font-size:1.3rem;font-weight:700}.off-tray.point--highlighted{border-color:#7fffa1;box-shadow:0 0 0 2px #7fffa1 inset;cursor:pointer}button:disabled{cursor:default}@media (max-width: 720px){.board__row{height:160px}.checker{width:18px;height:18px}.bar-cell,.off-tray{width:30px}}