:root{--bg: #0d1117;--panel: #111827;--muted: #93a4c1;--accent: #f5c15c;--accent-strong: #ffde7b;--outline: #1f2937;--success: #4ade80;--danger: #f87171;--text: #e5edff;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,rgba(245,193,92,.08),transparent 25%),radial-gradient(circle at 80% 10%,rgba(74,222,128,.08),transparent 22%),var(--bg);color:var(--text);font-family:var(--display);min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.hud{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#131c2c,#0f1521);border:1px solid var(--outline);border-radius:16px;padding:16px 20px;box-shadow:0 20px 60px #00000059}.title{margin:4px 0;font-size:28px;letter-spacing:-.02em}.subtitle{margin:0;color:var(--muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--accent)}.label{display:block;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.hud-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pill{background:#ffffff0a;border:1px solid var(--outline);padding:10px 12px;border-radius:12px;min-width:110px}.pill strong{display:block;margin-top:6px;font-size:18px}.content-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:stretch}.secondary-grid,.tertiary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{background:var(--panel);border:1px solid var(--outline);border-radius:16px;padding:16px;box-shadow:0 12px 40px #00000052}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.story-panel h2,.story-panel h3{margin:6px 0}.story-block{border:1px dashed var(--outline);border-radius:12px;padding:12px;margin-bottom:12px;background:#ffffff05}.beats{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.beats li{display:flex;align-items:center;gap:6px;color:var(--muted)}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.lesson-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.goal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0}.goal-row strong{font-size:18px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{padding:4px 8px;background:#ffffff0f;border:1px solid var(--outline);border-radius:8px;font-size:12px}.status-line{display:flex;align-items:center;gap:6px;margin-top:6px}.status-dot{width:10px;height:10px;border-radius:50%}.status-pass{background:var(--success)}.status-fail{background:var(--danger)}.badge{padding:4px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--outline);background:#ffffff0a}.badge-story{color:#a78bfa;border-color:#a78bfa55}.badge-drill{color:#7dd3fc;border-color:#7dd3fc55}.badge-job{color:#f472b6;border-color:#f472b655}.typing-panel{display:flex;flex-direction:column;gap:12px}.code-preview{min-height:120px;padding:12px;border-radius:12px;background:#0b1020;border:1px solid var(--outline);font-family:var(--mono);line-height:1.6;letter-spacing:.01em;overflow-x:auto}.glyph{padding:0 1px;border-radius:4px}.glyph.correct{background:#4ade8026;color:#c0f2d6}.glyph.wrong{background:#f8717133;color:#fca5a5}.glyph.pending{color:var(--muted)}.type-input{font-family:var(--mono);min-height:140px;padding:12px;border-radius:12px;border:1px solid var(--outline);background:#ffffff08;color:var(--text);resize:vertical}.type-input:focus{outline:2px solid var(--accent);outline-offset:2px}.progress-row{display:flex;align-items:center;gap:8px}.progress{flex:1;height:8px;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid var(--outline)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:8px;transition:width .2s ease}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600}.goal-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;background:#ffffff0f;border:1px solid var(--outline);border-radius:999px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:6px}.job-board{margin-top:4px}.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.job-card{text-align:left;padding:14px;border-radius:12px;border:1px solid var(--outline);background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .1s ease,border-color .1s ease}.job-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.job-card.locked{opacity:.5;cursor:not-allowed}.job-card.completed{border-color:#4ade8080}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.job-meta{display:flex;gap:8px;font-size:12px;color:var(--muted)}.payout{margin-top:10px;padding:10px;border-radius:12px;background:#f5c15c14;border:1px solid rgba(245,193,92,.4)}.unlock-callout{margin-top:8px;padding:8px;border-radius:10px;background:#4ade801a;border:1px solid rgba(74,222,128,.4);display:inline-flex;align-items:center;gap:8px}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--outline);background:#ffffff08;gap:10px}.button-row{display:flex;gap:10px}.primary,.secondary{border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.primary{background:linear-gradient(90deg,var(--accent),var(--accent-strong));color:#181204}.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--outline)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:100}.modal{background:var(--panel);border-radius:16px;padding:18px;border:1px solid var(--outline);max-width:520px;width:100%;box-shadow:0 24px 70px #00000073}.modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.goal-chips .chip:nth-child(1){border-color:#4ade8080}.goal-chips .chip:nth-child(2){border-color:#7dd3fc80}.goal-chips .chip:nth-child(3){border-color:#f472b680}.job-card h4{margin:6px 0}.job-card .success{color:var(--success)}.job-card .payout{margin:0}.badge-job,.badge-drill,.badge-story{font-weight:700}.choice-panel .choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.choice-card,.shop-card,.relationship-card{text-align:left;padding:12px;border-radius:12px;border:1px solid var(--outline);background:#ffffff0a;color:var(--text);transition:transform .1s ease,border-color .1s ease}.choice-card:hover:not(:disabled),.shop-card:hover:not(:disabled),.relationship-card:hover{transform:translateY(-2px);border-color:var(--accent)}.choice-card.locked,.shop-card.owned{opacity:.55;border-style:dashed}.shop-grid,.inventory-grid,.relationship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.inventory-block{border:1px dashed var(--outline);border-radius:10px;padding:10px}.relationship-card.completed{border-color:#4ade8099}.effects-bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}@media (max-width: 960px){.content-grid{grid-template-columns:1fr}.hud{flex-direction:column;align-items:flex-start;gap:12px}.hud-stats{width:100%;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 640px){.app-shell{padding:14px}.bottom-bar{flex-direction:column;align-items:flex-start}.button-row{width:100%}.button-row button{flex:1}}