:root{--font-sans:Inter, system-ui, sans-serif;--color-page:#000;--color-panel:#171c16;--color-panel-overlay:#141913f0;--color-control:#272d22;--color-control-hover:#343c2c;--color-control-primary:#6d7448;--color-control-primary-hover:#818a55;--color-text:#ece8d9;--color-text-muted:#979d7c;--color-text-secondary:#a6aa8e;--color-loading:#aeb497;--color-border:#48503c;--color-border-subtle:#30372b;--color-border-control:#626a4d;--panel-shadow:0 8px 24px #00000052;--viewport-width:1280px;--viewport-height:720px;--ui-scale:1;--transition-fast:.12s ease;font-family:var(--font-sans);color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--color-page);overflow:hidden}#app{justify-content:center;align-items:flex-start;display:flex;overflow:hidden}button,input,select,textarea{font:inherit}.app-viewport{width:var(--viewport-width);height:var(--viewport-height);transform:scale(var(--ui-scale));transform-origin:50%;flex:none}.app-shell,.game-layout{width:100%;height:100%;position:relative;overflow:hidden}.game-root{background:var(--color-page);position:absolute;inset:0;overflow:hidden}.game-root canvas{width:100%;height:100%;display:block}#loading-message{color:var(--color-loading);place-items:center;margin:0;display:grid;position:absolute;inset:0}.event-layer{z-index:40;pointer-events:none;position:absolute;inset:0}.event-popup{border:1px solid var(--color-border);width:420px;max-width:calc(100% - 32px);color:var(--color-text);pointer-events:auto;background:#121611fb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 38px #000000a6}.event-popup-has-choices{width:520px}.event-popup-instructions{width:620px;max-width:calc(100% - 400px);left:calc(50% + 176px)}.event-popup:focus{outline:none}.event-popup-header{border-bottom:1px solid var(--color-border);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff06;padding:11px 14px}.event-popup-header h2{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.event-popup-body{padding:22px 20px}.event-popup-body p{color:var(--color-text);text-align:center;white-space:pre-line;margin:0;font-size:1rem;line-height:1.5}.event-popup-body p+p{margin-top:14px}.event-popup-has-choices .event-popup-body p{text-align:left}.event-popup-instructions .event-popup-body{max-height:min(430px,100vh - 235px);padding:18px 20px;overflow-y:auto}.event-popup-instructions .event-popup-body p{text-align:left;font-size:.82rem;line-height:1.48}.event-popup-instructions .event-popup-body p:first-child{font-size:.95rem;font-weight:600}.event-popup-footer{padding:0 20px 18px}.event-popup-confirm{margin-top:0}.event-popup-choices{gap:8px;display:grid}.event-popup-choice{text-align:left;width:100%;margin:0}@media (width<=900px){.event-popup-instructions{width:calc(100% - 32px);max-width:calc(100% - 32px);left:50%}}.hud{z-index:20;pointer-events:none;--hud-top-height:82px;--side-panel-width:352px;--faction-primary:#7f8755;--faction-secondary:#2f3828;position:absolute;inset:0}.hud-topbar{height:var(--hud-top-height);border-bottom:1px solid var(--color-border);color:var(--color-text);pointer-events:auto;background:#0a0d0af7;grid-template-rows:48px 34px;grid-template-columns:74px minmax(0,1fr) auto;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 5px 18px #00000059}.player-identity{border-right:1px solid var(--color-border);background:#ffffff05;grid-area:1/1/span 2;justify-content:center;align-items:center;width:74px;height:82px;display:flex;position:relative}.player-identity-banner{border:2px solid color-mix(in srgb, var(--faction-primary) 75%, #fff 25%);background:linear-gradient(145deg, var(--faction-primary), var(--faction-secondary));clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);opacity:.85;width:48px;height:58px;position:absolute;top:13px;left:13px}.player-identity-portrait{z-index:2;border:3px solid var(--faction-primary);width:46px;height:46px;color:var(--color-text-muted);background:#171b16;border-radius:50%;outline:1px solid #e6e8ca99;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #0009}.topbar-primary{grid-area:1/2;align-items:center;gap:18px;min-width:0;padding:0 12px;display:flex}.topbar-stat{flex:none;align-items:baseline;gap:7px;display:flex}.topbar-label{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.61rem;font-weight:700}.topbar-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.88rem}.topbar-resources{align-items:center;gap:7px;min-width:0;height:100%;display:flex;overflow:hidden}.topbar-resource{flex:none;align-items:center;gap:2px;display:flex}.topbar-resource-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:25px;height:25px;display:block}.topbar-resource-value{min-width:7px;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.68rem;line-height:1}.topbar-turn-status{border-left:1px solid var(--color-border-subtle);grid-area:1/3/span 2;justify-content:flex-end;align-items:center;gap:18px;min-width:164px;padding:0 16px;display:flex}.turn-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.turn-stat-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:650}.topbar-tabs{border-top:1px solid #ffffff06;grid-area:2/2;align-items:stretch;min-width:0;padding-left:7px;display:flex}.topbar-tab{border:0;border-right:1px solid var(--color-border-subtle);min-width:76px;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;padding:0 13px;font-family:inherit;font-size:.64rem;font-weight:650}.topbar-tab:hover{color:var(--color-text);background:#ffffff0b}.topbar-tab-active{color:var(--color-text);box-shadow:inset 0 -2px var(--color-control-primary);background:#6d744840}.side-panel{top:var(--hud-top-height);width:var(--side-panel-width);z-index:22;border-right:1px solid var(--color-border);pointer-events:auto;background:#111611f5;position:absolute;bottom:0;left:0;box-shadow:8px 0 24px #00000047}.side-panel[hidden],.side-panel-view[hidden]{display:none}.side-panel-header{border-bottom:1px solid var(--color-border);background:#ffffff05;justify-content:space-between;align-items:center;height:42px;padding:0 10px 0 16px;display:flex}.side-panel-header h2{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.side-panel-close{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.25rem;line-height:1;display:flex}.side-panel-close:hover{color:var(--color-text);border-color:var(--color-border-control);background:var(--color-control)}.side-panel-body{padding:14px 16px 56px;position:absolute;inset:42px 0 0;overflow-y:auto}.side-panel-view{color:var(--color-text)}.side-panel-view>h2{color:var(--color-text-muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem}.side-panel-placeholder,.challenge-description{color:var(--color-text-secondary);font-size:.78rem;line-height:1.5}.party-meta{gap:5px;margin:0;display:grid}.party-meta div{grid-template-columns:72px minmax(0,1fr);gap:10px;display:grid}.hud dt,.side-panel dt{color:var(--color-text-muted)}.hud dd,.side-panel dd{min-width:0;color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 0;display:grid}.resource-grid div{border:1px solid var(--color-border-subtle);background:#ffffff06;min-width:0;padding:7px 6px}.resource-grid dt{text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:.62rem}.resource-grid dd{font-size:.81rem}.members-section{border-top:1px solid var(--color-border-subtle);margin-top:14px;padding-top:12px}.members-section h3{color:var(--color-text-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:.66rem}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:0;padding:0;list-style:none;display:grid}.member-card{border-bottom:1px solid var(--color-border-subtle);min-width:0;padding:5px 0 7px}.member-card-header{justify-content:space-between;align-items:baseline;gap:5px;min-width:0;display:flex}.member-name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.member-basic-stats{color:var(--color-text-secondary);white-space:nowrap;flex:none;font-size:.59rem}.member-status-row{align-items:center;gap:7px;margin-top:4px;display:flex}.member-status-metric{align-items:center;gap:2px;display:inline-flex}.member-status-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:18px;height:18px;display:block}.member-status-value{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.63rem}.member-dead{color:var(--color-text-muted)}.challenge-stats{gap:8px;margin:18px 0 0;display:grid}.challenge-stats div{grid-template-columns:80px 1fr;gap:10px;display:grid}.action-controls{pointer-events:none;position:absolute;inset:0}.action-dock{border:1px solid var(--color-border);box-shadow:var(--panel-shadow);pointer-events:auto;background:#0e120eeb;align-items:flex-end;gap:7px;padding:6px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.action-slot{border:1px solid var(--color-border-control);background:var(--color-control);width:58px;height:58px;color:var(--color-text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px;display:flex;position:relative}.action-slot:hover:not(:disabled){background:var(--color-control-hover)}.action-slot:disabled{opacity:.35;cursor:default}.action-slot-icon{object-fit:contain;pointer-events:none;width:36px;height:36px;display:block}.action-slot-label{letter-spacing:.04em;text-transform:uppercase;font-size:.56rem;font-weight:650}.end-turn-button{background:var(--color-control-primary);color:#f4f1df;cursor:pointer;pointer-events:auto;border:1px solid #949c63;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:148px;height:62px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 5px 18px #0006}.end-turn-button:hover:not(:disabled){background:var(--color-control-primary-hover)}.end-turn-button:active:not(:disabled){transform:translateY(1px)}.end-turn-button:disabled{opacity:.38;cursor:default}.end-turn-small{color:#f4f1dfad;letter-spacing:.08em;text-transform:uppercase;font-size:.53rem}.end-turn-button strong{letter-spacing:.09em;font-size:.82rem}.hud-panel{border:1px solid var(--color-border);background:var(--color-panel-overlay);box-shadow:var(--panel-shadow);color:var(--color-text)}.message-panel{text-align:center;pointer-events:none;width:430px;padding:8px 13px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.message-panel p{color:var(--color-text-secondary);margin:0;font-size:.72rem;line-height:1.3}.build-panel{z-index:24;text-align:left;pointer-events:none;position:absolute;bottom:6px;left:9px}.build-title,.build-version{margin:0}.build-title{color:var(--color-text-secondary);font-size:.58rem;font-weight:650}.build-version{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;font-size:.48rem}.member-status-row{gap:4px}.member-status-metric{gap:1px;min-width:0}.member-status-icon{width:15px;height:15px}.member-status-value{font-size:.59rem}.message-panel{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;bottom:132px;transform:translate(-50%,8px)}.message-panel-visible{opacity:1;transform:translate(-50%)}.message-panel[hidden]{display:none}.tooltip-layer{z-index:60;pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-tooltip{width:270px;max-width:340px;color:var(--color-text);pointer-events:none;background:#0d110ef9;border:1px solid #57624c;animation:90ms ease-out tooltip-appear;position:absolute;box-shadow:0 7px 22px #0000009e}.game-tooltip-header{border-bottom:1px solid var(--color-border);background:#ffffff09;padding:8px 10px}.game-tooltip-header h3{color:#d7dcb2;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.game-tooltip-body{color:var(--color-text-secondary);margin:0;padding:9px 10px;font-size:.69rem;line-height:1.45}.game-tooltip-rows{border-top:1px solid var(--color-border-subtle);gap:4px;margin:0;padding:7px 10px;display:grid}.game-tooltip-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:.67rem;display:grid}.game-tooltip-row dt{color:var(--color-text-muted)}.game-tooltip-row dd{color:var(--color-text);text-align:right;font-variant-numeric:tabular-nums;margin:0}.game-tooltip-tone-muted dd{color:var(--color-text-muted)}.game-tooltip-tone-positive dd{color:#99b76c}.game-tooltip-tone-negative dd{color:#c87969}.game-tooltip-tone-warning dd{color:#c9ae68}.game-tooltip-hint{border-top:1px solid var(--color-border-subtle);color:#8da071;margin:0;padding:7px 10px;font-size:.63rem;font-style:italic;line-height:1.4}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.hud-button{border:1px solid var(--color-border-control);width:100%;color:var(--color-text);background:var(--color-control);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);margin-top:7px;padding:9px 11px;font-size:.8rem;line-height:1.2}.hud-button:hover:not(:disabled){background:var(--color-control-hover)}.hud-button:active:not(:disabled){transform:translateY(1px)}.hud-button:disabled{opacity:.36;cursor:default}.hud-button-primary{background:var(--color-control-primary);letter-spacing:.04em;border-color:#929a63;margin-top:12px;font-weight:650}.hud-button-primary:hover:not(:disabled){background:var(--color-control-primary-hover)}