.board{display:flex;flex-direction:column;gap:4px;background:#6b4423;border-radius:8px;padding:6px;width:100%;max-width:520px;margin:0 auto;-webkit-user-select:none;user-select:none}.board-row{display:flex;align-items:stretch;gap:3px}.board-half{display:flex;flex:1;gap:2px}.point{position:relative;flex:1;aspect-ratio:1 / 2.6;display:flex;flex-direction:column;align-items:center;border:none;padding:0;background:transparent;cursor:pointer;min-width:0}.point-triangle{position:absolute;top:0;right:0;bottom:0;left:0}.point-top .point-triangle{clip-path:polygon(0 0,100% 0,50% 100%)}.point-bottom .point-triangle{clip-path:polygon(0 100%,100% 100%,50% 0)}.point-dark .point-triangle{background:#8a5a2b}.point-light .point-triangle{background:#c99a5b}.point-target .point-triangle{outline:3px solid #4caf50;outline-offset:-3px;filter:brightness(1.15)}.checker-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;gap:2px;flex:1}.stack-top{flex-direction:column}.stack-bottom{flex-direction:column-reverse}.checker{width:82%;aspect-ratio:1;max-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;box-shadow:0 1px 2px #00000080;flex-shrink:0}.checker-white{background:#f0e6d2;color:#333;border:1px solid #b8ac8f}.checker-black{background:#2b2b2b;color:#eee;border:1px solid #000}.checker-selected{outline:3px solid #ffcc00}.bar-slot{width:34px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:none;background:#3d2a17;border-radius:4px;padding:4px 2px;cursor:pointer}.bar-white{justify-content:flex-end}.bar-black{justify-content:flex-start}.off-zone{width:34px;display:flex;align-items:center;justify-content:center;border:2px dashed #4a3018;background:#55381f;border-radius:4px;color:#f0e6d2;font-weight:700;cursor:pointer}.off-spacer{width:34px}@media (max-width: 400px){.checker{font-size:.55rem}}.dice-row{display:flex;gap:8px;justify-content:center;padding:6px 0}.die{width:44px;height:44px}.die rect{fill:#f5f0e6;stroke:#333;stroke-width:3}.die .pip{fill:#222}.die-used{opacity:.35}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#1e1e1e;color:#f0f0f0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;max-width:560px;margin:0 auto;width:100%}.screen-center{align-items:center;justify-content:center;text-align:center}h1,h2{margin:0 0 4px}.subtitle{color:#b8b8b8;margin:0 0 8px}.btn{font-size:1rem;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;width:100%;max-width:320px;font-weight:600}.btn-primary{background:#4caf50;color:#fff}.btn-secondary{background:#3a3a3a;color:#f0f0f0}.btn-link{background:transparent;color:#9ac7ff;text-decoration:underline;font-weight:400}.btn:disabled{opacity:.5;cursor:not-allowed}.error-text{color:#ff6b6b}.spinner{width:32px;height:32px;border:3px solid #444;border-top-color:#4caf50;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-link{background:#2a2a2a;padding:8px 12px;border-radius:6px;word-break:break-all;font-size:.85rem}.game-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.turn-badge{padding:4px 10px;border-radius:999px;font-weight:700;text-transform:capitalize}.turn-white{background:#f0e6d2;color:#222}.turn-black{background:#2b2b2b;color:#eee}.conn-badge{padding:4px 10px;border-radius:999px;font-size:.8rem}.conn-online{background:#2e5c31;color:#cdf5cd}.conn-offline{background:#5c2e2e;color:#f5cdcd}.game-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.game-actions .btn{width:auto;flex:1;min-width:100px}