*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--board-bg, #fbf9f5);background-image:radial-gradient(circle at 50% 0%,rgba(201,162,39,.08),transparent 55%);color:#2b2b33;font-family:-apple-system,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:600;letter-spacing:.01em;margin:0}button{font-family:inherit;cursor:pointer}.app-shell{max-width:960px;margin:0 auto;padding:20px 16px 48px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-header h1{font-size:clamp(22px,4vw,30px);color:#1f1f26}.mute-toggle{border:none;background:#2b2b330f;border-radius:999px;width:40px;height:40px;font-size:18px;line-height:1}.setup-panel{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 40px #2b2b3314}.setup-subtitle{color:#6b6b76;margin:6px 0 24px}.setup-panel h2{font-size:16px;color:#6b6b76;text-transform:uppercase;letter-spacing:.08em;margin:24px 0 10px}.segmented{display:inline-flex;background:#2b2b330f;border-radius:12px;padding:4px;gap:4px}.segmented.small{padding:3px}.segmented-btn{border:none;background:transparent;border-radius:9px;padding:8px 16px;font-size:14px;color:#5a5a64;transition:background .15s ease,color .15s ease}.segmented.small .segmented-btn{padding:6px 12px;font-size:13px}.segmented-btn.active{background:#2b2b33;color:#fff}.player-rows{display:flex;flex-direction:column;gap:12px}.player-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#2b2b3308;border-radius:14px;padding:10px 12px}.name-input{flex:1 1 140px;min-width:100px;border:1px solid rgba(43,43,51,.12);border-radius:10px;padding:9px 12px;font-size:14px;background:#fff}.difficulty-select{border:1px solid rgba(43,43,51,.12);border-radius:10px;padding:8px 10px;font-size:14px;background:#fff}.swatch-picker{display:flex;gap:6px}.swatch-btn{width:26px;height:26px;border-radius:50%;border:2px solid transparent;padding:0}.swatch-btn.selected{border-color:#2b2b33;transform:scale(1.1)}.swatch-btn.taken:not(.selected){opacity:.25;cursor:not-allowed}.setup-errors{color:#b3261e;font-size:14px;margin:16px 0 0;padding-left:20px}.btn{border:none;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:600}.btn.primary{background:#2b2b33;color:#fff}.btn.secondary{background:#2b2b3314;color:#2b2b33}.start-btn{margin-top:24px;width:100%}.room-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#2b2b3308;border-radius:14px;padding:10px 12px;margin-top:8px}.room-link-text{flex:1 1 200px;font-size:13px;color:#2b2b33;word-break:break-all;background:none}.game-screen{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;position:relative}.game-toolbar{grid-column:1 / -1;display:flex;justify-content:flex-end}.quit-btn{padding:8px 16px;font-size:13px}.scoreboard-container{background:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 40px #2b2b3314}.turn-banner{font-size:14px;font-weight:600;color:#6b6b76;margin-bottom:14px;min-height:18px}.scoreboard-rows{display:flex;flex-direction:column;gap:10px}.score-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background .2s ease,box-shadow .2s ease}.score-row.active{background:#c9a2271f;box-shadow:inset 0 0 0 1.5px #c9a22780}.score-row .swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.score-row .name{flex:1;font-size:14px;display:flex;flex-direction:column}.score-row .badge{font-size:11px;color:#8a8a93}.score-row .score{font-size:18px;font-weight:700;transition:transform .2s ease}.score.pop{transform:scale(1.35)}.board-wrapper{display:flex;justify-content:center}.board-svg{width:min(92vw,560px);height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.box{fill:transparent;fill-opacity:0;transition:fill-opacity .26s ease-out,fill .26s ease-out}.box.owned{fill-opacity:.5}.edge-visible{stroke:var(--line-guide-color, rgba(43, 43, 51, .16));stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .19s ease-out,stroke .19s ease-out,stroke-width .19s ease-out}.edge-hit{fill:none;stroke:#0000;cursor:pointer}.edge-hit.drawn{cursor:default;pointer-events:none}.dot-visible{fill:var(--dot-color, #2b2b33);transition:fill .15s ease-out,r .15s ease-out}.dot-visible.selected{fill:var(--selected-color, #c9a227);r:8}.dot-visible.legal-target{fill:var(--highlight-color, rgba(201, 162, 39, .35));r:7}.dot-hit{fill:#0000;cursor:pointer}.game-over-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:#fbf9f5d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px}.game-over-overlay.visible{display:flex}.game-over-panel{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 20px 60px #2b2b332e;text-align:center;min-width:260px}.game-over-panel h2{font-size:24px;margin-bottom:16px}.final-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.final-score-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px}.final-score-row.winner{background:#c9a22726;font-weight:700}.final-score-row .swatch{width:12px;height:12px;border-radius:50%}.final-score-row .name{flex:1;text-align:left}.game-over-actions{display:flex;gap:10px;justify-content:center}@media(max-width:640px){.game-screen{grid-template-columns:1fr}.scoreboard-rows{flex-direction:row;flex-wrap:wrap}.score-row{flex:1 1 45%}}