:root{--ink:#15212e;--muted:#64748b;--line:#d9e2ea;--teal:#0f8f8a;--soft:#f5f7fa;--amber:#d78b21}*{box-sizing:border-box}body{margin:0;background:#eef3f6;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;padding:10px clamp(18px,4vw,48px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--ink);color:#fff}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button,.btn{min-height:42px;border:0;border-radius:7px;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}.nav button{background:transparent;color:var(--muted)}.nav button.active,.nav button:hover{background:#e6f5f3;color:#08736f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#fff}.btn.secondary{border:1px solid #bde0dd;background:#fff;color:#08736f}.btn.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.hero{position:relative;display:grid;min-height:calc(100vh - 64px);align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(248,251,252,.97),rgba(248,251,252,.88) 34%,rgba(248,251,252,.25) 70%),url("/hero.png");background-size:cover;background-position:center}.hero-content{max-width:760px;padding:56px clamp(18px,5vw,64px) 122px}.eyebrow{margin-bottom:18px;color:#08736f;font-size:14px;text-transform:uppercase;font-weight:900}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;margin-right:8px;vertical-align:middle;background:var(--teal)}h1{margin:0 0 20px;max-width:650px;font-size:clamp(42px,7vw,76px);line-height:.98}h2{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.1}h3{margin:0 0 8px;font-size:19px}.lead{max-width:640px;color:#334155;font-size:19px;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.strip{position:absolute;left:clamp(16px,4vw,54px);right:clamp(16px,4vw,54px);bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line);box-shadow:0 16px 48px rgba(27,39,52,.14)}.metric{min-height:74px;padding:14px 16px;background:rgba(255,255,255,.94)}.metric strong{display:block;font-size:22px}.metric span{color:var(--muted);font-size:13px}.main{padding:clamp(20px,4vw,48px)}.wrap{max-width:1180px;margin:0 auto}.grid{display:grid;gap:18px}.route{grid-template-columns:280px minmax(0,1fr)}.panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 30px rgba(27,39,52,.08)}.pad{padding:clamp(18px,3vw,28px)}.side{position:sticky;top:84px;align-self:start;padding:18px}.status{display:grid;gap:10px;margin-top:16px}.status div{display:grid;grid-template-columns:28px 1fr;gap:10px;color:var(--muted);font-size:14px}.dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef3f6;font-weight:900}.done{color:var(--ink)!important}.done .dot{background:#e8f3ec;color:#2f7d50}.progress{height:10px;border-radius:99px;background:#e7edf2;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber))}.qhead{display:flex;justify-content:space-between;gap:12px;margin:14px 0 20px;color:var(--muted);font-size:14px}.options{display:grid;gap:10px}.option{display:flex;gap:12px;width:100%;min-height:58px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.option:hover,.option.selected{border-color:var(--teal);background:#f0faf9}.radio{flex:0 0 auto;width:20px;height:20px;border:2px solid #b7c4cf;border-radius:50%}.selected .radio{border:6px solid var(--teal)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:flex;flex-direction:column;justify-content:space-between;min-height:292px;padding:22px}.meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:13px}.score{color:#08736f;font-weight:900}.taglist{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:99px;background:#e8eef5;color:#36506a;font-size:13px;font-weight:700}.tag.teal{background:#e2f4f2;color:#08736f}.cols{grid-template-columns:1.1fr .9fr}.list{display:grid;gap:10px;list-style:none;padding:0;margin:16px 0}.list li{display:grid;grid-template-columns:26px 1fr;gap:10px;color:var(--muted);line-height:1.45}.check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8f3ec;color:#2f7d50;font-weight:900}.profession{padding:14px;border:1px solid var(--line);border-radius:8px}.profession span{display:block;margin-top:4px;color:var(--muted);font-size:14px}.scenario{grid-template-columns:minmax(0,1fr) 310px}.visual{display:grid;place-items:center;min-height:250px;margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(90deg,#f6f9fb 0,#f6f9fb 22px,#eef3f6 22px,#eef3f6 23px)}.nodes{display:grid;grid-template-columns:repeat(3,86px);gap:12px}.node{display:grid;place-items:center;min-height:66px;padding:8px;border:1px solid #bdd1df;border-radius:8px;background:#fff;text-align:center;font-size:13px;font-weight:800}.node.hot{border-color:#e39c4b;background:#fff1df;color:#9b5f15}.feedback{min-height:90px;padding:14px;border-radius:8px;background:#f4f8fb;color:#334155;line-height:1.5}.scorebig{margin:8px 0 16px;color:#08736f;font-size:46px;font-weight:900}.admin{grid-template-columns:repeat(2,1fr)}.footer{padding:26px 48px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}@media(max-width:980px){.route,.cards,.cols,.scenario,.admin,.strip{grid-template-columns:1fr}.hero{padding-bottom:330px}.side{position:static}}@media(max-width:620px){.top{align-items:flex-start;flex-direction:column}.hero{padding-bottom:390px;background-image:linear-gradient(180deg,rgba(248,251,252,.98),rgba(248,251,252,.85) 55%,rgba(248,251,252,.35)),url("/hero.png")}.nodes{grid-template-columns:repeat(2,1fr);width:100%}h1{font-size:44px}}
.game-board{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f7fafc}.game-actions{display:grid;gap:10px;margin-top:16px}.game-action{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:start;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.game-action span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef3f6;font-weight:900}.game-action strong{color:var(--ink)}.game-action small{color:var(--muted);line-height:1.4}.game-action:hover,.game-action.preferred:hover{border-color:var(--teal);background:#f0faf9}.game-action.preferred span{background:#e2f4f2;color:#08736f}.game-hint{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.dispatch-panel,.emission-dashboard,.budget-total,.heatmap-toolbar{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.dispatch-head,.heatmap-toolbar,.emission-dashboard,.budget-total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted)}.dispatch-head strong,.heatmap-toolbar strong,.emission-dashboard strong,.budget-total strong{color:var(--ink)}.priority-lanes{display:grid;gap:10px;margin-top:12px}.priority-item{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:12px;border:1px dashed #bdd1df;border-radius:8px;background:#f9fbfd}.priority-item .rank{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#15212e;color:white;font-weight:900}.priority-item small{grid-column:2;color:var(--muted)}.heatmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.heat-node{min-height:82px;padding:12px;border:1px solid #bdd1df;border-radius:8px;background:#fff;cursor:pointer}.heat-node.risk{background:#fff1df;border-color:#e39c4b}.heat-node span,.heat-node small{display:block}.heat-node small{margin-top:5px;color:var(--muted)}.heat-scale{padding:3px 8px;border-radius:99px;background:linear-gradient(90deg,#dbeafe,#fee2e2)}.tech-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.tech-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.tech-card.best{border-color:var(--teal);background:#f0faf9}.tech-card span{display:block;margin:8px 0;color:#08736f;font-size:24px;font-weight:900}.tech-card small{color:var(--muted)}.sliders{display:grid;gap:12px;margin-top:12px}.sliders label{display:grid;gap:6px;color:var(--muted)}.sliders input{width:100%;accent-color:var(--teal)}.factory-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.factory-zone{min-height:82px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.factory-zone.active{background:#e2f4f2;border-color:var(--teal)}.factory-zone small{display:block;margin-top:6px;color:var(--muted)}@media(max-width:620px){.heatmap,.tech-cards,.factory-map{grid-template-columns:1fr}}
.quest-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-top:14px}.object-pool,.quest-choice-grid,.quest-actions{display:flex;gap:10px;flex-wrap:wrap}.quest-chip,.quest-choice{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;font-weight:800;cursor:pointer}.quest-chip:hover,.quest-choice:hover,.quest-choice.selected{border-color:var(--teal);background:#f0faf9}.quest-muted{color:var(--muted);font-size:14px}.priority-empty{min-height:48px;border:1px dashed #c9d6e2;border-radius:8px;background:#fff;padding:13px;color:var(--muted)}.quest-case,.quest-panel,.system-reaction,.simulator{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.system-reaction{border-color:#a7d7bf;background:#eefaf1;color:#24593e}.heat-node.found{border-color:var(--teal);background:#e2f4f2}.nox-meter{height:14px;margin:10px 0;border-radius:99px;background:#dbeafe;overflow:hidden}.nox-meter span{display:block;height:100%;background:linear-gradient(90deg,#33b28f,#f0a33a,#d94b35)}.simulator label{display:grid;gap:6px;margin-top:10px;color:var(--muted)}.simulator input{width:100%;accent-color:var(--teal)}.forecast{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.forecast div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.forecast strong{display:block;font-size:24px;color:#08736f}.forecast span{color:var(--muted);font-size:13px}@media(max-width:760px){.quest-layout,.forecast{grid-template-columns:1fr}}
.start-time{display:inline-flex;align-items:center;min-height:42px;margin-top:14px;padding:0 14px;border:1px solid #bde0dd;border-radius:8px;background:#fff;color:#334155;font-size:16px}.start-time strong{margin-right:6px;color:#08736f}
.llm-form{display:grid;gap:16px;margin-top:18px;max-width:820px}.llm-form label{display:grid;gap:7px;font-weight:900}.llm-form label span{font-size:13px;color:var(--muted);text-transform:uppercase}.llm-form input,.llm-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 13px;color:var(--ink);font:inherit}.llm-form textarea{resize:vertical;line-height:1.45}.llm-form input:focus,.llm-form textarea:focus{outline:2px solid #bde0dd;border-color:var(--teal)}