:root{--color-blue: #2f6fed;--color-blue-dim: #dbe8ff;--color-red: #e53a3a;--color-red-dim: #ffdcdc;--color-green: #3ab54a;--color-green-dim: #d9f5df;--color-yellow: #f2c31c;--color-yellow-dim: #fff3cc;--board-bg: #fdfaf3;--board-border: #2b2b2b;--cell-border: #c9c2ae;--path-bg: #ffffff;--safe-bg: #f0e9d6;--center-bg: #fdfaf3;--text-dark: #2b2b2b;--app-bg: #f4ede0;--panel-bg: #ffffff;--panel-shadow: rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--app-bg);color:var(--text-dark)}button{font-family:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px}.panel{background:var(--panel-bg);border-radius:12px;box-shadow:0 4px 16px var(--panel-shadow);padding:20px}.title{font-size:1.8rem;font-weight:800;margin:0;text-align:center}.subtitle{text-align:center;color:#666;margin:4px 0 20px}.button-primary{background:var(--color-blue);color:#fff;border:none;border-radius:8px;padding:9px 24px;font-size:1rem;font-weight:700;transition:transform .08s ease,opacity .15s ease}.button-primary:hover{opacity:.92}.button-primary:active{transform:scale(.97)}.button-secondary{background:transparent;color:var(--text-dark);border:2px solid var(--cell-border);border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600}.button-secondary:disabled{opacity:.4;cursor:not-allowed}.board-wrap{width:min(94vw,60vh,560px);aspect-ratio:1}.board{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);background:var(--board-bg);border:3px solid var(--board-border);border-radius:8px;overflow:hidden}.cell{position:relative;display:flex;align-items:center;justify-content:center}.cell--path{background:var(--path-bg);border:1px solid var(--cell-border)}.cell--safe{background:var(--safe-bg);border:1px solid var(--cell-border)}.cell--safe:after{content:"★";color:#a6935a;font-size:.7em}.cell--homeStretch{border:1px solid var(--cell-border)}.cell--homeStretch-blue{background:var(--color-blue-dim)}.cell--homeStretch-red{background:var(--color-red-dim)}.cell--homeStretch-green{background:var(--color-green-dim)}.cell--homeStretch-yellow{background:var(--color-yellow-dim)}.cell--base-blue{background:var(--color-blue)}.cell--base-red{background:var(--color-red)}.cell--base-green{background:var(--color-green)}.cell--base-yellow{background:var(--color-yellow)}.cell--center,.cell--unused{background:var(--board-bg)}.base-slot{position:absolute;width:5.07%;height:5.07%;border-radius:50%;background:#ffffffd9;transform:translate(-50%,-50%);z-index:1}.home-base-art{position:absolute;transform:translate(-50%,-50%);font-size:clamp(28px,9vmin,72px);line-height:1;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.center-triangle{position:absolute;left:40%;top:40%;width:20%;height:20%;display:flex;align-items:center;justify-content:center}.center-triangle svg{width:100%;height:100%;display:block}.center-triangle-label{position:absolute;font-size:9px;font-weight:800;color:#fff;letter-spacing:.03em;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;width:90%}@media (min-width: 480px){.center-triangle-label{font-size:12px}}.token{position:absolute;width:4.53%;height:4.53%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(0,0,0,.35);box-shadow:0 2px 3px #0000004d,inset 0 2px 3px #fff6;-webkit-user-select:none;user-select:none;z-index:2;transition:left .25s ease,top .25s ease}.token--blue{background:var(--color-blue)}.token--red{background:var(--color-red)}.token--green{background:var(--color-green)}.token--yellow{background:var(--color-yellow)}.token--clickable{cursor:pointer;z-index:3}.token--clickable:hover{transform:translate(-50%,-50%) scale(1.12)}.token--glow{animation:token-pulse 1.1s ease-in-out infinite;z-index:4}@keyframes token-pulse{0%,to{box-shadow:0 0 #ffc800e6,0 2px 3px #0000004d}50%{box-shadow:0 0 0 6px #ffc80000,0 2px 3px #0000004d}}.game-screen{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:6px}.game-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.player-panel{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.player-card{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;border:2px solid transparent;background:#f4f1ea;font-size:.8rem}.player-card__icon{font-size:1.1rem}.player-card__name-input{margin-right:auto;min-width:0;width:5.5em;border:none;background:transparent;font:inherit;font-weight:700;color:inherit;padding:1px 2px;border-radius:4px}.player-card__name-input:hover,.player-card__name-input:focus{background:#0000000f;outline:none}.player-card__summary{color:#666;font-size:.72rem}.player-card--blue{border-color:var(--color-blue-dim)}.player-card--red{border-color:var(--color-red-dim)}.player-card--green{border-color:var(--color-green-dim)}.player-card--yellow{border-color:var(--color-yellow-dim)}.player-card--active{background:#fff;box-shadow:0 0 0 2px currentColor,0 2px 6px #00000026}.player-card--active.player-card--blue{box-shadow:0 0 0 2px var(--color-blue),0 2px 6px #00000026}.player-card--active.player-card--red{box-shadow:0 0 0 2px var(--color-red),0 2px 6px #00000026}.player-card--active.player-card--green{box-shadow:0 0 0 2px var(--color-green),0 2px 6px #00000026}.player-card--active.player-card--yellow{box-shadow:0 0 0 2px var(--color-yellow),0 2px 6px #00000026}.current-turn-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f4f1ea;border:2px solid transparent;font-size:.85rem}.current-turn-badge__icon{font-size:1rem}.current-turn-badge--blue{border-color:var(--color-blue)}.current-turn-badge--red{border-color:var(--color-red)}.current-turn-badge--green{border-color:var(--color-green)}.current-turn-badge--yellow{border-color:var(--color-yellow)}.dice-area{display:flex;flex-direction:column;align-items:center;gap:4px}.dice-face{font-size:2rem;line-height:1;animation:dice-pop .2s ease}@keyframes dice-pop{0%{transform:scale(.6) rotate(-15deg);opacity:.3}to{transform:scale(1) rotate(0);opacity:1}}.turn-banner{padding:6px 14px;border-radius:20px;background:#fff3cc;font-weight:600;font-size:.85rem;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10}.modal{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.modal__icon{font-size:3rem}.setup-screen{width:min(94vw,460px);display:flex;flex-direction:column;align-items:stretch;gap:4px}.setup-section{margin:8px 0 16px}.setup-section h3{margin:0 0 8px;font-size:.9rem;color:#555}.option-row{display:flex;flex-wrap:wrap;gap:8px}.option-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:10px;border:2px solid var(--cell-border);background:#fff;font-size:.82rem;font-weight:600}.option-chip__icons{font-size:1.1rem}.option-chip--selected{border-color:var(--color-blue);background:var(--color-blue-dim)}.toggle-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.setup-screen>.button-primary{margin-top:8px}