:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-2:#0d1830;--panel:#0f182bb8;--panel-2:#121e35d1;--border:#b3c7ff24;--text:#edf3ff;--muted:#a9b7d8;--accent:#d9bb73;--accent-2:#74c8d8;--shadow:0 20px 45px #0000006b}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:#07111f;margin:0;font-family:Inter,system-ui,Arial,sans-serif}body{min-height:100vh;position:relative}body:before{content:"";z-index:-3;background-image:url(/);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;inset:0;transform:scale(1.03)}body:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#04080f9e 0%,#070b14c7 100%),radial-gradient(circle at 0 0,#74c8d814,#0000 26%),radial-gradient(circle at 100% 100%,#d9bb731f,#0000 24%);position:fixed;inset:0}button,input,select{font:inherit}.app-shell{z-index:1;min-height:100vh;padding:28px;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#07111f2e 0%,#07111f05 20% 80%,#07111f2e 100%);position:fixed;inset:0}.background-glow{filter:blur(100px);opacity:.18;pointer-events:none;border-radius:999px;width:420px;height:420px;position:fixed}.glow-1{background:#5f97ff;top:-100px;left:-100px}.glow-2{background:#d9bb73;bottom:-100px;right:-100px}.topbar{z-index:1;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex;position:relative}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px;font-size:.72rem;font-weight:700}.topbar h1{letter-spacing:-.03em;text-shadow:0 4px 18px #00000073;margin:0;font-size:clamp(2.1rem,4vw,3.5rem)}.topbar-badges{flex-wrap:wrap;gap:10px;display:flex}.badge{color:#101522;box-shadow:var(--shadow);background:linear-gradient(135deg,#ecd7aa,#d9bb73);border-radius:999px;align-items:center;padding:9px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.badge-outline{color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101d85}.layout{z-index:1;grid-template-columns:320px minmax(0,1fr);gap:24px;display:grid;position:relative}.panel{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border-radius:24px}.sidebar,.hero-panel,.bottom-grid .panel{padding:22px}.panel-header{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.panel-header h2{margin:0;font-size:1.28rem}.panel-subtitle{color:var(--muted);font-size:.82rem}.field-group{gap:8px;margin-bottom:16px;display:grid}.field-group label{color:var(--muted);font-size:.92rem;font-weight:600}.field-group input,.field-group select{width:100%;color:var(--text);background:#080d188f;border:1px solid #c5d2ff29;border-radius:14px;outline:none;padding:12px 14px;transition:all .2s}.field-group input:focus,.field-group select:focus{border-color:#74c8d88c;box-shadow:0 0 0 3px #74c8d81f}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.stat-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:14px}.stat-card span{color:var(--muted);margin-bottom:6px;font-size:.82rem;display:block}.stat-card strong{font-size:1.1rem}.resource-block{margin-bottom:18px}.resource-line{color:var(--muted);justify-content:space-between;margin-bottom:10px;display:flex}.progress-track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%}.panel-note{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:16px}.panel-note h3{margin:0 0 10px;font-size:1rem}.panel-note p{color:var(--muted);margin:0;line-height:1.6}.main-column{gap:24px;display:grid}.scene-text{color:var(--text);margin:0 0 22px;font-size:1.03rem;line-height:1.75}.choices-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.choice-button{color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(#d9bb7321,#74c8d817);border:1px solid #d9bb7338;border-radius:18px;padding:16px;font-weight:700;transition:transform .18s,border-color .18s,background .18s}.choice-button:hover{background:linear-gradient(#d9bb732e,#74c8d824);border-color:#d9bb7380;transform:translateY(-2px)}.bottom-grid{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.log-list{gap:12px;max-height:420px;display:grid;overflow:auto}.log-entry{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:14px;line-height:1.55}.companion-list{gap:12px;display:grid}.companion-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;justify-content:space-between;gap:12px;padding:14px;display:flex}.companion-card strong{margin-bottom:4px;display:block}.companion-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.bond{white-space:nowrap;color:#ddf8ff;background:#74c8d821;border:1px solid #74c8d83d;border-radius:999px;align-self:flex-start;padding:7px 10px;font-size:.78rem}@media (width<=1100px){.layout,.choices-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}body:before{background-position:58%}}