:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1216;--surface:#181d24;--border:#2a313b;--border-strong:#3d4757;--good:#7fd6a4;--text:#e8ecf1;--muted:#9aa5b3;--accent:#6fa8ff;--accent-text:#0b1420;--error:#ff9c94;--warning:#f2c879;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0}h1,h2,p,ul,dl{margin:0}h1{font-size:1.6rem;line-height:1.2}h2{font-size:1.05rem}ul{padding:0;list-style:none}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{width:100%;max-width:600px;padding:calc(16px + env(safe-area-inset-top)) 16px 24px;flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.headline{gap:4px;display:grid}.muted{color:var(--muted)}.small{font-size:.875rem}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;padding:16px;display:grid}.form{gap:16px}.field{gap:6px;display:grid}input:not([type=file]),select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:8px;padding:0 12px}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);font:inherit;background:0 0;border-radius:8px;padding:0 16px;font-weight:600}.button:active{background:var(--border)}.button:disabled{opacity:.45}.button-primary{border-color:var(--accent);background:var(--accent);min-height:48px;color:var(--accent-text)}.button-primary:active{background:var(--accent);opacity:.85}.actions{flex-wrap:wrap;gap:8px;display:flex}.facts{gap:8px;display:grid}.facts>div{justify-content:space-between;gap:16px;display:flex}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.skills{gap:10px;display:grid}.skills li{grid-template-columns:1fr 72px 24px;align-items:center;gap:10px;display:grid}.meter{background:var(--border);border-radius:3px;height:6px;display:block;overflow:hidden}.meter span{background:var(--accent);height:100%;display:block}.skill-value{text-align:right;font-variant-numeric:tabular-nums}.save-list{gap:12px;display:grid}.save-list li{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.save-list li:first-child{border-top:0;padding-top:0}.banner{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.banner-error{color:var(--error)}.banner-warning{color:var(--warning)}.errors{border:1px solid var(--error);background:0 0;border-radius:8px;display:grid}.tabs{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.tab{min-height:52px;color:var(--muted);font:inherit;background:0 0;border:0;font-weight:600}.tab-active{box-shadow:inset 0 2px 0 var(--accent);color:var(--text)}summary{min-height:24px;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.good{color:var(--good)}.bad{color:var(--error)}.match-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.score{text-align:right;gap:16px;display:flex}.score dt{color:var(--muted);font-size:.875rem}.score dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.situation-top{grid-template-columns:112px 1fr;align-items:center;gap:16px;display:grid}.minimap{width:112px;height:112px;display:block}.vitals{gap:2px;font-size:.875rem}.read{border-left:3px solid var(--accent);background:var(--bg);padding:10px 12px}.choices{gap:10px;display:grid}.choice{border:1px solid var(--border-strong);background:var(--surface);min-height:64px;color:var(--text);font:inherit;text-align:left;border-radius:10px;gap:4px;padding:12px 16px;display:grid}.choice:active{border-color:var(--accent);background:var(--border)}.choice:disabled{opacity:.45}.choice-label{font-weight:600}.choice-meta{color:var(--muted);font-size:.875rem}.button-quiet{color:var(--muted);border-color:#0000;font-weight:400}.outcomes,.moments{gap:12px;display:grid}.outcomes li,.moments li{border-top:1px solid var(--border);gap:4px;padding-top:12px;display:grid}.outcomes li:first-child,.moments li:first-child{border-top:0;padding-top:0}.gains{gap:6px;display:grid}.gains li{justify-content:space-between;gap:16px;display:flex}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segment{border:1px solid var(--border);min-height:56px;color:var(--text);font:inherit;background:0 0;border-radius:8px;gap:2px;padding:6px;font-weight:600;display:grid}.segment small{color:var(--muted);font-size:.75rem;font-weight:400}.segment-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.training{gap:12px;display:grid}.training li{gap:4px;display:grid}.training-button{width:100%}.skills li{grid-template-columns:1fr 56px 64px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}