.clp-surface .tabletop{color:#173a55;width:100%;min-width:0;font-size:1rem}.clp-surface .tabletop p{margin:12px 0;line-height:1.5}.clp-surface .tt-tools{flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0 20px;display:flex}.clp-surface .tt-tools label{gap:6px;font-size:.9rem;font-weight:700;display:grid}.clp-surface .tt-tools button,.clp-surface .tt-footer button{min-height:42px}.clp-surface .tt-score{background:#e9f5ff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.clp-surface .tt-lives{color:#ca2645;white-space:nowrap;font-size:1.5rem}.clp-surface .tt-lives span{color:#768a99}.clp-surface .tt-lives small{font-size:.95rem}.clp-surface .tt-message{background:#edf5fc;border-radius:12px;min-height:52px;padding:14px 16px;font-weight:600}.clp-surface .tt-message.success{color:#135a40;background:#daf6e9}.clp-surface .tt-footer{border-top:1px solid #d8e5ef;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.clp-surface .tt-footer span,.clp-surface .tt-legend{color:#46647b;font-size:.875rem}.clp-surface .maze-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:5px;background:#eef9f2;border:3px solid #214d6d;border-radius:10px;width:100%;max-width:470px;margin:18px auto 12px;display:grid;overflow:hidden}.clp-surface .maze-cell{cursor:pointer;justify-content:center;align-items:center;min-width:0;font-size:clamp(12px,3.5vw,26px);line-height:1;display:flex}.clp-surface .maze-cell.wall{background:#214d6d;border:1px solid #2b5878}.clp-surface .maze-cell.trail{background:#90e4f5;box-shadow:inset 0 0 0 2px #3cbed6}.clp-surface .maze-cell.player{background:#ffdd75}.clp-surface .maze-controls{justify-content:center;gap:10px;margin:12px 0;display:flex}.clp-surface .maze-controls button{border:2px solid #bdd5e8;width:52px;height:48px}.clp-surface .peg-board{background:#eaf4fc;border-radius:20px;grid-template-columns:repeat(7,1fr);gap:6px;max-width:430px;margin:22px auto;padding:12px;display:grid}.clp-surface .peg-board button{aspect-ratio:1;color:#849bac;cursor:pointer;background:#d9e7f1;border:2px solid #c7d9e7;border-radius:50%;min-width:0;font-size:clamp(22px,5vw,36px);line-height:1}.clp-surface .peg-board button.occupied{color:#fff;background:#126bd5;border-color:#0854ae;box-shadow:0 4px #0d4f92}.clp-surface .tabletop .chosen{outline-offset:2px;outline:4px solid #eaae0c}.clp-surface .tabletop .target{background:#d5f7de;border:3px dashed #22874b}.clp-surface .network-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#f1f7fc;border-radius:24px;width:100%;max-width:430px;margin:20px auto;position:relative}.clp-surface .network-board>svg{fill:none;stroke:#809bad;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.clp-surface .network-node{aspect-ratio:1;touch-action:none;cursor:pointer;background:#dce8f1;border:3px solid #9bb4c8;border-radius:50%;width:10%;font-size:1rem;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.clp-surface .network-node.color-1{color:#fff;background:#d33c52;border-color:#ac2239;box-shadow:0 4px #962037}.clp-surface .network-node.color-2{color:#fff;background:#126bd5;border-color:#0752ac;box-shadow:0 4px #164d93}.clp-surface .path-model{background:#e9f5ff;border-radius:12px;align-items:center;gap:12px;padding:8px 14px;display:flex}.clp-surface .network-mini{flex-shrink:0;width:88px}.clp-surface .path-model p{font-size:.875rem}.clp-surface .dice-action{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.clp-surface .die{color:#145b9c;font-size:4rem;line-height:1.4}.clp-surface .dice-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.clp-surface .dice-grid button{aspect-ratio:1;color:#183f5b;cursor:pointer;background:#eef5fa;border:2px solid #bdd2e1;border-radius:14px;place-items:center;display:grid;position:relative}.clp-surface .dice-grid button span{filter:grayscale();opacity:.55;font-size:2.2rem}.clp-surface .dice-grid button small{font-size:.875rem}.clp-surface .dice-grid button.painted{background:#ffdce3;border-color:#d33c52}.clp-surface .dice-grid.player-1 button.painted{background:#d7ebff;border-color:#126bd5}.clp-surface .dice-grid button.painted span{filter:none;opacity:1}.clp-surface .dice-grid button:disabled{cursor:default}.clp-surface .tabletop button:focus-visible{outline-offset:3px;outline:3px solid #e7a700}.clp-surface .tabletop [hidden]{display:none!important}@media(max-width:480px){.clp-surface .tt-tools{gap:8px}.clp-surface .tt-tools button{font-size:.875rem}.clp-surface .tt-score{padding:10px}.clp-surface .path-model{gap:8px}.clp-surface .network-node{border-width:2px;font-size:.85rem}.clp-surface .peg-board{gap:5px;padding:8px}.clp-surface .tt-footer{flex-wrap:wrap}.clp-surface .dice-grid{gap:7px}.clp-surface .dice-grid button span{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.clp-surface .tabletop *{transition:none!important;animation:none!important}}