:root{--ink: #21180f;--ink-soft: #4a3724;--sky-bright: #d9f2ff;--sky-blue: #8fd2ff;--grass: #73c64b;--grass-dark: #426e22;--dirt: #9d6630;--dirt-dark: #5c3718;--wood: #a87339;--wood-dark: #6e4217;--stone: #cbc4af;--stone-dark: #726b5d;--paper: #e7d39b;--paper-dark: #c7ad6f;--shadow: rgba(26, 17, 10, .32);color:var(--ink);background:linear-gradient(180deg,var(--sky-bright) 0%,var(--sky-blue) 30%,#9ec665 30%,#628e38 48%,var(--dirt) 48%,var(--dirt-dark) 100%);font-family:Verdana,Trebuchet MS,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#ffffff3d,#ffffff0f 24%,#00000014),linear-gradient(180deg,var(--sky-bright) 0%,var(--sky-blue) 31%,#9ccf69 31%,#648e36 48%,var(--dirt) 48%,var(--dirt-dark) 100%)}body:before{content:"";display:none;pointer-events:none;z-index:0}button,textarea{font:inherit}.shell{min-height:100vh;padding:22px;position:relative;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.topbar{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px;padding:28px 22px 22px;background:linear-gradient(180deg,#f4ead1f5,#d0bd8df5);color:var(--ink);border:4px solid var(--stone-dark);border-radius:10px;box-shadow:0 8px 0 var(--wood-dark),0 20px 34px #301e0c33;overflow:hidden}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:18px;background:linear-gradient(180deg,var(--grass) 0 56%,var(--grass-dark) 56% 100%);box-shadow:inset 0 -3px #142a078a}.topbar h1,.panel h2,.villager-card h3{margin:0;font-family:Verdana,Trebuchet MS,sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.status-wrap{max-width:420px;min-width:min(320px,100%);text-align:right;padding:10px 12px;background:linear-gradient(180deg,#fff7dee0,#e1d0a6e0);border:3px solid var(--stone-dark);box-shadow:inset 0 2px #fff6,0 4px #543919bf}.status-wrap[data-status=ready]{border-color:#5c743ed1}.status-wrap[data-status=busy]{border-color:#976f1fd1}.status-wrap[data-status=error]{border-color:#8d3b22d1}.status-line,.error-line,.eyebrow,.empty-copy,.villager-copy,.reply-meta,.meta-label{margin:0}.eyebrow{color:#453118bd;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.topbar-brand{display:grid;gap:14px;flex:1 1 auto;min-width:0}.topbar-side{display:grid;gap:12px;justify-items:end;min-width:min(340px,100%)}.topbar-copy{margin:12px 0 0;max-width:44ch;color:#392611db}.topbar-badges{display:flex;flex-wrap:wrap;gap:8px}.voxel-badge{padding:8px 10px;border:2px solid var(--stone-dark);background:linear-gradient(180deg,#fff6dbf2,#dfc990f2);box-shadow:inset 0 2px #ffffff5c,0 3px #583a19ad;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-art{width:min(320px,100%);padding:10px;background:linear-gradient(180deg,#60492af5,#392814f5);border:4px solid var(--wood-dark);box-shadow:inset 0 0 0 3px #ffffff1a,0 6px #2c1909d1}.topbar-art img{display:block;width:100%;height:auto;image-rendering:pixelated}.error-line{margin-top:6px;color:#913b22}.status-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-weight:700;color:#2f2417}.status-line:before{content:"";width:10px;height:10px;border-radius:999px;background:#6fa83b;box-shadow:0 0 0 2px #ffffff42;flex:0 0 auto}.status-wrap[data-status=busy] .status-line:before{background:#d5a245}.status-wrap[data-status=error] .status-line:before{background:#b44f3a}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:18px}.panel{background:linear-gradient(180deg,#f8f0ddf5,#d6c297f5);border:4px solid var(--stone-dark);border-radius:10px;padding:18px;box-shadow:0 8px 0 var(--wood-dark),0 18px 30px #49361f2e;position:relative;overflow:hidden;contain:layout style paint}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.panel-head.tight{margin-bottom:12px}.stage-panel{min-width:0}.sidebar{display:grid;gap:18px;contain:layout style}.stage-shell-banner{display:flex;justify-content:center;align-items:center;margin-bottom:14px;padding:10px 12px;background:linear-gradient(180deg,#5c4427fa,#342615fa);color:#f5ebd4;border:4px solid var(--wood-dark);box-shadow:inset 0 2px #ffffff14,0 5px #2c1909c2}.stage-shell-banner img{display:block;width:min(240px,100%);height:auto;image-rendering:pixelated}.stage-summary{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.summary-chip{display:grid;gap:4px;align-content:start;min-height:72px;padding:10px 12px;background:linear-gradient(180deg,#f7efdaf5,#dcc99cf5);border:3px solid rgba(112,84,47,.52);border-radius:8px;box-shadow:inset 0 2px #ffffff52,0 4px #5638187a}.summary-chip.focus{background:linear-gradient(180deg,#ede5cdfa,#cdba8efa)}.summary-chip strong{font-size:1rem;line-height:1.2}.summary-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4c351999}.summary-subcopy{color:#3e2c15b8;font-size:.76rem}.summary-pill{justify-self:start;padding:4px 8px;border-radius:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.summary-pill.summary-calm{background:#8fbb762e;color:#36531f}.summary-pill.summary-watch{background:#d89b4a33;color:#68480e}.summary-pill.summary-critical{background:#cd5c4d2e;color:#70251a}.game-shell{position:relative;overflow:hidden;height:clamp(420px,68vh,620px);border-radius:8px;border:6px solid var(--wood-dark);background:linear-gradient(180deg,#ffffff2e,#ffffff0a 22%,#0000002e),linear-gradient(180deg,#a9dcff,#7fc9ff 30%,#98c969 30%,#6d9540 46%,#7d5327 46%,#3d2d1d);box-shadow:inset 0 0 0 4px var(--stone-dark),0 16px 30px #1d130b42}.game-shell:before{content:"";display:none;pointer-events:none;z-index:0}.game-shell:after{content:"";position:absolute;inset:auto 0 0;height:56px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#5e8d35f0 0 26%,#3b591ff0 26% 38%,#764f26f0 38% 100%)}.game-shell>canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.control-rail{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.control-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,#5a4429eb,#362615eb);border:3px solid var(--wood-dark);border-radius:8px;color:#f7ecd1;box-shadow:inset 0 2px #ffffff0f,0 4px #2c19099e}.control-key{padding:4px 7px;border-radius:6px;background:#f7ecd224;border:2px solid rgba(247,236,210,.16);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.control-copy{font-size:.76rem;color:#f7ecd2d1}.stage-hud{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:flex-start;pointer-events:none;z-index:2}.stage-readout{position:absolute;top:18px;right:18px;display:flex;justify-content:flex-end;z-index:3;pointer-events:none}.stage-hud-stack{display:grid;gap:8px;justify-items:start;pointer-events:auto}.readout-stack,.readout-collapsed{display:grid;gap:8px;justify-items:end;pointer-events:auto}.stage-hud-card{max-width:420px;padding:16px 18px;background:linear-gradient(180deg,#f6edd7f5,#d1bc8cf5);border:3px solid var(--stone-dark);border-radius:10px;box-shadow:0 6px 0 var(--wood-dark),0 14px 28px #1f18113d;pointer-events:auto}.readout-card{min-width:244px;width:min(260px,calc(100vw - 56px));padding:14px 16px;border-radius:8px;background:linear-gradient(180deg,#393e36f2,#1c1f1bf2);border:3px solid #171a17;color:#f8f1df;box-shadow:0 6px #10120eeb,0 16px 28px #0b100d47}.readout-toggle{border:3px solid #171a17;border-radius:8px;padding:8px 12px;background:linear-gradient(180deg,#393e36f2,#1c1f1bf2);color:#f8f1df;font-weight:700;cursor:pointer;box-shadow:0 4px #10120eeb,0 10px 18px #0b100d38}.readout-toggle span{margin-left:8px;color:#f8f1dfad;font-size:.8rem}.readout-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.readout-head h3{margin:0;font-family:Book Antiqua,Palatino Linotype,serif}.readout-time{color:#f8f1dfc7;font-size:.78rem;white-space:nowrap}.readout-eyebrow{color:#f8f1df94}.readout-grid{display:grid;gap:8px}.readout-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:6px;background:#ffffff12;border:2px solid rgba(241,230,201,.08);color:inherit;text-align:left;cursor:pointer;transition:background 80ms ease,border-color 80ms ease;will-change:background}.readout-row:hover{background:#ffffff17;border-color:#f1e6c924}.readout-row:disabled{cursor:not-allowed;opacity:.6;transform:none}.readout-hint{margin:10px 0 0;color:#f8f1dfb3;font-size:.8rem}.readout-label{color:#f8f1dfc7;font-size:.88rem}.severity-pill{border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.severity-pill.severity-calm{background:#8fbb762e;color:#d9efc5}.severity-pill.severity-watch{background:#d89b4a33;color:#ffe0a6}.severity-pill.severity-critical{background:#cd5c4d38;color:#ffd2cb}.stage-hud-card h3,.command-card h2{margin:0;font-family:Book Antiqua,Palatino Linotype,serif}.stage-hud-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.stage-hud-actions{display:flex;gap:8px;align-items:center}.stage-dismiss{border:2px solid var(--wood-dark);border-radius:6px;padding:8px 12px;background:linear-gradient(180deg,#ffefccf2,#ddc283f2);color:var(--ink-soft);cursor:pointer;box-shadow:0 3px #4e3113c2}.stage-mini-toggle,.stage-hud-toggle{border:2px solid var(--wood-dark);border-radius:6px;padding:8px 12px;background:linear-gradient(180deg,#ffefccf2,#ddc283f2);color:var(--ink-soft);cursor:pointer;font-weight:700;box-shadow:0 3px #4e3113c2}.stage-hud-toggle{background:linear-gradient(180deg,#f9f1ddfa,#ddc78ffa);box-shadow:0 4px #4e3113c2,0 12px 24px #1f181138}.stage-hud-toggle span,.stage-mini-toggle span{margin-left:8px;color:#3a2815ad;font-weight:400}.stage-eyebrow{color:#3a28159e}.stage-order-copy{margin:8px 0 0}.stage-helper-copy{margin:10px 0 0;color:#3a291acc}.quick-prompt-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-prompt{border:2px solid #294010;border-radius:6px;padding:8px 12px;background:linear-gradient(180deg,#7ac34c,#4f8a2b);color:#f8f1df;cursor:pointer;box-shadow:0 3px #18310ac7}.quick-prompt:disabled{opacity:.6;cursor:not-allowed}.quick-prompt.order-clear{border-color:#79321a;background:linear-gradient(180deg,#d98551,#a55231)}.quick-prompt.support-action{border-color:#66501d;background:linear-gradient(180deg,#cfb261,#967736)}button:not(:disabled),.readout-row:not(:disabled){transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}button:not(:disabled):hover,.readout-row:not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.03) brightness(1.01)}button:focus-visible,.readout-row:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,233,154,.92);outline-offset:2px}canvas{display:block;position:relative;z-index:1;image-rendering:pixelated}.command-grid,.command-stack,.scenario-bar{display:grid;gap:12px}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.command-card{padding:16px;background:linear-gradient(180deg,#6a4c2af0,#462f18f0);border:4px solid var(--wood-dark);border-radius:8px;color:#f8f1df;box-shadow:inset 0 2px #ffffff14,0 5px #2c1909c2}.command-option{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:14px;border-radius:6px;background:#fff5e31f;border:2px solid rgba(255,241,206,.18)}.command-option strong{display:block;margin-bottom:4px}.command-option p{margin:0;max-width:36ch;color:#f8f1dfd6}.scenario-bar{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.action-button,.scenario-chip,.roster-item{border:2px solid var(--wood-dark);border-radius:6px;padding:10px 14px;cursor:pointer;will-change:transform,background}.action-button,.scenario-chip{background:linear-gradient(180deg,#f8e7c0fa,#d4b874fa);color:#342718;box-shadow:inset 0 2px #ffffff3d,0 3px #4e3113c2}.action-button.primary{border-color:#7b3219;background:linear-gradient(180deg,#df8b58,#b95f34);color:#fff6ed}.panel-copy{margin:0;max-width:34ch;color:#3a291ad1}.action-button:disabled,.scenario-chip:disabled,.roster-item:disabled{opacity:.6;cursor:not-allowed;transform:none}.world-meta,.resource-grid,.meter-row{display:grid;gap:10px}.world-meta,.meter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.meta-card,.resource-card,.meter-card,.stack-card,.reply-card{background:linear-gradient(180deg,#fff9ebdb,#e2d0a2db);border:3px solid rgba(113,86,49,.42);border-radius:8px;padding:12px;box-shadow:inset 0 2px #ffffff52,0 3px #5f432157}.meta-card strong,.resource-card strong,.meter-card strong{display:block;margin-top:6px;font-size:1.1rem}.meta-card.wide{grid-column:1 / -1}.stockpile-card.ok{border-color:#55843d80}.stockpile-card.low{border-color:#b16d299e}.resource-card em{display:block;margin-top:5px;color:#3e2c15b3;font-size:.72rem;font-style:normal;text-transform:capitalize}.site-card{background:linear-gradient(180deg,#f0e8cdeb,#cfbc90eb)}.ledger-card{grid-column:1 / -1;background:linear-gradient(180deg,#fff4d0f5,#d6b56af0);border-color:#5f3e1894}.roster-list{display:grid;gap:10px}.roster-item{display:grid;gap:8px;align-items:start;background:linear-gradient(180deg,#fff8e3f5,#e0cc9af5);color:#2b261c;text-align:left;padding:12px;box-shadow:inset 0 2px #ffffff42,0 3px #4e3113a3}.roster-item.selected{border-color:#2e4d16;background:linear-gradient(180deg,#7bc34c,#4f882c);color:#f8f1df}.roster-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.roster-badge-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.roster-name{font-weight:700;font-size:1rem;letter-spacing:.02em}.roster-pressure-pill{padding:4px 8px;border-radius:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:2px solid transparent}.roster-pressure-pill.calm{background:#8fbb762e;color:#36531f;border-color:#58834233}.roster-pressure-pill.watch{background:#d89b4a33;color:#6e4806;border-color:#99661c38}.roster-pressure-pill.critical{background:#cd5c4d2e;color:#73251b;border-color:#9c372b3d}.roster-role-pill{padding:4px 8px;border-radius:6px;border:2px solid rgba(90,63,32,.24);background:#fff5da8f;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.roster-condition{color:#382713bd;font-size:.83rem}.roster-order-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.roster-order-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#48311694}.roster-order-value{padding:4px 8px;border-radius:6px;font-size:.74rem;font-weight:700;letter-spacing:.04em}.roster-order-value.idle{background:#5c49301f;color:#3f2e17c7}.roster-order-value.active{background:#5a8f362e;color:#29460f}.roster-need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.roster-need{display:grid;gap:3px;padding:6px 7px;border-radius:6px;border:2px solid rgba(101,76,46,.18);background:#fff8e380}.roster-need-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4330199e}.roster-need strong{font-size:.92rem}.roster-need.calm{background:#90bb7629}.roster-need.watch{background:#d89b4a2e}.roster-need.critical{background:#cd5c4d2e}.roster-role,.role-pill{text-transform:capitalize}.roster-item.selected .roster-role-pill{border-color:#12310852;background:#f4fae829;color:#f7fbe9}.roster-item.selected .roster-pressure-pill{border-color:#f7fbe929}.roster-item.selected .roster-condition,.roster-item.selected .roster-order-label,.roster-item.selected .roster-need-label{color:#f7fbe9c2}.roster-item.selected .roster-order-value.idle{background:#f7fbe91f;color:#f7fbe9db}.roster-item.selected .roster-order-value.active{background:#203b0c47;color:#f7fbe9}.villager-card{display:grid;gap:12px}.villager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.role-pill{background:#674c391f;border-radius:6px;padding:8px 12px;border:2px solid rgba(113,86,49,.28)}.memory-block ul{margin:10px 0 0;padding-left:18px}.order-summary{display:grid;gap:10px}.order-hint{align-self:center}.memory-block p:last-child{margin-top:8px}.talk-form{display:grid;gap:8px;margin-top:14px}.talk-label{font-weight:700}.talk-form textarea{width:100%;resize:vertical;padding:12px;border-radius:8px;border:3px solid rgba(113,86,49,.42);background:linear-gradient(180deg,#fffcf3fa,#eee2c1fa);color:inherit;box-shadow:inset 0 2px #fff6}.reply-box{margin-top:12px}.reply-card{display:grid;gap:8px}.triptych{display:grid;gap:16px}.stack-list{display:grid;gap:10px}.stack-card strong{display:block;margin-bottom:4px}@media(max-width:1180px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-side{width:100%;justify-items:stretch}.status-wrap{max-width:none}.command-grid{grid-template-columns:1fr}.stage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.game-shell{height:520px}}@media(max-width:720px){.shell{padding:14px}.topbar,.panel{border-radius:8px}.status-wrap{max-width:none;text-align:left;min-width:0}.status-line{justify-content:flex-start}.topbar-art{width:100%}.stage-shell-banner{justify-content:center}.stage-shell-banner img{width:min(220px,100%)}.world-meta,.resource-grid,.meter-row{grid-template-columns:1fr 1fr}.stage-summary{grid-template-columns:1fr}.control-rail{gap:6px}.control-chip{width:100%;justify-content:flex-start}.roster-topline,.roster-order-line{flex-direction:column;align-items:flex-start}.roster-badge-row{justify-content:flex-start}.stage-hud{left:12px;right:12px;bottom:12px}.stage-readout{top:12px;right:12px}.stage-hud-card{max-width:none}.game-shell{height:420px}}