:root{--bg-dark: #0a0a0a;--bg-panel: #0d1a0d;--bg-input: #050a05;--fg-main: #33ff33;--fg-dim: #1a8c1a;--fg-bright: #66ff66;--fg-warning: #ffcc00;--fg-danger: #ff4444;--fg-positive: #44ff88;--border-color: #1a5c1a;--border-bright: #33ff33;--glow: rgba(51, 255, 51, .3);--bg-overlay: #040b04;--card: rgba(16, 32, 16, .85);--card-strong: rgba(20, 48, 20, .95);--fg-muted: #66b566;--fg-label: #77ff77;--accent: #00ff99;--accent-2: #00d87a;--font-mono: "Courier New", Courier, "Lucida Console", monospace;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 18px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--header-height: 48px;--status-bar-height: 40px;--panel-width: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--bg-dark)}body{height:100%;margin:0;padding:0;background:var(--bg-dark);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:1.5;overflow-x:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.muted{color:var(--fg-muted)}.flash{animation:flash .5s ease-in-out 2}.blink{animation:blink 1s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pageSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-md);background:var(--bg-panel);border-bottom:2px solid var(--border-color);flex-shrink:0}@media (max-width: 700px){.header{padding:0 var(--space-sm)}}.header-title{font-size:var(--font-size-lg);font-weight:700;letter-spacing:2px;color:var(--fg-bright);text-shadow:0 0 10px var(--glow)}@media (max-width: 700px){.header-title{font-size:var(--font-size-base)}}@media (max-width: 400px){.header-title{font-size:var(--font-size-sm);letter-spacing:1px}}.header-actions{display:flex;gap:var(--space-sm)}@media (max-width: 400px){.header-actions{gap:4px}}.game-wrapper{display:flex;min-height:100vh;max-width:100vw}@media (max-width: 700px){.game-wrapper{flex-direction:column}}.game-screen{flex:1;display:flex;flex-direction:column;min-height:100vh;max-width:100%}.action-area{padding:var(--space-md);background:var(--bg-panel);border-top:2px solid var(--border-color);flex-shrink:0}@media (max-width: 700px){.action-area{padding:var(--space-sm)}}.header-btn{background:transparent;border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all .15s ease}.header-btn:hover,.header-btn:focus{border-color:var(--fg-main);background:#33ff331a;outline:none}.submit-btn{background:transparent;border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer}.submit-btn:hover{border-color:var(--fg-main)}.close-btn{background:transparent;border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:2px 6px;cursor:pointer;display:none}.init-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001a0a;border:1px solid var(--border-bright);font-family:var(--font-mono);font-weight:700;cursor:pointer;box-shadow:0 0 12px #00ff9959}.init-primary:hover,.init-primary:focus{filter:brightness(1.1);outline:none}.init-primary{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s ease}.init-primary:hover{box-shadow:0 0 25px #00ff9980;transform:translateY(-1px)}.init-primary.full-width{width:100%}.init-primary-sm{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001a0a;border:1px solid var(--border-bright);font-family:var(--font-mono);font-weight:700;cursor:pointer;box-shadow:0 0 12px #00ff9959}.init-primary-sm:hover,.init-primary-sm:focus{filter:brightness(1.1);outline:none}.init-primary-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-xs)}.init-primary-sm:hover{box-shadow:0 0 15px #0f96}.btn-arrow{font-size:14px}.init-ghost{background:transparent;color:var(--fg-main);border:1px dashed var(--border-color);font-family:var(--font-mono);cursor:pointer;transition:border-color .2s ease,color .2s ease}.init-ghost:hover,.init-ghost:focus{border-color:var(--border-bright);color:var(--fg-bright);outline:none}.init-ghost:disabled{opacity:.5;cursor:not-allowed}.init-ghost{padding:var(--space-sm) var(--space-md);letter-spacing:1px;text-transform:uppercase}.init-ghost-sm{background:transparent;color:var(--fg-main);border:1px dashed var(--border-color);font-family:var(--font-mono);cursor:pointer;transition:border-color .2s ease,color .2s ease}.init-ghost-sm:hover,.init-ghost-sm:focus{border-color:var(--border-bright);color:var(--fg-bright);outline:none}.init-ghost-sm:disabled{opacity:.5;cursor:not-allowed}.init-ghost-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.terminal-window{flex:1;display:flex;flex-direction:column;min-height:0}.terminal-window-header{display:none}.terminal{flex:1;padding:var(--space-md);overflow-y:auto;overflow-x:hidden;background:var(--bg-dark);font-size:var(--font-size-base);line-height:1.6}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-track{background:var(--bg-panel)}.terminal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.terminal::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.term-line{margin-bottom:var(--space-sm);word-wrap:break-word}.term-line:last-child{margin-bottom:0}.term-header{font-weight:700;color:var(--fg-bright);margin:var(--space-md) 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--border-color)}.term-divider{margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:1px solid var(--border-color);color:var(--fg-dim);text-align:center;letter-spacing:2px;font-size:var(--font-size-sm)}.term-box{margin:var(--space-md) 0;padding:var(--space-sm);border:1px solid var(--border-color);background:var(--bg-panel);white-space:pre;font-size:var(--font-size-sm);overflow-x:auto}.term-warning{color:var(--fg-warning)}.term-danger{color:var(--fg-danger)}.term-positive{color:var(--fg-positive)}.term-dim{color:var(--fg-dim)}.ascii-box{font-family:var(--font-mono);white-space:pre;line-height:1.2;font-size:var(--font-size-sm)}.progress-text{font-family:var(--font-mono)}.decision-header,.command-input{display:none}.choices{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.choices--classic{display:flex;flex-direction:column;gap:var(--space-sm)}.choice-btn{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all .15s ease}.choice-btn:hover,.choice-btn:focus{border-color:var(--fg-main);background:#33ff331a;outline:none;box-shadow:0 0 10px var(--glow)}.choice-btn:active{background:#3f33}.choice-label{display:block;font-weight:700}.choice-hint{display:block;font-size:var(--font-size-sm);color:var(--fg-dim);margin-top:var(--space-xs)}.choices--modern{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width: 701px){.choices--modern{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.choices--modern .decision-card{flex:1;min-width:200px;max-width:320px}}.decision-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:#00140ab3;border:1px solid var(--border-color);border-left:3px solid var(--border-color);text-align:left;cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);color:var(--fg-main)}.decision-card:hover,.decision-card:focus{border-color:var(--accent);border-left-color:var(--accent);background:#00ff990d;outline:none}.card-checkbox{width:18px;height:18px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:transparent;font-size:12px;transition:all .15s ease}.card-label{display:block;font-weight:700;color:var(--fg-bright);font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:100;padding:var(--space-md)}.modal[hidden]{display:none!important}.modal-box{width:100%;max-width:500px;max-height:90vh;background:var(--bg-panel);border:2px solid var(--border-color);display:flex;flex-direction:column}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--fg-bright)}.modal-body{flex:1;padding:var(--space-md);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border-color)}.modal-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-base);cursor:pointer}.modal-btn:hover{border-color:var(--fg-main);background:#33ff331a}.modal-btn.primary{border-color:var(--fg-main)}.modal-glossary-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:55vh;overflow:auto}.modal-glossary-term{border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);background:#00000040}.modal-glossary-title{color:var(--fg-bright);font-weight:700;letter-spacing:.5px}.modal-glossary-desc{color:var(--fg-muted);margin-top:4px;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-section{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-label{font-size:var(--font-size-xs);color:var(--fg-muted);letter-spacing:1px}.settings-toggle-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.settings-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:#0000004d;border:1px solid var(--border-color);color:var(--fg-main);font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.settings-toggle-btn:hover{border-color:var(--fg-dim)}.settings-toggle-btn.active{border-color:var(--accent);background:#00ff991a}.settings-toggle-btn .toggle-icon{font-size:var(--font-size-lg)}.settings-toggle-btn .toggle-label{font-weight:700;color:var(--fg-bright)}.settings-toggle-btn .toggle-desc{font-size:var(--font-size-xs);color:var(--fg-muted)}.input-wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-input);border:1px solid var(--border-color)}.input-wrapper[hidden]{display:none}.input-prompt{color:var(--fg-bright);font-weight:700}.text-input{flex:1;background:transparent;border:none;color:var(--fg-main);font-family:var(--font-mono);font-size:var(--font-size-base);outline:none}.text-input::placeholder{color:var(--fg-dim)}.init-input{width:100%;background:var(--bg-input);color:var(--fg-main);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-base)}.init-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #0f93}.field-label{display:block;color:var(--fg-label);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);letter-spacing:1px}.field-row{display:flex;gap:var(--space-sm);align-items:center}.crew-input-section{padding:var(--space-md) 0}.crew-input-section .field-label{margin-bottom:var(--space-sm)}.side-panel{width:var(--panel-width);background:var(--bg-panel);border-left:2px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}@media (max-width: 700px){.side-panel{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);transform:translate(100%);transition:transform .3s ease;z-index:50;box-shadow:-4px 0 20px #00000080}.side-panel.open{transform:translate(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.panel-title{font-size:var(--font-size-base);font-weight:700;letter-spacing:1px;color:var(--fg-bright)}.panel-content{flex:1;overflow-y:auto;padding:var(--space-md)}.panel-section{margin-bottom:var(--space-lg)}.panel-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-sm);color:var(--fg-dim);letter-spacing:1px;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--border-color)}.panel-placeholder{color:var(--fg-dim);font-style:italic;font-size:var(--font-size-sm);padding:var(--space-sm)}.panel-backdrop{display:none}@media (max-width: 700px){.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:40}.panel-backdrop:not([hidden]){display:block}}.crew-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.crew-member{padding:var(--space-sm);border:1px solid var(--border-color);background:var(--bg-input)}.crew-member.injured{border-color:var(--fg-warning)}.crew-member.critical{border-color:var(--fg-danger)}.crew-member.inactive{opacity:.5}.crew-name{font-weight:700;margin-bottom:var(--space-xs)}.crew-role{font-size:var(--font-size-sm);color:var(--fg-dim)}.crew-stats{display:flex;gap:var(--space-md);margin-top:var(--space-xs);font-size:var(--font-size-sm)}.crew-status{font-size:var(--font-size-xs);color:var(--fg-warning);margin-top:var(--space-xs)}.resources-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.resource-row{display:flex;align-items:center;gap:var(--space-sm)}.resource-label{width:80px;font-size:var(--font-size-sm);color:var(--fg-dim)}.resource-bar{flex:1;height:16px;background:var(--bg-input);border:1px solid var(--border-color);position:relative}.resource-fill{height:100%;background:var(--fg-main);transition:width .3s ease}.resource-fill.low{background:var(--fg-warning)}.resource-fill.critical{background:var(--fg-danger)}.resource-value{width:50px;text-align:right;font-size:var(--font-size-sm)}.location-panel{font-size:var(--font-size-sm)}.location-name{font-weight:700;margin-bottom:var(--space-xs)}.location-info{color:var(--fg-dim);margin-bottom:var(--space-xs)}.location-weather{margin-top:var(--space-sm)}.location-season{font-size:var(--font-size-sm);color:var(--fg-bright);padding:var(--space-xs) var(--space-sm);background:#33ff331a;border:1px solid var(--border-color);margin-bottom:var(--space-sm);display:inline-block}.status-area{flex-shrink:0}.status-bar{display:flex;justify-content:space-around;align-items:center;height:var(--status-bar-height);padding:0 var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-shrink:0}.status-item{display:flex;flex-direction:column;align-items:center;gap:2px}.status-label{font-size:var(--font-size-xs);color:var(--fg-dim);letter-spacing:1px}.status-value{font-size:var(--font-size-sm);font-weight:700;color:var(--fg-bright)}.stat-cards{display:none;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:center}.stat-card{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);background:#0000004d;border:1px solid var(--border-color);min-width:100px;border-radius:4px}.stat-card-label{font-size:var(--font-size-xs);color:var(--fg-muted);letter-spacing:.5px}.stat-card-value{font-size:var(--font-size-lg);font-weight:700;color:var(--fg-bright)}.stat-card-bar{height:4px;background:var(--bg-input);border-radius:2px;margin-top:4px;overflow:hidden}.stat-card-fill{height:100%;background:var(--accent);transition:width .3s ease}.log-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs)}.log-entry{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px dotted var(--border-color);font-size:var(--font-size-sm)}.log-entry:last-child{border-bottom:none}.log-day{color:var(--fg-dim);min-width:50px}.log-icon{width:16px;text-align:center}.log-event .log-icon{color:var(--fg-warning)}.log-milestone .log-icon{color:var(--fg-positive)}.log-arrival .log-icon{color:var(--fg-bright)}.log-summary{flex:1}.role-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.role-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}@media (max-width: 700px){.role-grid-compact{grid-template-columns:1fr;gap:4px}}.role-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:#0000004d;border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;text-align:left}.role-card:hover{border-color:var(--fg-dim);background:#00ff3308}.role-card.selected{border-color:var(--accent);background:#00ff991a}.role-card.selected .role-icon-box{background:var(--accent);border-color:var(--accent)}.role-card.selected .role-icon{color:#001a0a}.role-card.selected .role-name{color:var(--accent)}.role-card h3{color:var(--fg-bright)}.role-card .role-id{color:var(--fg-muted);font-size:var(--font-size-xs);letter-spacing:1px}.role-card .role-desc{color:var(--fg-main);font-size:var(--font-size-sm)}@media (max-width: 700px){.role-card{padding:var(--space-xs)}}.role-icon-box{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid var(--border-color);flex-shrink:0}@media (max-width: 700px){.role-icon-box{width:48px;height:48px}}.role-icon{font-size:32px;color:var(--fg-main);line-height:1}@media (max-width: 700px){.role-icon{font-size:26px}}.role-info{flex:1;min-width:0}.role-header{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:2px}.role-id{color:var(--accent);font-size:var(--font-size-xs);font-weight:700}.role-name{color:var(--fg-bright);font-weight:700;font-size:var(--font-size-sm);margin:0}@media (max-width: 700px){.role-name{font-size:var(--font-size-xs)}}.role-desc{color:var(--fg-muted);font-size:11px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 700px){.role-desc{font-size:10px;-webkit-line-clamp:1}}.role-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);color:var(--fg-muted);font-size:var(--font-size-xs)}.area-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.area-grid{grid-template-columns:280px 1fr}}.area-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto;padding:var(--space-xs);background:#0003;border:1px solid var(--border-color)}@media (max-width: 700px){.area-list{max-height:200px}}.area-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-align:left;font-family:var(--font-mono);color:var(--fg-main)}.area-item:hover{background:#00ff330d;border-color:var(--border-color)}.area-item.selected{background:#00ff991a;border-color:var(--accent)}.area-item strong{color:var(--fg-bright)}.area-item .muted{font-size:var(--font-size-xs);color:var(--fg-muted)}.area-number{color:var(--fg-muted);font-size:var(--font-size-xs);min-width:36px}.area-detail{padding:var(--space-md);background:#0003;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-md)}.area-detail h3{color:var(--fg-bright);margin:0 0 var(--space-sm)}@media (max-width: 700px){.area-detail{padding:var(--space-sm)}}.area-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin:var(--space-md) 0}@media (max-width: 700px){.area-meta{grid-template-columns:1fr 1fr;gap:var(--space-sm)}}.detail-label{color:var(--fg-muted);font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:2px}.detail-value{color:var(--fg-main);font-size:var(--font-size-sm)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip{border:1px solid var(--border-color);padding:4px 8px;color:var(--fg-label);font-size:var(--font-size-xs);background:#00ff330f}.pill{display:inline-block;padding:6px 10px;border:1px solid var(--border-color);background:#00ff330d;color:var(--fg-label);font-size:var(--font-size-xs);letter-spacing:.5px}.glossary-panel{flex:1;min-width:280px;border:1px solid var(--border-color);padding:var(--space-md);background:#0000004d}.glossary-panel h4{margin-bottom:var(--space-sm);color:var(--fg-label);letter-spacing:1px}.glossary-term{margin-bottom:var(--space-sm)}.glossary-term-title{color:var(--fg-bright);font-size:var(--font-size-sm)}.glossary-term-desc{color:var(--fg-muted);font-size:var(--font-size-sm)}.landing-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:var(--space-md);background:var(--bg-dark);z-index:30}.landing-screen[hidden]{display:none}@media (max-width: 700px){.landing-screen{padding:0}}.terminal-frame{position:relative;width:min(900px,100%);max-height:95vh;background:linear-gradient(180deg,#001400f2,#050f05fa);border:2px solid var(--fg-dim);box-shadow:0 0 40px #00ff3326,inset 0 0 80px #00ff3308;display:flex;flex-direction:column;overflow:hidden}.terminal-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,#00000008 50%);background-size:100% 4px;pointer-events:none;z-index:1}@media (max-width: 700px){.terminal-frame{width:100%;height:100%;max-height:100vh;border:none;border-radius:0}}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#0006;border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);flex-wrap:wrap;gap:var(--space-sm)}@media (max-width: 700px){.terminal-header{font-size:10px;padding:var(--space-xs) var(--space-sm)}}.terminal-header-left,.terminal-header-right{display:flex;align-items:center;gap:var(--space-sm);color:var(--fg-main)}.terminal-header-right{color:var(--fg-muted);font-size:11px}@media (max-width: 700px){.terminal-header-right{display:none}}.terminal-icon{color:var(--accent)}.terminal-id{letter-spacing:.5px}@media (max-width: 380px){.terminal-id{font-size:9px}}.terminal-body{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.terminal-body.compact{padding:var(--space-md);gap:var(--space-md);justify-content:center;overflow:hidden}@media (max-width: 700px){.terminal-body,.terminal-body.compact{padding:var(--space-sm);gap:var(--space-sm)}}.ascii-logo{text-align:center;margin-top:var(--space-md)}.ascii-logo.compact{margin-top:0}.ascii-tree{color:var(--fg-main);font-size:14px;line-height:1.2;margin:0;text-shadow:0 0 10px var(--glow);text-align:left;display:inline-block}@media (max-width: 700px){.ascii-tree{font-size:11px}}.logo-text{margin-top:var(--space-sm)}.logo-line{font-size:var(--font-size-sm);letter-spacing:3px;color:var(--fg-main)}.logo-line.dim{color:var(--fg-muted);font-size:var(--font-size-xs);margin-top:4px}@media (max-width: 700px){.logo-line{font-size:var(--font-size-xs);letter-spacing:2px}}.logo-tagline{margin-top:var(--space-xs);color:var(--fg-muted);font-size:var(--font-size-xs);letter-spacing:1px}.system-ready-title{font-size:clamp(28px,7vw,48px);font-weight:700;letter-spacing:4px;color:var(--fg-bright);text-shadow:0 0 30px var(--glow);text-align:center;margin:0;padding:var(--space-sm) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;max-width:600px}@media (max-width: 700px){.system-ready-title{font-size:24px;letter-spacing:2px;padding:var(--space-xs) 0}}@media (max-width: 380px){.system-ready-title{font-size:22px}}.welcome-checks-combined{text-align:center;max-width:550px;width:100%}.welcome-line{color:var(--fg-muted);line-height:1.5;margin:0 0 var(--space-xs);font-size:var(--font-size-sm)}.welcome-line.dim{color:var(--fg-dim);font-size:var(--font-size-xs)}@media (max-width: 700px){.welcome-line{font-size:var(--font-size-xs)}.welcome-line.dim{font-size:10px}}.welcome-checks-combined .highlight{color:var(--fg-main);background:#00ff331a;padding:1px 4px;border:1px solid var(--border-color)}.system-checks-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-sm);padding:var(--space-sm);background:#0003;border:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--fg-muted)}@media (max-width: 700px){.system-checks-inline{font-size:10px;gap:var(--space-xs);padding:var(--space-xs)}}.welcome-message{text-align:center;max-width:600px;color:var(--fg-muted);line-height:1.7}.welcome-message .highlight{color:var(--fg-main);background:#00ff331a;padding:2px 6px;border:1px solid var(--border-color)}@media (max-width: 700px){.welcome-message{font-size:var(--font-size-sm)}}.system-checks-box{background:#0000004d;border:1px solid var(--border-color);padding:var(--space-md);width:100%;max-width:500px}@media (max-width: 700px){.system-checks-box{padding:var(--space-sm)}}.check-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;color:var(--fg-muted);font-size:var(--font-size-sm)}@media (max-width: 700px){.check-line{font-size:var(--font-size-xs);flex-wrap:wrap}}.check-prefix{color:var(--fg-main);margin-right:var(--space-sm)}.check-status{font-weight:700;margin-left:auto;padding-left:var(--space-md)}.check-status.ok{color:var(--fg-bright)}.check-status.updated{color:var(--fg-warning)}.check-status.connected{color:var(--accent)}@media (max-width: 380px){.check-status{padding-left:var(--space-sm)}}.landing-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:400px}.landing-actions.compact{gap:var(--space-xs);max-width:350px}@media (max-width: 700px){.landing-actions{max-width:100%}.landing-actions.compact{gap:4px}}.landing-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:1px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);text-transform:uppercase}.landing-btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001a0a;border-color:var(--accent);font-weight:700;box-shadow:0 0 20px #00ff994d}.landing-btn.primary:hover{box-shadow:0 0 30px #00ff9980;transform:translateY(-1px)}.landing-btn.secondary{background:transparent;color:var(--fg-main)}.landing-btn.secondary:hover{background:#00ff331a;border-color:var(--fg-main)}.landing-btn.ghost{background:transparent;color:var(--fg-muted);flex:1;justify-content:center}.landing-btn.ghost:hover{color:var(--fg-main);border-color:var(--fg-dim)}@media (max-width: 700px){.landing-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}.landing-btn-row{display:flex;gap:var(--space-sm)}@media (max-width: 700px){.landing-btn-row{flex-direction:row;gap:4px}}.btn-icon{font-size:16px;min-width:20px;text-align:center}.btn-text{flex:1}.terminal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#0006;border-top:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--fg-muted);flex-wrap:wrap;gap:var(--space-sm)}.terminal-footer .version{margin-left:auto}@media (max-width: 700px){.terminal-footer{font-size:10px;padding:var(--space-xs) var(--space-sm)}}.init-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:var(--space-md);background:radial-gradient(ellipse at center,#001e00f2,#000a00fa);z-index:20}.init-overlay[hidden]{display:none!important}@media (max-width: 700px){.init-overlay{padding:0}}.init-frame{width:min(800px,100%);max-height:95vh;background:linear-gradient(180deg,#0a190afa,#050f05fc);border:2px solid var(--fg-dim);box-shadow:0 0 40px #00ff331f;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 700px){.init-frame{width:100%;height:100%;max-height:100vh;border-radius:0;border-width:0}}.init-window-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#00000080;border-bottom:1px solid var(--border-color)}.window-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--fg-dim);opacity:.6}.window-title{color:var(--fg-muted);font-size:var(--font-size-xs);letter-spacing:1px}.init-step{display:none;flex-direction:column;gap:var(--space-md);min-height:0}.init-step.active{display:flex;animation:pageSlide .45s ease}.init-content{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.init-content.compact{padding:var(--space-md);gap:var(--space-sm)}@media (max-width: 700px){.init-content{padding:var(--space-md)}}.init-logo{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px dashed var(--border-color)}@media (max-width: 700px){.init-logo{flex-direction:column;text-align:center;gap:var(--space-sm)}}.tree-icon{font-size:20px;font-weight:700;color:var(--fg-main);font-family:var(--font-mono)}@media (max-width: 700px){.tree-icon{font-size:16px}}.init-main-title{font-size:clamp(20px,5vw,28px);font-weight:700;letter-spacing:2px;color:var(--fg-bright);text-shadow:0 0 15px var(--glow);margin:0}@media (max-width: 700px){.init-main-title{font-size:18px}}.init-checks{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--fg-main);padding:var(--space-sm) 0}.init-checks .check-line{justify-content:flex-start;gap:var(--space-sm)}@media (max-width: 700px){.init-checks{font-size:var(--font-size-xs)}}.init-header-compact{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-color)}@media (max-width: 700px){.init-header-compact{padding-bottom:var(--space-xs)}}.tree-ascii{font-size:16px;font-weight:700;color:var(--fg-main);font-family:var(--font-mono)}.init-title-inline{font-size:var(--font-size-lg);font-weight:700;color:var(--fg-bright);letter-spacing:2px}@media (max-width: 700px){.init-title-inline{font-size:var(--font-size-base)}}.init-checks-compact{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);color:var(--fg-main)}@media (max-width: 700px){.init-checks-compact{font-size:10px}}.init-footer-compact{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--border-color)}@media (max-width: 700px){.init-footer-compact{padding-top:var(--space-xs)}}.init-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border-color);margin-top:auto}@media (max-width: 700px){.init-footer-actions{flex-direction:column;gap:var(--space-sm)}.init-footer-actions .init-primary{width:100%}}.init-status-footer{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#0006;border-top:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--fg-muted);flex-wrap:wrap}@media (max-width: 700px){.init-status-footer{font-size:10px;gap:var(--space-xs)}}.init-grid{display:grid;gap:var(--space-md)}.intro-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.intro-panel,.intro-visual,.card-grid{border:1px solid var(--border-color);background:var(--card);box-shadow:inset 0 0 0 1px #00ff3314}.intro-panel{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.eyebrow{color:var(--fg-muted);letter-spacing:1.5px;font-size:var(--font-size-xs);text-transform:uppercase}.init-title{font-size:28px;letter-spacing:1px;color:var(--fg-bright);text-shadow:0 0 18px var(--glow)}.lede{color:var(--fg-muted);line-height:1.7}.system-checks{list-style:none;font-family:var(--font-mono);color:var(--fg-main);line-height:1.8;overflow-x:auto}.system-checks li{white-space:nowrap}.system-checks .check{color:var(--accent);margin-right:var(--space-sm)}.intro-visual{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);background:radial-gradient(circle at 60% 30%,rgba(0,255,153,.08),transparent 45%),var(--card-strong)}.visual-header{display:flex;justify-content:space-between;align-items:center}.visual-body{display:flex;flex-direction:column;gap:var(--space-md)}.visual-signal{font-size:var(--font-size-lg);color:var(--fg-bright);letter-spacing:2px}.visual-caption{color:var(--fg-muted);letter-spacing:1px}.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.visual-grid .muted{color:var(--fg-muted);font-size:var(--font-size-sm);letter-spacing:.5px}.visual-grid .value{color:var(--fg-main);font-size:var(--font-size-lg)}.step-header,.step-footer{display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;flex-wrap:wrap}.step-meta{display:flex;gap:var(--space-sm);align-items:center}.init-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);padding:var(--space-sm);background:#00000040;border:1px solid var(--border-color);box-shadow:inset 0 0 0 1px #00ff3314}.progress-dot{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--fg-muted);border:1px solid transparent;background:linear-gradient(90deg,#00140a99,#00140a4d);transition:border-color .2s ease,color .2s ease,background .2s ease}.progress-dot.active{border-color:var(--accent);color:var(--fg-main);box-shadow:0 0 10px #00ff332e}.progress-dot.complete{color:var(--fg-bright);border-color:#0f36}.dot-index{font-weight:700;font-size:var(--font-size-sm);letter-spacing:1px}.dot-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);padding:var(--space-md)}.stat-cards,.field-sidebar{display:none}body[data-display-mode=classic] .stat-cards,body[data-display-mode=classic] .field-sidebar{display:none!important}body[data-display-mode=classic] .status-bar{display:flex}body[data-display-mode=classic] .choices--modern{display:none!important}body[data-display-mode=modern]{overflow:hidden}body[data-display-mode=modern] .status-bar{display:none}body[data-display-mode=modern] .stat-cards{display:flex}body[data-display-mode=modern] .choices--classic{display:none!important}body[data-display-mode=modern] .choices--modern{display:flex}body[data-display-mode=modern] .classic-only,body[data-display-mode=modern] .header,body[data-display-mode=modern] .status-area,body[data-display-mode=modern] .side-panel,body[data-display-mode=modern] .panel-backdrop,body[data-display-mode=modern] #status-btn{display:none!important}body[data-display-mode=modern] .modern-header,body[data-display-mode=modern] .modern-stats-row,body[data-display-mode=modern] .metrics-sidebar,body[data-display-mode=modern] .footer-hotkeys,body[data-display-mode=modern] .terminal-window-header,body[data-display-mode=modern] .decision-header,body[data-display-mode=modern] .command-input{display:flex}.modern-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-dark);border-bottom:1px solid var(--border-color);gap:var(--space-md);flex-shrink:0}.modern-header-left{display:flex;align-items:center;gap:var(--space-md)}.modern-logo-icon{font-size:28px;filter:drop-shadow(0 0 8px var(--accent))}.modern-title-group{display:flex;flex-direction:column;gap:2px}.modern-title{font-size:var(--font-size-lg);font-weight:700;color:var(--fg-bright);letter-spacing:2px}.modern-subtitle{font-size:var(--font-size-xs);color:var(--accent);letter-spacing:1px}.modern-header-right{display:flex;align-items:center;gap:var(--space-md)}.system-status-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#00ff991a;border:1px solid var(--accent);border-radius:4px;font-size:var(--font-size-xs);color:var(--accent);letter-spacing:1px}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.modern-settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--fg-muted);font-size:var(--font-size-lg);cursor:pointer;transition:all .15s ease}.modern-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.modern-stats-row{display:none;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-dark);flex-shrink:0}.modern-stat-card{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#00140a99;border:1px solid var(--border-color);border-radius:4px;min-width:140px}.modern-stat-card .stat-card-label{font-size:var(--font-size-xs);color:var(--fg-muted);letter-spacing:1px;text-transform:uppercase}.modern-stat-card .stat-card-value{font-size:var(--font-size-lg);font-weight:700;color:var(--fg-bright)}.modern-stat-card .stat-card-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.modern-stat-card .stat-card-bar{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.modern-stat-card .stat-card-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.modern-stat-card .stat-card-zone{display:flex;align-items:center;gap:var(--space-sm)}.modern-stat-card .zone-icon{font-size:var(--font-size-lg)}.metrics-sidebar{display:none;width:280px;background:var(--bg-dark);border-right:1px solid var(--border-color);padding:var(--space-md);flex-direction:column;gap:var(--space-md);overflow-y:auto;flex-shrink:0}.metrics-header{font-size:var(--font-size-xs);font-weight:700;color:var(--fg-muted);letter-spacing:1px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.metric-item{display:flex;flex-direction:column;gap:var(--space-xs)}.metric-row{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:var(--font-size-xs);color:var(--accent);letter-spacing:.5px;font-weight:700}.metric-value{font-size:var(--font-size-xs);font-weight:700;color:var(--fg-bright)}.metric-value.critical{color:var(--fg-danger)}.metric-bar{height:8px;background:#00000080;border-radius:2px;overflow:hidden}.metric-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.metric-fill.stress,.metric-fill.critical{background:var(--fg-danger)}.metric-fill.low{background:var(--fg-warning)}.metrics-extra{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm)}.metrics-directive{margin-top:auto;padding:var(--space-sm);background:#00140a99;border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:4px}.directive-header{font-size:var(--font-size-xs);font-weight:700;color:var(--accent);letter-spacing:.5px;margin-bottom:var(--space-xs)}.directive-text{font-size:var(--font-size-xs);color:var(--fg-main);line-height:1.5}.terminal-window{flex:1;display:flex;flex-direction:column;min-height:0;margin:var(--space-md);background:#000a0599;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.terminal-window-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#0006;border-bottom:1px solid var(--border-color)}.window-dots{display:flex;gap:6px}.window-dots .dot{width:12px;height:12px;border-radius:50%;opacity:.8}.window-dots .dot.red{background:#ff5f56}.window-dots .dot.yellow{background:#ffbd2e}.window-dots .dot.green{background:#27ca40}.terminal-file-path{font-size:var(--font-size-xs);color:var(--accent);letter-spacing:.5px}body[data-display-mode=modern] .terminal{flex:1;min-height:0;overflow-y:auto;padding:var(--space-md);background:transparent;border:none;border-radius:0;margin:0}.decision-header{display:none;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.decision-icon{font-size:var(--font-size-lg)}.decision-title{font-size:var(--font-size-sm);font-weight:700;color:var(--fg-bright);letter-spacing:1px;text-transform:uppercase}body[data-display-mode=modern] .action-area{flex-shrink:0;margin:0 var(--space-md) var(--space-md);padding:var(--space-md);background:#000a0599;border:1px solid var(--border-color);border-radius:6px}body[data-display-mode=modern] .choices--modern{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}body[data-display-mode=modern] .choices--modern .decision-card{flex:1;min-width:200px;max-width:350px}.decision-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:#00140ab3;border:1px solid var(--border-color);text-align:left;cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);color:var(--fg-main)}.decision-card:hover,.decision-card:focus{border-color:var(--accent);background:#00ff990d;outline:none}.decision-card:hover .card-checkbox,.decision-card:focus .card-checkbox{border-color:var(--accent);color:var(--accent)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.card-kbd-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#00ff9926;border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:var(--font-size-xs);letter-spacing:.5px}.card-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:12px;transition:all .15s ease}.card-content{flex:1;min-width:0}.card-label{display:block;font-weight:700;color:var(--fg-bright);font-size:var(--font-size-base);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.card-hint{display:block;font-size:var(--font-size-xs);color:var(--fg-muted);line-height:1.5}.command-input{display:none;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.command-prompt{font-size:var(--font-size-sm);color:var(--fg-muted)}.execute-btn{padding:var(--space-sm) var(--space-lg);background:#00ff991a;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.execute-btn:hover{background:var(--accent);color:#001a0a}.footer-hotkeys{display:none;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--bg-dark);border-top:1px solid var(--border-color);flex-shrink:0}.footer-left{display:flex;align-items:center;gap:var(--space-lg)}.footer-right{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--fg-muted)}.footer-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-color);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease}.footer-btn:hover{color:var(--fg-main);border-color:var(--fg-dim)}.footer-key{color:var(--fg-dim)}.footer-label{color:inherit;letter-spacing:.5px}.footer-status{letter-spacing:.5px}.footer-indicator{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}body[data-display-mode=modern] .game-wrapper{display:grid;grid-template-areas:"header header" "stats stats" "sidebar main" "footer footer";grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;height:100vh;overflow:hidden}body[data-display-mode=modern] .modern-header{grid-area:header}body[data-display-mode=modern] .modern-stats-row{grid-area:stats}body[data-display-mode=modern] .metrics-sidebar{grid-area:sidebar;min-height:0;overflow-y:auto}body[data-display-mode=modern] .game-screen{grid-area:main;overflow:hidden;display:flex;flex-direction:column;min-height:0}body[data-display-mode=modern] .footer-hotkeys{grid-area:footer}@media (max-width: 900px){.modern-stats-row{flex-wrap:wrap}.modern-stat-card{min-width:120px}}@media (max-width: 700px){body[data-display-mode=modern] .game-wrapper{grid-template-areas:"header" "stats" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}body[data-display-mode=modern] .metrics-sidebar{display:none}.modern-header{padding:var(--space-sm) var(--space-md)}.modern-title{font-size:var(--font-size-base)}.modern-subtitle{display:none}.modern-stats-row{padding:var(--space-sm);gap:var(--space-sm);overflow-x:auto;flex-wrap:nowrap}.modern-stat-card{min-width:100px;padding:var(--space-sm)}.modern-stat-card .stat-card-value{font-size:var(--font-size-base)}.footer-left{gap:var(--space-sm)}.footer-status{display:none}body[data-display-mode=modern] .choices--modern{flex-direction:column}body[data-display-mode=modern] .choices--modern .decision-card{max-width:none}}@media (max-width: 900px){:root{--panel-width: 280px}}@media (max-width: 700px){.header-btn{font-size:var(--font-size-xs);padding:2px 6px}.status-bar{padding:0 var(--space-sm)}.status-label{font-size:10px}.status-value{font-size:var(--font-size-xs)}.terminal,.choice-btn{padding:var(--space-sm);font-size:var(--font-size-sm)}.close-btn{display:block}.field-row{flex-direction:column;align-items:stretch}}@media (max-width: 400px){.status-bar{height:auto;padding:var(--space-xs) var(--space-sm);flex-wrap:wrap;gap:var(--space-xs)}.status-item{flex:1;min-width:60px}}