:root{--bg: #f4f1ea;--panel-bg: #ffffff;--text: #1c1c1c;--border: #d8d3c6;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex}.app-shell-setup{align-items:center;justify-content:center;padding:2rem}.app-shell-playing{flex-direction:row;gap:1.5rem;padding:1.5rem;align-items:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto}.board-pane{flex:1 1 600px;max-width:700px;min-width:320px}.ludo-board{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:12px;box-shadow:0 4px 20px #0000001f;background:#fdfcf8}.board-background{fill:#fdfcf8}.cross-band{fill:#efeade}.side-pane{flex:0 0 320px;display:flex;flex-direction:column;gap:1rem}.turn-panel,.dice-display,.move-selector,.game-message-log,.game-setup,.roll-off-display{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:1rem}.current-player{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.player-swatch{width:16px;height:16px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.2)}.player-swatch.small{width:12px;height:12px}.player-swatch.tiny{width:9px;height:9px;margin-top:.35rem;flex-shrink:0}.turn-phase{margin-top:.35rem;color:#555;font-size:.92rem}.restricted-note{margin-top:.5rem;font-size:.85rem;color:#8a5300}.turn-controls{margin-top:.75rem}.primary-button{background:#2a6fdb;color:#fff;border:none;padding:.6rem 1.1rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:filter .15s ease}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.primary-button:disabled{opacity:.55;cursor:default}.secondary-button{background:#ece9e1;color:#333;border:1px solid var(--border);padding:.5rem .9rem;border-radius:8px;cursor:pointer;margin-right:.5rem}.secondary-button:disabled{opacity:.55;cursor:default}.winner-banner{font-size:1.2rem;font-weight:700}.dice-row{display:flex;gap:.6rem}.die-face{fill:#fff;stroke:#222;stroke-width:3}.die-pip{fill:#222}.die-rolling{animation:dice-roll .45s ease-out}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}40%{transform:rotate(25deg) scale(1.08)}70%{transform:rotate(-12deg) scale(1.03)}to{transform:rotate(0) scale(1)}}.dice-pool-note{margin-top:.6rem;font-size:.85rem;color:#555}.track-cell{fill:#fdfcf8;stroke:#ccc4b0;stroke-width:1}.track-cell-safe{fill:#fff3d6}.safe-star{fill:#c99a2e;pointer-events:none}.home-stretch-cell{stroke:#00000026;stroke-width:1}.cage-quadrant{stroke:none}.cage-inner{rx:12}.highlight-legal{fill:#2a9f2947;stroke:#2a9f29;stroke-width:2}.highlight-preview{fill:#2a6fdb38;stroke:#2a6fdb;stroke-width:1.5;stroke-dasharray:3 2}.highlight-selected{fill:#e9b94959;stroke:#e9b949;stroke-width:2}.piece-token{transition:transform .25s ease}.piece-body{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.piece-label{fill:#fff;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#00000059;stroke-width:.5px}.game-setup{text-align:center;max-width:420px}.setup-subtitle{color:#666;font-size:.9rem}.seat-list{margin:1.25rem 0;display:flex;flex-direction:column;gap:.5rem}.seat-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px}.seat-name{font-weight:600;flex:1;text-align:left}.seat-controller{color:#666;font-size:.85rem}.roll-off-round{display:flex;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.9rem}.roll-off-entry{display:inline-flex;align-items:center;gap:.25rem}.roll-off-winner{display:flex;align-items:center;gap:.5rem;font-weight:700;margin:1rem 0;font-size:1.1rem}.move-choice-list{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.4rem}.move-choice-button{width:100%;text-align:left;background:#f2f0ea;border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;cursor:pointer;font-size:.9rem}.move-choice-button:hover:not(:disabled){background:#e7e3d8}.move-selector-actions{margin-top:.6rem}.game-message-log{display:flex;flex-direction:column;min-height:0}.game-message-log-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.03em}.game-message-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;padding-right:.25rem}.game-message-empty{color:#888;font-size:.85rem;font-style:italic;margin:0}.game-message{display:flex;align-items:flex-start;gap:.4rem;padding:.4rem .6rem;border-radius:6px;font-size:.85rem;background:#eef2f6}.game-message-text{flex:1}.game-message-success{background:#e6f6e6;color:#1f6b1f}.game-message-warning{background:#fbf0dd;color:#8a5300}.error-banner{color:#a3242b;background:#fbe4e4;border:1px solid #f0b9b9;padding:.5rem .75rem;border-radius:8px;font-size:.85rem}@media (max-width: 860px){.app-shell-playing{flex-direction:column}.side-pane{flex:1 1 auto;width:100%}}@media (prefers-reduced-motion: reduce){.die-rolling{animation:none}.piece-token{transition:none}}.mode-select{text-align:center;max-width:480px}.mode-select-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .1s ease}.mode-option:hover{border-color:#2a6fdb;transform:translateY(-1px)}.mode-option-title{font-size:1.1rem;font-weight:700}.mode-option-desc{color:#666;font-size:.88rem}.mode-back-button{margin-top:1rem}.analyse-shell{max-width:1200px;margin:0 auto;padding:1.5rem}.analyse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analyse-header h1{margin:0}.analyse-header>div{display:flex;gap:.5rem}.position-editor{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.position-editor-board{flex:1 1 500px;max-width:600px}.position-editor-side{flex:1 1 320px;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.analyse-setup-panel{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analyse-setup-panel>*{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:1rem}.editor-selection-banner{background:#eef4fd;border:1px solid #cfe0f7;border-radius:8px;padding:.75rem;font-size:.9rem}.editor-selection-actions{display:flex;gap:.5rem;margin:.5rem 0}.editor-hint{color:#666;font-size:.85rem}.editor-piece-list{display:flex;flex-direction:column;gap:.75rem}.editor-piece-group-title{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem;margin-bottom:.35rem}.editor-piece-chips{display:flex;flex-wrap:wrap;gap:.4rem}.editor-piece-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:64px;padding:.4rem .5rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-weight:700}.editor-piece-chip-location{font-weight:400;font-size:.7rem;color:#666}.editor-piece-chip-selected{border-color:#2a6fdb;background:#eef4fd}.setup-section-title{margin:1rem 0 .4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:#555}.setup-section-title:first-child{margin-top:0}.player-select-row{display:flex;gap:.5rem;flex-wrap:wrap}.player-select-button{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.player-select-button-active{background:#f2f6fc}.phase-select{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border);margin-bottom:.5rem}.dice-entry-inputs{display:flex;gap:.75rem;flex-wrap:wrap;margin:.5rem 0}.die-input-label{display:flex;flex-direction:column;font-size:.8rem;color:#555;gap:.2rem}.die-input-label input{width:60px;padding:.3rem;border-radius:6px;border:1px solid var(--border)}.checkbox-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin:.2rem 0}.advanced-toggle{background:none;border:none;color:#2a6fdb;cursor:pointer;font-size:.85rem;padding:.5rem 0;text-align:left}.advanced-turn-state{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.25rem}.advanced-turn-state h4{margin:.75rem 0 .25rem;font-size:.85rem}.restricted-piece-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.queued-bonus-turn-row{border:1px solid var(--border);border-radius:8px;padding:.5rem;margin:.5rem 0}.queued-bonus-turn-row select{margin-bottom:.4rem}.position-validation-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.validation-success{color:#1f6b1f;font-weight:700}.validation-errors ul{margin:.4rem 0 0;padding-left:1.2rem}.validation-errors-title{font-weight:700;color:#a3242b;margin:0}.validation-error-field{color:#888;font-size:.8rem}.physical-dice-entry{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:1rem}@media (max-width: 860px){.analyse-setup-panel{grid-template-columns:1fr}.position-editor{flex-direction:column}}.seat-controller-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seat-toggle-button{background:#fff;border:none;padding:.3rem .7rem;font-size:.85rem;cursor:pointer;color:#444}.seat-toggle-button+.seat-toggle-button{border-left:1px solid var(--border)}.seat-toggle-button.active{background:#2a6fdb;color:#fff;font-weight:600}.seat-strength-select{font-size:.85rem;padding:.25rem .4rem;border:1px solid var(--border);border-radius:6px;background:#fff}.setup-hint{color:#666;font-size:.8rem;margin-top:.5rem}.ai-thinking-status{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:#f2f0ea;font-size:.9rem;color:#444;font-style:italic}.highlight-recommended{fill:#e9952238;stroke:#e99522;stroke-width:2;stroke-dasharray:4 2}.recommend-move-panel{border:1px solid var(--border);border-radius:10px;padding:.85rem;margin-top:.75rem;background:var(--panel-bg)}.recommend-move-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.recommend-strength-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#444}.recommend-move-hint{color:#777;font-size:.78rem;margin-top:.6rem}.recommendation-panel{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.recommendation-heading{margin:0 0 .3rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:#777}.recommendation-move{font-weight:600;margin:0 0 .3rem;cursor:default}.recommendation-why{font-size:.85rem}.recommendation-why-label{font-weight:600;color:#555}.recommendation-why-list{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#444}.recommendation-tactical-line{font-style:italic;color:#666}.recommendation-alt-list{margin:.3rem 0 0 1.1rem;padding:0;font-size:.85rem;color:#444;display:flex;flex-direction:column;gap:.2rem}.recommendation-alt-list li{cursor:default}