:root{--color-0: #e52521;--color-1: #3f9cee;--color-2: #82c341;--color-3: #fff200;--parchis-bg: #1a120c;--parchis-surface: #2c1f14;--parchis-board: #f4e4c8;--parchis-text: #f5efe6;--parchis-muted: #b8a894;--parchis-accent: #d4a574;--parchis-danger: #e74c3c}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse at top,#3d2817 0%,var(--parchis-bg) 55%);color:var(--parchis-text)}#app{min-height:100vh;display:flex;flex-direction:column}.parchis-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(212,165,116,.2);flex-wrap:wrap}.parchis-back{color:var(--parchis-accent);text-decoration:none;font-size:.9rem}.parchis-back:hover{text-decoration:underline}.parchis-title{margin:0;font-size:1.25rem;flex:1}.parchis-lang{display:flex;gap:.25rem}.parchis-lang button{background:transparent;border:1px solid rgba(212,165,116,.35);color:var(--parchis-muted);padding:.2rem .45rem;border-radius:4px;cursor:pointer;font-size:.75rem}.parchis-lang button.is-active{background:var(--parchis-accent);color:#1a120c;border-color:var(--parchis-accent)}.parchis-main{flex:1;padding:1rem;max-width:1100px;margin:0 auto;width:100%}.parchis-lobby{display:flex;justify-content:center;padding:1rem 0}.parchis-lobby-card,.parchis-waiting{background:var(--parchis-surface);border:1px solid rgba(212,165,116,.25);border-radius:12px;padding:1.5rem;width:100%;max-width:420px}.parchis-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.parchis-tab{flex:1;padding:.5rem;border:1px solid rgba(212,165,116,.3);background:transparent;color:var(--parchis-text);border-radius:8px;cursor:pointer}.parchis-tab.is-active{background:var(--parchis-accent);color:#1a120c;border-color:var(--parchis-accent)}.parchis-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.parchis-field span{font-size:.85rem;color:var(--parchis-muted)}.parchis-field input{padding:.55rem .65rem;border-radius:8px;border:1px solid rgba(212,165,116,.35);background:#1a120c;color:var(--parchis-text)}.parchis-colors{border:none;margin:0 0 1rem;padding:0}.parchis-colors legend{font-size:.85rem;color:var(--parchis-muted);margin-bottom:.5rem}.parchis-color-opt{display:inline-flex;align-items:center;gap:.35rem;margin:0 .75rem .5rem 0;cursor:pointer;font-size:.9rem}.parchis-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.3)}.parchis-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:8px;border:1px solid rgba(212,165,116,.4);background:transparent;color:var(--parchis-text);cursor:pointer;font-size:.95rem}.parchis-btn:hover:not(:disabled){border-color:var(--parchis-accent)}.parchis-btn:disabled{opacity:.5;cursor:not-allowed}.parchis-btn--primary{background:var(--parchis-accent);color:#1a120c;border-color:var(--parchis-accent);width:100%;margin-top:.5rem}.parchis-error{color:var(--parchis-danger);font-size:.9rem}.parchis-hint{color:var(--parchis-muted);font-size:.85rem}.parchis-room-code{font-size:2rem;font-weight:700;letter-spacing:.2em;text-align:center;color:var(--parchis-accent)}.parchis-waiting-lead,.parchis-share-hint{text-align:center;color:var(--parchis-muted)}.parchis-player-list{list-style:none;padding:0;margin:.75rem 0}.parchis-player-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.parchis-player-list li.is-turn{color:var(--parchis-accent);font-weight:600}.parchis-game-header{text-align:center;margin-bottom:1rem}.parchis-room-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#d4a57426;font-size:.8rem;letter-spacing:.15em}.parchis-status{margin:.5rem 0 0;font-size:1.05rem}.parchis-game-body{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.parchis-game-body{grid-template-columns:1fr 200px}}.parchis-board{width:100%;max-width:min(540px,95vw);margin:0 auto;display:block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.5))}.parchis-board-bg{fill:#f5f0e6;stroke:#1a1510;stroke-width:3}.parchis-cell-num{font-size:7px;fill:#333;pointer-events:none;font-family:Inter,system-ui,sans-serif}.parchis-cell.is-target,.parchis-home-cell.is-target,.parchis-cell-group.is-target .parchis-cell,.parchis-cell-group.is-target .parchis-home-cell{fill:#ffe082!important;stroke:#e65100;stroke-width:2;cursor:pointer}.parchis-cell-group.is-target{cursor:pointer}.parchis-piece{transition:filter .15s}.parchis-piece.is-selectable{cursor:pointer;filter:drop-shadow(0 0 2px #fff)}.parchis-piece.is-selectable:hover{filter:drop-shadow(0 0 4px #ffe082)}.parchis-piece.is-selected{stroke:#ffe082;stroke-width:.8}.parchis-sidebar{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.parchis-dice{display:flex;gap:.5rem;justify-content:center}.parchis-die{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;color:#1a120c;border-radius:8px;font-size:1.5rem;font-weight:700;box-shadow:0 2px 8px #0000004d}.parchis-dice.is-rolling .parchis-die{animation:parchis-shake .4s ease}@keyframes parchis-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}