.dice-box{display:flex;flex-direction:column;gap:6px}.dice-box.empty{color:#7a7266;font-size:13px}.dice-row{display:flex;align-items:center;gap:6px}.dice-label{width:56px;font-size:12px;color:#6a6358}.die{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#fff;font-weight:700;box-shadow:0 1px 2px #0000004d;animation:die-roll .5s ease-out}.die.att{background:#d64545}.die.def{background:#3b6fd6}@keyframes die-roll{0%{transform:rotate(-200deg) scale(.4);opacity:0}70%{transform:rotate(15deg) scale(1.1);opacity:1}to{transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.die{animation:none}}.mapview{width:100%;height:auto;display:block}.map-col .mapview{width:auto;height:100%;max-width:100%;margin:0 auto}.mapview .region{stroke:#2b2b2b;stroke-width:1.2;fill-opacity:.95;transition:filter .12s}.mapview .region.dim{opacity:.55}.mapview .region.clickable{cursor:pointer}.mapview .region.clickable:hover{filter:brightness(1.18)}.mapview .region.clickable:focus{outline:none}.mapview .region.clickable:focus-visible{stroke:#1f3fbf;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 0 6px #1f3fbf)}.mapview .region.clickable{stroke:#fff;stroke-width:2}.mapview .region.objective{stroke:#f2c94c;stroke-width:4;stroke-linejoin:round;paint-order:stroke}.mapview .region.sel-from{stroke:#fff;stroke-width:5;filter:drop-shadow(0 0 8px #fff)}.mapview .region.sel-to{stroke:#fff;stroke-width:4;stroke-dasharray:10 6}.mapview .region.objective.sel-from{stroke:#f2c94c;stroke-width:5;filter:drop-shadow(0 0 8px #fff)}.mapview .region.objective.sel-to{stroke:#f2c94c;stroke-width:4;stroke-dasharray:10 6}.mapview .sea-link{stroke:#4a5a6a;stroke-width:2.5;stroke-dasharray:8 6;fill:none}.mapview .badge-bg{fill:#fff;stroke-width:3}.mapview .badge-num{font:700 18px sans-serif;fill:#1a1a1a;text-anchor:middle;dominant-baseline:central}.mapview .region-name{font:12px sans-serif;font-variant:small-caps;fill:#1a1a1a;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3;stroke-linejoin:round}.mapview .attribution{font:9px sans-serif;fill:#3a4a5a;text-anchor:end}.mapview .overlay{pointer-events:none}.final-map{max-width:420px;margin:0 auto 12px}.final-map .mapview{width:100%}:root{--army-1: #d64545;--army-2: #3b6fd6;--army-3: #e0b52c;--army-4: #3f9a4f;--bg: #f4efe4;--ink: #2a2620;color-scheme:light}html,body,#root{margin:0;height:100%}body{min-width:1280px;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:960px;margin:0 auto;padding:48px 24px}.app.game{max-width:none;height:100vh;box-sizing:border-box;padding:8px 16px;display:flex;flex-direction:column;overflow:hidden}.app.game .board{flex:1;min-height:0}.app.game .map-col{height:100%;box-sizing:border-box;min-height:0;display:flex}.app.game .side-col{height:100%;overflow-y:auto;padding-right:4px}.app.game .footer{margin-top:4px}.topbar{display:flex;align-items:baseline;gap:16px}.topbar h1{margin:0 0 4px;font-size:22px}.round{color:#6a6358}.board{display:grid;grid-template-columns:3fr 2fr;gap:16px;align-items:stretch}.map-col{background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 4px #00000026}.side-col{display:flex;flex-direction:column;gap:10px}.panel{background:#faf6ee;color:var(--ink);border:1px solid #e0d6c0;border-radius:12px;padding:10px 14px;box-shadow:0 1px 3px #00000014}.panel h2{margin:0 0 6px;font-size:15px;letter-spacing:.02em}.panel-head{display:flex;justify-content:space-between;align-items:center}.hint{color:#7a7266;font-size:13px;margin:4px 0}.your-turn{font-weight:700;color:#8a5a00;margin:0 0 4px}button{font:inherit;padding:5px 12px;border-radius:8px;border:1px solid #b9ad94;background:#fff;color:var(--ink);cursor:pointer}button:hover:not(:disabled){background:#f3ead6}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1f3fbf;outline-offset:2px}button.primary{background:#2f6b3a;border-color:#2f6b3a;color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#3a8048}button.big{padding:10px 20px;font-size:16px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid #b9ad94;border-radius:999px;background:#fff;cursor:pointer}.chip.on{background:#2a2620;color:#fff;border-color:#2a2620}.chip input{position:absolute;opacity:0;width:0;height:0}.radio-row,.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.ctl{display:flex;flex-direction:column;gap:6px;margin:6px 0}.slider{display:flex;flex-direction:column;gap:2px;font-size:14px}.swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.35);vertical-align:middle}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.players li{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:8px;font-size:14px}.players li.turn{background:#efe3c3;font-weight:600}.players li.out{opacity:.55;text-decoration:line-through}.players li.out .pout{text-decoration:none;display:inline-block}.pname{flex:1}.pkind,.pcards,.pout{font-size:12px;color:#6a6358}.pturn{font-size:12px;color:#8a5a00}.cards{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.card{font-size:13px;padding:4px 8px;border-left-width:5px}.card.on{background:#2a2620;color:#fff}.card.sym-fante{border-left-color:#3f9a4f}.card.sym-cavaliere{border-left-color:#3b6fd6}.card.sym-cannone{border-left-color:#d64545}.card.sym-jolly{border-left-color:#e0b52c}.points{font-weight:700;margin:2px 0}.obj-list{margin:4px 0 0;padding-left:18px;font-size:13px;columns:2}.obj-list li.owned{color:#2f6b3a;font-weight:600}.toggle{font-size:13px;display:flex;gap:6px;align-items:center}.event-log .log-scroll{max-height:220px;overflow-y:auto}.log-list{margin:0;padding-left:0;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:3px}.log-list li{border-bottom:1px dotted #d8ccb0;padding-bottom:2px}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fbe3e0;border:1px solid #d64545;color:#7a1d1d;border-radius:8px;padding:6px 12px;margin-bottom:8px}.footer{margin-top:12px;font-size:12px;color:#6a6358;text-align:center}.new-game{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.new-game .seat{display:flex;align-items:center;gap:8px}.new-game .field{display:flex;justify-content:space-between;align-items:center}.new-game input,.new-game select{font:inherit;padding:4px 6px}.game-over{max-width:900px;margin:0 auto}.standings{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}.standings th,.standings td{text-align:left;padding:6px 8px;border-bottom:1px solid #e0d6c0;vertical-align:top}.pass-device{max-width:480px;margin:20vh auto;text-align:center}.topbar .abandon{margin-left:auto;align-self:center}.error-banner button{margin-left:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.stat-card .stat-value{font-size:18px;font-weight:600}.stat-list{margin:4px 0;padding-left:18px}