:root{--color-canvas:#e7e9e6;--color-surface:#fafaf8;--color-surface-raised:#fff;--color-surface-subtle:#f3f4f1;--color-ink:#202521;--color-ink-muted:#5c645f;--color-ink-subtle:#737b76;--color-accent:#2b6651;--color-accent-soft:#edf3ef;--color-header:#202a26;--color-border:#d2d6d1;--color-border-strong:#b9beb8;--radius-sm:5px;--radius-md:8px;--shadow-dashboard:0 1px 2px #1a221e0d, 0 18px 50px #1a221e17;color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-canvas);margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #2b6651}input,button{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}.game-shell{min-height:100vh;padding:clamp(1rem,3.6vw,3rem)}.game-dashboard{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,76rem);box-shadow:var(--shadow-dashboard);margin:0 auto;animation:.42s ease-out both dashboard-enter;overflow:hidden}.game-header{background:var(--color-header);color:#f8f8f5;border-bottom:1px solid #36433d;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2.5rem);min-height:8.25rem;padding:clamp(1.5rem,3vw,2.15rem) clamp(1.4rem,4vw,3rem);display:flex}.game-header__eyebrow,.section-heading__index,.event-panel__category{color:#547664;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-header__eyebrow{color:#9cb8aa}.game-header__title{letter-spacing:-.025em;text-transform:uppercase;margin:.3rem 0 0;font-size:clamp(1.65rem,3.4vw,2.7rem);line-height:1.05}.game-header__project{color:#cbd8d1;overflow-wrap:anywhere;max-width:42rem;margin:.55rem 0 0;font-size:.92rem;font-weight:500}.turn-counter{text-align:right;border-left:1px solid #ffffff24;flex:none;gap:.15rem;margin:0;padding-left:clamp(1rem,2.5vw,2rem);display:grid}.turn-counter span{color:#b8c7c0;text-transform:uppercase;font-size:.75rem;font-weight:700}.turn-counter strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:1.45rem;transition:color .18s}.ui-sound-toggle{color:#3b423e;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:.55rem;width:fit-content;margin-top:.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.ui-sound-toggle input{accent-color:#2b6651;cursor:pointer;width:1rem;height:1rem}.ui-sound-toggle--header{color:#cbd8d1;flex:none;margin-top:0}.game-layout{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.35fr);display:grid}.game-layout__main{border-left:1px solid var(--color-border);min-width:0}.panel{padding:clamp(1.25rem,3.2vw,2.5rem)}.stats-panel{background:var(--color-surface-subtle)}.game-layout__main>.panel+.panel{border-top:1px solid var(--color-border)}.section-heading{align-items:baseline;gap:.65rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.section-heading h2{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.section-heading__index{min-width:1.45rem;color:var(--color-accent);font-variant-numeric:tabular-nums}.stats-panel__list{gap:clamp(1.25rem,2.6vw,1.8rem);display:grid}.metric__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem;display:flex}.metric__label{color:#39413c;overflow-wrap:anywhere;font-size:.9rem;font-weight:650}.metric__value{min-width:2.25rem;color:var(--color-ink);text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:750;transition:color .2s,transform .2s}.metric__track{background:#dcddd9;border-radius:999px;height:.5rem;overflow:hidden;box-shadow:inset 0 0 0 1px #1f29250a}.metric__fill{border-radius:inherit;transform-origin:0;height:100%;transition:width .36s cubic-bezier(.22,1,.36,1),background-color .22s;display:block}.metric:hover .metric__value{color:#2b6651;transform:translateY(-1px)}.metric__fill--critical{background:#a74b43}.metric__fill--low{background:#ba7a39}.metric__fill--stable{background:#4d7565}.metric__fill--strong{background:#2c6650}.event-panel{min-height:clamp(16rem,24vw,20rem);animation:.28s ease-out both panel-enter}.event-panel__content{max-width:40rem;animation:.32s ease-out both content-rise}.event-panel__category{margin-bottom:.7rem}.event-panel h3{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:32rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3.6vw,2.65rem);font-weight:500;line-height:1.12}.event-panel__description{max-width:37rem;color:var(--color-ink-muted);margin:1.2rem 0 0;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.65}.choice-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;animation:.34s ease-out 50ms both content-rise;display:grid}.choice-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:#242a26;cursor:pointer;text-align:left;overflow-wrap:anywhere;grid-template-columns:minmax(2.75rem,auto) minmax(0,1fr);align-items:center;min-height:5.15rem;padding:1rem 1.2rem;font-weight:650;line-height:1.35;display:grid;box-shadow:0 .25rem .75rem #1e252100}.choice-button:hover{background:var(--color-accent-soft);border-color:#2b6651;transform:translateY(-1px);box-shadow:0 .45rem 1.1rem #1e252114}.choice-button:active{background:#e4ece7;transform:translateY(0);box-shadow:0 .2rem .6rem #1e25210f}.choice-button:focus-visible{border-color:#2b6651;box-shadow:0 0 0 4px #2b665129}.choice-button__key{color:#5e796b;letter-spacing:.04em;font-variant-numeric:tabular-nums;border-right:1px solid #c7cac5;align-self:stretch;place-items:center;min-width:2.75rem;margin-right:1rem;font-size:.72rem;font-weight:800;transition:border-color .16s,color .16s;display:grid}.choice-button:hover .choice-button__key,.choice-button:focus-visible .choice-button__key{color:#2b6651;border-color:#9bb5a8}.start-shell{place-items:center;display:grid}.start-screen,.end-screen{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,48rem);box-shadow:var(--shadow-dashboard);margin:0 auto;animation:.42s ease-out both dashboard-enter;overflow:hidden}.start-screen{padding:clamp(1.6rem,5vw,4rem)}.start-screen__eyebrow,.end-screen__eyebrow{color:#547664;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.start-screen h1,.end-screen h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.45rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,6.5vw,4.6rem);font-weight:500;line-height:1.03}.start-form{gap:.75rem;max-width:30rem;margin-top:clamp(2rem,5vw,3rem);display:grid}.start-form label{color:#3b423e;letter-spacing:.045em;text-transform:uppercase;font-size:.82rem;font-weight:750}.start-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:#202421;width:100%;min-height:3.4rem;font:inherit;background:#fff;padding:.8rem 1rem}.start-form input:hover{border-color:#6f7870;box-shadow:0 .35rem .9rem #1e25210d}.start-form input:focus{border-color:#2b6651;outline:3px solid #2b665133}.start-form input:focus-visible{box-shadow:0 .45rem 1.1rem #1e252112}.start-form .ui-sound-toggle{color:#3b423e;font-size:.82rem}.start-form .ui-sound-toggle input{width:1rem;height:1rem;min-height:auto;box-shadow:none;border-radius:0;padding:0}.primary-action{border-radius:var(--radius-sm);color:#f8f8f5;cursor:pointer;letter-spacing:-.005em;background:#1f2925;border:1px solid #1f2925;min-height:3.35rem;padding:.85rem 1.35rem;font-weight:750;box-shadow:0 .35rem .85rem #1e252100}.primary-action:hover{background:#2b6651;border-color:#2b6651;transform:translateY(-1px);box-shadow:0 .55rem 1.1rem #1e25211a}.primary-action:active{background:#244f40;transform:translateY(0);box-shadow:0 .25rem .7rem #1e252114}.primary-action:focus-visible{border-color:#2b6651;box-shadow:0 0 0 4px #2b66512e}.end-screen{grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);display:grid}.end-screen__summary{padding:clamp(1.8rem,5vw,3.5rem)}.end-screen__description{max-width:32rem;color:var(--color-ink-muted);overflow-wrap:anywhere;margin:1.2rem 0 0;font-size:1.08rem;line-height:1.6}.end-screen__turn{color:#3b423e;font-variant-numeric:tabular-nums;margin:1.75rem 0}.final-reflection{border-top:1px solid var(--color-border);gap:.5rem;max-width:34rem;margin:0 0 2rem;padding:1.15rem 0 0;display:grid}.final-reflection__label{color:#547664;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.final-reflection h2{color:#3b423e;letter-spacing:0;margin:0;font-size:1.05rem}.final-reflection p:last-child{color:#5b625e;overflow-wrap:anywhere;margin:0;line-height:1.6}.end-screen__metrics{border-left:1px solid var(--color-border);background:var(--color-canvas);align-content:center;gap:1px;padding:clamp(1.2rem,4vw,2rem);display:grid}.final-metric{background:var(--color-surface);justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:1rem;transition:background-color .16s,transform .16s;animation:.3s ease-out both content-rise;display:flex}.final-metric:hover{background:#eef3ef;transform:translate(2px)}.final-metric span{color:var(--color-ink-muted);overflow-wrap:anywhere;font-weight:650}.final-metric strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:1.4rem}@media (width<=1024px){.game-layout{grid-template-columns:minmax(14rem,.62fr) minmax(0,1.38fr)}.choice-buttons{grid-template-columns:1fr}}@media (width<=720px){.game-shell{padding:0}.game-dashboard{border:0;border-radius:0;min-height:100vh}.game-header{align-items:flex-start;min-height:7rem}.game-layout{display:block}.game-layout__main{border-top:1px solid #d5d7d2;border-left:0}.stats-panel__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1.5rem}.event-panel{min-height:auto}.choice-buttons{grid-template-columns:1fr}.start-shell{place-items:stretch stretch}.start-screen,.end-screen{border:0;border-radius:0;min-height:100vh}.end-screen{display:block}.end-screen__metrics{border-top:1px solid #d5d7d2;border-left:0}}@media (width<=440px){.game-header{min-height:auto;display:grid}.game-header__eyebrow{display:none}.game-header__title{font-size:1.8rem}.turn-counter{text-align:left;justify-self:start}.stats-panel__list{grid-template-columns:1fr}.choice-button{grid-template-columns:1fr;gap:.55rem;min-height:5.25rem}.choice-button__key{border-bottom:1px solid #c7cac5;border-right:0;align-self:auto;place-items:start;min-width:0;margin-right:0;padding-bottom:.4rem}.final-metric{min-height:3.6rem;padding:.85rem}}@keyframes dashboard-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0}to{opacity:1}}@keyframes content-rise{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}