:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#ecf3e6;background:radial-gradient(circle at top left,rgba(248,173,74,.2),transparent 35%),radial-gradient(circle at top right,rgba(71,130,218,.16),transparent 30%),linear-gradient(160deg,#10181b,#152229 38%,#0b1012);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: rgba(14, 20, 23, .8);--panel-border: rgba(222, 203, 132, .16);--panel-shadow: 0 24px 80px rgba(0, 0, 0, .35);--text-muted: #99a89e;--accent: #f2aa4c;--accent-strong: #ffd86f;--accent-alt: #8ecae6;--danger: #ef7a5b;--good: #7fda89;--mid: #e2c36c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:18px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.topbar-brand{display:grid;gap:6px}.topbar-controls{display:grid;gap:12px;justify-items:end}.topbar h1,.panel h2,.panel h3,.panel h4{font-family:IBM Plex Mono,Fira Mono,monospace;margin:0}.topbar h1{font-size:clamp(2rem,3vw,3rem)}.eyebrow{margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.topbar-meta{margin:0;display:flex;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:.82rem}.topbar-meta span{border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:4px 8px;border-radius:999px}.lede,.muted{color:var(--text-muted)}.topbar-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.topbar-stats span,.badge{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:6px 10px;border-radius:999px;font-size:.82rem}.gold-badge{border-color:#ffd86f80;background:#f2aa4c1f;color:var(--accent-strong)}.notification-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(242,170,76,.24);background:#f2aa4c14;color:#ecf3e6;border-radius:999px;padding:10px 14px;cursor:pointer}.app-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.sidebar{position:sticky;top:24px;align-self:start}.nav-grid{display:grid;gap:12px}.nav-card{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:transform .14s ease,border-color .14s ease,background .14s ease}.nav-card:hover,.nav-card-active{transform:translateY(-1px);border-color:#f2aa4c5c;background:#f2aa4c14}.content,.page-grid{display:grid;gap:16px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pc-grid{grid-template-columns:1.1fr 1fr}.dense-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;padding:18px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wide-panel{grid-column:1 / -1}.hero-headline{min-height:0}.title-with-help{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:16px}.hero-metrics>div,.active-order-banner{padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.metric-label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:6px}.progress-list,.risk-list,.timer-list,.shop-list,.order-list,.log-list,.stat-list{display:grid;gap:10px}.progress-row,.stat-item,.risk-card,.timer-card,.shop-card,.order-card,.log-item{padding:12px 14px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.05)}.compact-card{padding:10px 12px}.stat-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stat-item span{color:var(--text-muted)}.stat-item strong{text-align:right}.compact-copy{margin:6px 0 0}.learning-current-panel{align-content:start}.learning-summary-panel,.learning-current-panel{min-height:250px}.learning-current-card{min-height:170px;align-content:start}.pc-spec-list{display:grid;gap:8px}.pc-spec-list .stat-item{padding:8px 0;border:0;border-radius:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}.pc-spec-list .stat-item:last-child{border-bottom:0}.pc-spec-list .stat-item strong{text-align:left}.pc-spec-list .stat-item span{text-align:right}.risk-card p,.timer-card p{margin:8px 0 0}.risk-low{border-color:#7fda8933}.risk-mid{border-color:#e2c36c47;background:#e2c36c0f}.risk-high{border-color:#ef7a5b57;background:#ef7a5b14}.progress-label,.section-head,.shop-actions,.badge-row,.order-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.badge-row{flex-wrap:wrap}.progress-bar{margin-top:8px;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit}.progress-good{background:linear-gradient(90deg,#4ebc77,#7fda89)}.progress-mid{background:linear-gradient(90deg,#d4a84b,#e2c36c)}.progress-bad{background:linear-gradient(90deg,#d8644a,#ef7a5b)}.chips{display:flex;flex-wrap:wrap;gap:12px}.learning-section-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;align-items:start}.learning-section{display:grid;gap:14px;align-content:start}.book-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.vacancy-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.vacancy-card{align-content:start}.learning-section h4{margin:0}.info-hint{position:relative;display:inline-flex;align-items:center}.info-hint-button{width:24px;height:24px;border:0;border-radius:999px;background:#f2aa4c29;color:#f6cf88;font-size:.78rem;font-weight:700;cursor:pointer}.info-hint-tooltip{position:absolute;top:calc(100% + 10px);left:0;width:min(280px,calc(100vw - 48px));padding:10px 12px;border-radius:14px;background:#070c0ff5;border:1px solid rgba(242,170,76,.2);box-shadow:0 18px 42px #00000057;color:var(--text-main);font-size:.88rem;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease;z-index:5}.info-hint:hover .info-hint-tooltip,.info-hint:focus-within .info-hint-tooltip,.info-hint-open .info-hint-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-drawer{position:fixed;top:24px;right:24px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:grid;gap:14px;padding:18px;border-radius:22px;background:#0a0f12f0;border:1px solid rgba(142,202,230,.18);box-shadow:0 28px 80px #00000073;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(calc(100% + 36px));transition:transform .18s ease;z-index:20}.notification-drawer-open{transform:translate(0)}.notification-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.notification-list{display:grid;gap:12px;overflow-y:auto;padding-right:4px}.notification-item{gap:8px}.notification-item-unread{border-color:#f2aa4c57;background:#f2aa4c14}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#05080ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.modal-card{width:min(560px,100%);display:grid;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(180deg,#141d21fa,#0c1214fa);border:1px solid rgba(242,170,76,.24);box-shadow:0 24px 90px #0000006b}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.chip{min-width:160px;padding:10px 12px;border-radius:16px;background:#8ecae614;border:1px solid rgba(142,202,230,.18)}.chip span,.log-kind{display:block;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.compact-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.hero-property-list{grid-template-columns:1fr}.compact-book-stats .stat-item{padding:10px 12px}.life-action-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-action-list{grid-template-columns:1fr}.hero-action-list .order-card{display:grid;gap:12px}.hero-action-list .primary-button{width:100%}.compact-panel{align-content:start}.social-summary-panel{min-height:280px}.hero-column-stack,.hero-side-stack{display:grid;gap:16px}.compact-actions{flex-wrap:wrap}.healing-ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.healing-ring-inner{width:38px;height:38px;border-radius:50%;background:#0e1417f2;display:grid;place-items:center}.healing-ring-inner strong{font-size:.72rem}.primary-button,.secondary-button{border:0;border-radius:14px;padding:10px 16px;cursor:pointer;transition:transform .14s ease,opacity .14s ease}.primary-button{color:#111516;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.secondary-button{color:#e8efe3;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pc-stage{overflow:hidden}.pc-figure{position:relative;min-height:220px;margin:14px 0 4px;padding:14px;border-radius:22px;background:radial-gradient(circle at center,rgba(142,202,230,.08),transparent 48%),linear-gradient(180deg,#ffffff0a,#ffffff03)}.monitor-shell{width:min(100%,520px);margin:0 auto;border-radius:18px;padding:12px;background:linear-gradient(160deg,#20282b,#0e1416);border:1px solid rgba(255,255,255,.08)}.monitor-screen{min-height:132px;padding:14px;border-radius:14px;background:linear-gradient(160deg,#101615,#0c1013);color:#7ff2a1;font-family:IBM Plex Mono,Fira Mono,monospace}.monitor-screen p{margin:0 0 8px}.pc-stand{width:80px;height:18px;margin:16px auto 0;border-radius:999px;background:linear-gradient(180deg,#ffffff3d,#ffffff0f)}.pc-desk-line{height:8px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,#f2aa4c14,#8ecae633)}.empty-state{padding:18px;text-align:center;border-radius:20px;border:1px dashed rgba(255,255,255,.12);color:var(--text-muted)}.game-over-shell{display:grid;place-items:center;min-height:100vh}.game-over-panel{width:min(1080px,100%);display:grid;gap:14px}.game-over-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-over-summary{padding:16px 18px}.game-over-actions{display:flex;justify-content:center}.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-main-panel{grid-column:span 2}.career-side-panel{grid-column:span 1}.upgrade-card{align-content:start}.log-item time{color:var(--text-muted);font-size:.82rem}@media(max-width:1080px){.app-body,.page-grid,.dense-grid,.learning-section-grid,.vacancy-grid,.pc-grid,.life-action-list,.game-over-grid,.upgrade-grid{grid-template-columns:1fr}.career-main-panel,.career-side-panel{grid-column:auto}.sidebar{position:static}}@media(max-width:720px){.app-shell{padding:16px}.topbar,.topbar-controls,.section-head,.badge-row,.shop-actions,.notification-head,.modal-actions{flex-direction:column;align-items:flex-start}.topbar-controls{justify-items:stretch}.notification-drawer{inset:auto 16px 16px;width:auto;max-height:min(70vh,540px);transform:translateY(calc(100% + 24px))}.notification-drawer-open{transform:translateY(0)}}