html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 760px at 50% 40%,#2c1d10,#1c1209 58%,#140d08);color:#ecdfbc;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:14px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid #3a2817;background:#140d088c}.brand{letter-spacing:.42em;font-size:19px;font-weight:700;color:#d8b877;text-indent:.42em}.banner{flex:1;text-align:center;font-size:15px;color:#e7d6ae;font-style:italic}.dice-tray{display:flex;align-items:center;gap:6px;min-width:110px;justify-content:flex-end}.dice-sum{font-size:16px;font-weight:700;color:#d8b877;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.dice-roll{gap:6px}.die-anim{display:inline-flex;transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.die-anim{animation:die-tumble .42s cubic-bezier(.22,1.4,.4,1) backwards}}@keyframes die-tumble{0%{transform:rotate(-50deg) scale(.4);opacity:0}60%{transform:rotate(14deg) scale(1.08);opacity:1}to{transform:rotate(0) scale(1)}}.main{flex:1;display:flex;min-height:0}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:8px}svg.board{width:min(88vh,820px);height:min(88vh,820px);max-width:100%}.sidebar{width:268px;padding:10px;overflow-y:auto;overflow-x:hidden;border-left:1px solid #3a2817;background:#180f0999;display:flex;flex-direction:column;gap:8px;flex-shrink:0;transition:width .18s ease,padding .18s ease}.sidebar.collapsed{width:36px;padding:10px 4px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-title{letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:#b9a57e}.sidebar-toggle{padding:4px 9px;font-size:12px;line-height:1;border-color:#6b4e2e;flex-shrink:0}.card{background:#241810;border:1px solid #4a3423;border-radius:9px;padding:6px 10px}.card.active{border-color:#b98f4e;box-shadow:0 0 0 1px #b98f4e40,0 0 18px #b98f4e21}.vp-pips{display:flex;gap:3px;margin:3px 0 1px}.vp-pip{width:11px;height:5px;border-radius:2px;background:#3a2817;border:1px solid #4a3423}.vp-pip.filled{background:#b98f4e;border-color:#d8b877}.stat-group{display:flex;align-items:center;gap:5px;margin-top:4px}.stat-group-label{width:30px;flex-shrink:0;font-size:8.5px;line-height:1.15;letter-spacing:.05em;text-transform:uppercase;color:#8a7455}.stat-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;min-width:0}.stat-cell{display:flex;flex-direction:column;align-items:center;gap:0;padding:2px 2px 3px;border-radius:5px;background:#1c1309;border:1px solid #3a2817;cursor:default}.stat-top{display:flex;align-items:center;gap:2px}.stat-value{font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:700;color:#e7d6ae}.stat-label{font-size:8.5px;color:#9c8a68;letter-spacing:.01em}.log-card{flex:1;min-height:0;display:flex;flex-direction:column}.log{overflow-y:auto;flex:1;min-height:90px;max-height:220px;display:flex;flex-direction:column;gap:4px;padding-right:4px}.log-line{font-size:12px;color:#cdbb92;line-height:1.4;border-left:2px solid #4a3423;padding-left:7px}.bottombar{display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-top:1px solid #3a2817;background:#140d088c}.hand-row{display:flex;align-items:center;justify-content:flex-start;gap:22px;flex-wrap:wrap}.actions-row{gap:8px;flex-wrap:wrap}.resource-card{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:5px 9px 5px 6px;color:#f7edd3;border:1px solid rgba(0,0,0,.35)}.resource-count{font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700}.dev-hand{gap:6px;flex-wrap:wrap;min-height:34px}.dev-hand-empty{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;border:1px dashed #4a3423;background:#1c130980}.dev-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:96px;font-size:12px;letter-spacing:normal;padding:5px 9px;background:#2a1c10;border-color:#55402a;color:#b9a57e}.dev-card-name{font-weight:600}.dev-card-state{display:flex;align-items:center;gap:3px;font-size:10px;letter-spacing:.03em}.dev-card-playable{color:#f0e3c0;border-color:#b98f4e;background:#33230f}.dev-card-playable .dev-card-state{color:#d8b877}.dev-card-playable:hover:not(:disabled){box-shadow:0 0 8px #b98f4e47}.dev-card-locked{color:#8ea3b8;border-color:#3a4a58;background:#1c2530}.dev-card-locked .dev-card-name{color:#7f93a6}.dev-card-played{color:#7a8a70;border-color:#3a3226;background:#201a12}.dev-card-played .dev-card-name{color:#6b6155;text-decoration:line-through;text-decoration-color:#55483a}.dev-card-passive{color:#d8b877;border-color:#7a6224;background:#2e2410}button{font-family:inherit;background:#2d1e12;color:#ecdfbc;border:1px solid #6b4e2e;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;letter-spacing:.04em}button:hover:not(:disabled){border-color:#b98f4e;color:#f4e9c8;background:#3a2817}button:focus-visible,.target:focus-visible{outline:2px solid #d8b877;outline-offset:2px}button.mode-active{background:#5a4020;border-color:#d8b877;box-shadow:0 0 10px #b98f4e54}.retract-btn{border-color:#8a4a3a;color:#e8c6ab}.retract-btn:hover:not(:disabled){border-color:#c96a4e;color:#f5ddc9;background:#3f2216}button:disabled{opacity:.38;cursor:default}.target{cursor:pointer}.target:hover{filter:brightness(1.5)}line.target:hover{stroke-width:11}.row{display:flex;align-items:center;gap:8px}.spread{justify-content:space-between}.muted{color:#b9a57e;font-size:12.5px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{min-width:40px;text-align:center;border-radius:8px;padding:6px 9px;color:#f7edd3;border:1px solid rgba(0,0,0,.35);font-size:12.5px;font-variant-numeric:tabular-nums}.seat-chip{display:inline-block;width:13px;height:13px;border-radius:4px;border:1.5px solid transparent;vertical-align:-2px}.badge{display:inline-block;background:transparent;border:1px solid #b98f4e;color:#d8b877;border-radius:6px;padding:1px 7px;font-size:10.5px;letter-spacing:.06em;white-space:nowrap}button.badge:hover:not(:disabled){border-color:#d8b877;color:#f0e3c0;background:#b98f4e24}.badge-value{font-variant-numeric:tabular-nums;font-weight:700}h1,h2,h3{margin:0 0 8px;text-wrap:balance}.modal-backdrop{position:fixed;inset:0;background:#080503b8;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:#2a1c11;border:1px solid #b98f4e;border-radius:14px;padding:22px 26px;max-width:430px;width:min(430px,calc(100vw - 48px));box-shadow:0 12px 60px #000c}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%);background:#3a1f1b;border:1px solid #ab3a31;color:#f0d9c8;padding:10px 16px;border-radius:10px;z-index:30;cursor:pointer;max-width:70vw}.toast-closing{opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.toast-closing{transition:opacity .4s ease-out}}.start{height:100%;display:flex;align-items:center;justify-content:center}.setup-section{margin-top:16px;padding-top:14px;border-top:1px solid #3a2817}.setup-label{letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-bottom:8px}.start-btn{background:#5a4020;border-color:#d8b877;color:#f4e9c8;font-size:15px;padding:10px 26px;margin-top:6px}.start-btn:hover:not(:disabled){box-shadow:0 0 14px #b98f4e66}.house-rule-toggle{display:flex;flex-direction:column;gap:3px;width:100%;align-items:flex-start;padding:9px 12px;letter-spacing:normal}.house-rule-toggle .muted{font-size:12px;white-space:normal;line-height:1.35}.house-rule-toggle-head{display:flex;align-items:center;gap:8px}.toggle-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #6b4e2e;background:transparent;flex-shrink:0}.toggle-dot.on{background:#d8b877;border-color:#d8b877;box-shadow:0 0 6px #d8b87799}.setup-summary{margin:16px 0 4px;padding:10px 12px;background:#201509;border:1px solid #3a2817;border-radius:8px;color:#e7d6ae;font-style:italic;font-size:13px}.setup-error{margin:10px 0 0;padding:10px 12px;background:#3a1f1b;border:1px solid #ab3a31;border-radius:8px;color:#f0d9c8;font-size:13px}.connection-status{margin:6px 0 0;font-size:13px;font-weight:600;letter-spacing:.04em}.connection-connected{color:#7fae72}.connection-connecting{color:#d8b877}.connection-disconnected,.connection-error,.disconnected-label{color:#e8896f}.turn-indicator{margin:0;padding:6px 14px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.turn-indicator.your-turn{background:#33230f;color:#f0e3c0;border-bottom:1px solid #b98f4e}.turn-indicator.waiting-turn{background:#241a10;color:#a08c6c;border-bottom:1px solid #3a2817}.druthers-btn{width:100%;background:#3a2817;border-color:#b98f4e;font-size:14px;padding:10px 16px}.druthers-btn:hover{box-shadow:0 0 12px #b98f4e59}.seat-card-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.seat-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #3a2817;border-radius:10px;background:#201509;text-align:left}.seat-card-empty{border-style:dashed;border-color:#4a3620;background:transparent}.seat-swatch{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;border:1.5px solid transparent}.seat-swatch-empty{border:1.5px dashed #4a3620}.seat-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-status-pill{font-size:11px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.seat-status-connected{color:#7fae72}.seat-status-disconnected{color:#e8896f}.seat-reorder{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.seat-reorder button.mini{padding:0 6px;line-height:1.5}.friends-anchor{position:fixed;top:16px;right:18px;z-index:15}.friends-toggle{position:relative;background:#3a2817;border-color:#b98f4e;font-size:13px;padding:7px 14px}.friends-badge{position:absolute;top:-7px;right:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ab3a31;border:1px solid #e8896f;color:#f7edd3;font-size:10.5px;font-weight:700;line-height:15px;text-align:center;font-variant-numeric:tabular-nums}.friends-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 36px));background:#2a1c11;border:1px solid #b98f4e;border-radius:12px;padding:16px 18px;box-shadow:0 12px 48px #000000bf}.friends-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.badge-accepted{border-color:#7fae72;color:#a9cf9c}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.presence-online{background:#7fae72;box-shadow:0 0 4px #7fae72a6}.presence-offline{background:transparent;border:1.5px solid #6b4e2e}.chat-anchor{position:relative;display:inline-flex}.chat-toggle{position:relative}.chat-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 36px));background:#2a1c11;border:1px solid #b98f4e;border-radius:12px;padding:14px 16px;box-shadow:0 12px 48px #000000bf;z-index:15}.chat-log{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:220px;min-height:80px;overflow-y:auto;padding-right:4px}.chat-line{display:flex;flex-direction:column;gap:1px;font-size:12.5px;border-left:2px solid #4a3423;padding-left:7px}.chat-input{flex:1;min-width:0;font-family:inherit;background:#201509;color:#ecdfbc;border:1px solid #6b4e2e;border-radius:8px;padding:6px 10px;font-size:13px}.chat-input:focus-visible{outline:2px solid #d8b877;outline-offset:1px;border-color:#b98f4e}.druthers-modal{max-width:480px;width:min(480px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow-y:auto;text-align:left}.login-form{display:flex;flex-direction:column;gap:14px;margin-top:18px;text-align:left}.login-field{display:flex;flex-direction:column;gap:6px}.login-field input{font-family:inherit;background:#201509;color:#ecdfbc;border:1px solid #6b4e2e;border-radius:8px;padding:9px 12px;font-size:14px}.login-field input:focus-visible{outline:2px solid #d8b877;outline-offset:1px;border-color:#b98f4e}.trade-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.rate-note{font-size:10.5px}button.mini{padding:2px 8px;font-size:13px;border-radius:6px}.chip.picker{cursor:pointer;border:1px solid rgba(0,0,0,.35)}.chip.picker:hover{filter:brightness(1.15)}@media(prefers-reduced-motion:no-preference){.target{transition:filter .12s ease}button{transition:background .12s ease,border-color .12s ease}.provisional-piece{animation:provisional-pulse 1.6s ease-in-out infinite}}@keyframes provisional-pulse{0%,to{opacity:1}50%{opacity:.62}}.confetti-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:25}.confetti-piece{position:absolute;border-radius:1px;opacity:.88;transform:rotate(var(--rotate))}@media(prefers-reduced-motion:no-preference){.confetti-piece{animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--rotate));opacity:.9}to{transform:translateY(65vh) rotate(calc(var(--rotate) + 360deg));opacity:.55}}.analysis-panel{margin:6px 0 4px;text-align:left}.analysis-scroll{overflow-x:auto;border-radius:8px;border:1px solid #3a2817}.analysis-table{width:100%;border-collapse:collapse;font-size:12.5px;background:#1c1309}.analysis-table th,.analysis-table td{padding:6px 9px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.analysis-table th:first-child,.analysis-table td:first-child{text-align:left}.analysis-table thead th{color:#b9a57e;font-weight:600;letter-spacing:.03em;border-bottom:1px solid #3a2817}.analysis-table tbody tr+tr td{border-top:1px solid #2a1c10}