:root{--bg0: #05080d;--bg1: #0a121c;--bg2: #101c2a;--panel: rgba(12, 22, 34, .9);--line: rgba(120, 200, 220, .16);--text: #eaf3f8;--muted: #7f96aa;--cyan: #2ee6d6;--amber: #ffb020;--mint: #3dffa8;--rose: #ff5d7a;--violet: #9b8cff;--blue: #4aa3ff;--ok: #3dffa8;--bad: #ff5d7a;--shadow: 0 24px 80px rgba(0, 0, 0, .55);--radius: 20px;--font: "Outfit", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--york-text-title: #f4f8fc;--york-text-label: #a8bdd0;--york-text-value: #67f3e6;--york-text-body: #c6d4e2;--york-text-alert: #ffd5dc;--york-text-jargon: #d2c4ff;--york-text-prompt: #ffe3a6;--york-text-chrome: #f2f7fb}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--york-text-body);font-family:var(--font);background:#05080d;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 12% -8%,rgba(46,230,214,.18),transparent 55%),radial-gradient(800px 480px at 92% 0%,rgba(255,176,32,.12),transparent 50%),radial-gradient(700px 420px at 70% 100%,rgba(61,255,168,.08),transparent 50%),linear-gradient(180deg,#05080d,#0a121c 45%,#071018)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 40% 20%,black 20%,transparent 70%)}#app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:272px 1fr}@media(max-width:960px){#app{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,#060c14fa,#08101af0);display:flex;flex-direction:column;gap:14px;overflow:hidden}.sidebar-scroll{min-height:0;flex:1 1 auto;overflow:auto;display:flex;flex-direction:column;gap:14px}.brand{display:flex;gap:12px;align-items:center;padding:6px 4px 4px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;letter-spacing:-.04em;font-size:13px;background:linear-gradient(145deg,#2ee6d673,#ffb02033),#132333;border:1px solid rgba(46,230,214,.4);box-shadow:0 0 0 1px #2ee6d614,0 0 32px #2ee6d638;animation:brandGlow 3.6s ease-in-out infinite}@keyframes brandGlow{0%,to{box-shadow:0 0 22px #2ee6d62e}50%{box-shadow:0 0 36px #ffb02047}}.brand h1{margin:0;font-size:1.05rem;letter-spacing:-.03em;line-height:1.1}.brand p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.dc-badge{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:#ffd27a;border:1px solid rgba(255,176,32,.35);background:linear-gradient(90deg,#ffb02024,#2ee6d614);border-radius:12px;padding:8px 10px;text-align:center}.rank-card{padding:12px;border-radius:14px;border:1px solid var(--line);background:#2ee6d60d}.rank-card .tier{font-family:var(--mono);font-size:.68rem;color:var(--cyan);letter-spacing:.08em}.rank-card strong{display:block;margin-top:4px;font-size:1.05rem;letter-spacing:-.02em}.mastery{padding:12px;border-radius:14px;background:#ffffff05;border:1px solid var(--line)}.mastery-top{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:8px;font-family:var(--mono)}.bar{height:9px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar>i{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--amber));transition:width .45s ease;box-shadow:0 0 16px #2ee6d673}.nav{display:flex;flex-direction:column;gap:5px}.nav button{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;cursor:pointer;font:inherit;font-weight:500;font-size:.9rem;text-align:left;transition:background .18s,border-color .18s,transform .15s}.nav button:hover{background:#2ee6d612;border-color:var(--line)}.nav button.active{background:linear-gradient(90deg,#2ee6d62e,#ffb02014);border-color:#2ee6d659;color:var(--york-text-title);font-weight:700}.nav button .icon{color:var(--cyan);flex-shrink:0}.nav-note{margin-top:auto;font-size:.7rem;color:var(--muted);line-height:1.4;padding:6px}.sidebar .app-foot{flex-shrink:0;margin:0;padding:8px 6px 0;border-top:1px solid var(--line);font-size:.68rem;line-height:1.35}.main{padding:20px 22px 48px;min-width:0;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-head{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:end;justify-content:space-between;margin-bottom:16px}.view-head h2{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem);letter-spacing:-.045em}.view-head p{margin:6px 0 0;color:var(--muted);max-width:62ch;line-height:1.45}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font-family:var(--mono);font-size:.74rem;color:var(--muted)}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}@media(max-width:1100px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}.kpi{padding:12px 12px 10px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#142230e6,#0a121ce6);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:auto -20% -50%;height:70%;background:radial-gradient(circle,rgba(46,230,214,.12),transparent 65%);pointer-events:none}.kpi .label{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--muted)}.kpi .val{margin-top:6px;font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.alarm-banner{display:none;margin-bottom:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,93,122,.45);background:linear-gradient(90deg,#ff5d7a2e,#ffb02014);color:pink;font-weight:600;animation:pulseBorder 1.2s ease-in-out infinite}.alarm-banner.show{display:flex;gap:10px;align-items:center}@keyframes pulseBorder{0%,to{box-shadow:0 0 #ff5d7a26}50%{box-shadow:0 0 0 6px #ff5d7a0d}}.mimic{position:relative;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(46,230,214,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,176,32,.07),transparent 40%),linear-gradient(180deg,#0c1622,#081018);padding:22px 18px 18px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.mimic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:stretch;position:relative;z-index:1}@media(max-width:900px){.mimic-grid{grid-template-columns:repeat(2,1fr)}}.mimic-node{appearance:none;border:1px solid rgba(46,230,214,.22);background:#08101abf;color:var(--text);border-radius:18px;padding:14px 12px;text-align:left;cursor:pointer;font:inherit;min-height:118px;position:relative;transition:transform .18s,border-color .18s,background .18s}.mimic-node:hover{transform:translateY(-3px);border-color:#2ee6d68c;background:#10202ce6}.mimic-node .pulse{position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 #3dffa880;animation:ping 1.8s ease-out infinite}.mimic-node.alarm .pulse{background:var(--rose);animation-name:pingBad}@keyframes ping{0%{box-shadow:0 0 #3dffa88c}70%{box-shadow:0 0 0 12px #3dffa800}to{box-shadow:0 0 #3dffa800}}@keyframes pingBad{0%{box-shadow:0 0 #ff5d7a8c}70%{box-shadow:0 0 0 12px #ff5d7a00}to{box-shadow:0 0 #ff5d7a00}}.mimic-node .n{font-family:var(--mono);font-size:.68rem;color:var(--cyan)}.mimic-node h3{margin:8px 0 6px;font-size:1rem;letter-spacing:-.02em}.mimic-node p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}.mimic-flow{height:4px;margin:14px 2px 4px;border-radius:999px;background:#ffffff0d;overflow:hidden;position:relative}.mimic-flow>i{position:absolute;inset:0 auto 0 0;width:28%;background:linear-gradient(90deg,transparent,var(--cyan),var(--amber),transparent);animation:flow 1.8s linear infinite}@keyframes flow{0%{transform:translate(-120%)}to{transform:translate(420%)}}.home-split{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}@media(max-width:1100px){.home-split{grid-template-columns:1fr}}.mission-list{display:grid;gap:8px}.mission{appearance:none;width:100%;text-align:left;border:1px solid var(--line);background:#ffffff05;color:var(--text);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s,background .15s}.mission:hover{border-color:#2ee6d666;transform:translate(2px)}.mission.done{border-color:#3dffa84d;background:#3dffa80f}.mission h3{margin:0 0 3px;font-size:.98rem}.mission p{margin:0;color:var(--muted);font-size:.82rem}.mission .status{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.mission.done .status{color:var(--mint)}.weather-seg{display:flex;gap:6px;flex-wrap:wrap}.weather-seg button{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 11px;font:inherit;font-size:.8rem;cursor:pointer}.weather-seg button.on{color:var(--york-text-title);font-weight:700;border-color:#ffb02073;background:#ffb0201f}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:16px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;letter-spacing:-.02em}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.btn{appearance:none;border:1px solid rgba(46,230,214,.35);background:linear-gradient(180deg,#2ee6d638,#2ee6d614);color:var(--text);border-radius:12px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;border-color:var(--line);font-weight:500}.btn.amber{border-color:#ffb02066;background:linear-gradient(180deg,#ffb02040,#ffb02014)}.btn.rose{border-color:#ff5d7a66;background:linear-gradient(180deg,#ff5d7a38,#ff5d7a14)}.chaos-actions{display:grid;gap:8px}.chaos-status{margin:0 0 10px;font-family:var(--mono);font-size:.78rem;letter-spacing:.01em;color:var(--mint)}.btn.amber.on{color:#1c1304;background:var(--amber);border-color:#ffd27a;box-shadow:inset 0 0 0 2px #1c130459}.btn.rose.on{color:#2a0710;background:var(--rose);border-color:#ffb3c0;box-shadow:inset 0 0 0 2px #2a071047}.btn.ghost.on{color:#04140c;background:var(--mint);border-color:#b8ffdf;font-weight:700;box-shadow:inset 0 0 0 2px #04140c40}.chaos-flag:empty{display:none}.btn.on .chaos-flag{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:999px;background:#00000038;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}.btn.rose.on .chaos-flag{background:#ffffff4d}.cycle-stage{border-radius:22px;border:1px solid var(--line);background:#081018;padding:16px;box-shadow:var(--shadow)}.cycle-svg{width:100%;height:auto;display:block}.cycle-svg .loop{fill:none;stroke:#2ee6d640;stroke-width:10;stroke-linecap:round}.cycle-svg .flow{fill:none;stroke:url(#flowGrad);stroke-width:6;stroke-linecap:round;stroke-dasharray:28 220;animation:dash 2.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-248}}.cycle-svg .node{cursor:pointer}.cycle-svg .node circle{fill:#102031;stroke:#2ee6d673;stroke-width:2;transition:fill .2s}.cycle-svg .node.active circle{fill:#164852;stroke:var(--cyan);filter:drop-shadow(0 0 8px rgba(46,230,214,.55))}.cycle-svg text{fill:var(--text);font-family:var(--font);font-size:13px;font-weight:600}.cycle-svg .sub{fill:var(--muted);font-size:11px;font-weight:400}.optiview{border-radius:22px;border:1px solid #1a3d32;background:linear-gradient(180deg,#0d241c,#081610);box-shadow:var(--shadow);overflow:hidden}.optiview-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3dffa814;border-bottom:1px solid rgba(61,255,168,.2);font-family:var(--mono);font-size:.76rem;color:#86efac}.optiview-tabs{display:flex;gap:6px;padding:10px 12px 0}.optiview-tabs button{appearance:none;border:1px solid transparent;background:transparent;color:#6ee7b7;border-radius:10px 10px 0 0;padding:8px 12px;font:inherit;font-size:.82rem;cursor:pointer}.optiview-tabs button.on{background:#00000047;border-color:#3dffa833;border-bottom-color:transparent;color:var(--york-text-title);font-weight:700}.optiview-body{display:grid;grid-template-columns:1.35fr .75fr;gap:0}@media(max-width:900px){.optiview-body{grid-template-columns:1fr}}.opti-screen{padding:16px;min-height:340px;background:#0000002e}.gauge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.gauge{padding:12px;border-radius:12px;background:#00000047;border:1px solid rgba(61,255,168,.14)}.gauge .label{font-size:.7rem;color:#6ee7b7;font-family:var(--mono)}.gauge .value{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;margin-top:4px}.schematic{margin-top:10px;border-radius:14px;border:1px solid rgba(61,255,168,.12);background:#06140f;padding:12px;font-family:var(--mono);font-size:.72rem;color:#a7f3d0;line-height:1.55;white-space:pre;overflow:auto}.opti-actions{padding:14px;border-left:1px solid rgba(61,255,168,.15);display:flex;flex-direction:column;gap:8px;background:#00000038}.message-log{margin-top:10px;border-radius:12px;background:#00000052;border:1px solid rgba(255,255,255,.05);max-height:150px;overflow:auto;font-family:var(--mono);font-size:.73rem}.message-log div{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:#a7f3d0}.message-log .warn{color:var(--amber);font-weight:600}.message-log .alarm{color:var(--york-text-alert);font-weight:700}.hero-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:12px}@media(max-width:1100px){.hero-panel{grid-template-columns:1fr}}.canvas-wrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(46,230,214,.12),transparent 40%),#071018;min-height:420px;box-shadow:var(--shadow)}.canvas-wrap canvas{width:100%;height:100%;min-height:420px;display:block;cursor:grab;touch-action:none}.canvas-boot{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);background:#07101899;z-index:1;pointer-events:none}.canvas-hud{position:absolute;left:12px;top:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:2}.canvas-hud .pill{background:#060c14c7;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.74rem;font-family:var(--mono);color:var(--muted)}.plant-labels{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.plant-tag-anchor{width:0;height:0;overflow:visible}.plant-tag-anchor.is-occluded{opacity:0}.plant-leader{position:absolute;left:0;top:0;height:1.5px;transform-origin:0 50%;opacity:.8;pointer-events:none}.plant-tag{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;box-sizing:border-box;padding:2px 6px 3px;background:#060e16e0;border:1.5px solid #2ec4c4;color:#eaf3f8;font-family:var(--mono);font-weight:600;font-size:clamp(11px,2.4vw,13px);line-height:1.15;text-align:center;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.plant-tag-value{font-size:.85em;font-weight:500;line-height:1.2}.plant-tag-value:empty{display:none}.detail-pane{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:420px}.detail-pane .tag{align-self:start;font-family:var(--mono);font-size:.7rem;color:var(--cyan);border:1px solid rgba(46,230,214,.3);padding:4px 8px;border-radius:999px;background:#2ee6d614}.detail-pane h3{margin:0;font-size:1.35rem;letter-spacing:-.03em}.detail-pane ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.5}.pipe-board{margin-top:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px;box-shadow:var(--shadow)}.pipe-head h3{margin:0 0 4px}.plant-reason{margin:12px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}.oat-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:10px 0 8px;font-size:.9rem}.oat-row output{font-family:var(--mono);color:var(--cyan)}.oat-row input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--cyan)}.pipe-head p,.pipe-card p:not(.dp-read):not(.gain-read){margin:0;color:var(--york-text-body);font-size:.88rem}.pipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.pipe-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#050a1073}.pipe-card.lit{border-color:#2ee6d6b3;box-shadow:inset 0 0 0 1px #2ee6d659}.pipe-card h3{margin:0 0 8px;font-size:1rem}.pt-row{display:grid;grid-template-columns:4.2rem 1fr 1fr;gap:8px;font-family:var(--mono);font-size:.82rem;margin-bottom:4px}.pt-row span{color:var(--muted)}.pipe-card label{display:grid;gap:6px;margin-top:10px;font-size:.86rem}.pipe-card output{font-family:var(--mono);color:var(--cyan)}.pipe-card input[type=range]{width:100%;accent-color:var(--cyan)}.pipe-card p.dp-read{margin:8px 0 0;font-family:var(--mono);font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--mint)}.pipe-card p.gain-read{margin:4px 0 0;font-family:var(--mono);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--york-text-value)}.pipe-card[data-line=gly]{border-color:#a78bfa59}.pipe-card[data-line=cw]{border-color:#ffb02047}.tip{margin-top:auto;padding:12px;border-radius:12px;background:#ffb02014;border:1px solid rgba(255,176,32,.25);color:#ffd27a;font-size:.9rem;line-height:1.4}.hotspot-rail{display:flex;flex-wrap:wrap;gap:8px}.hotspot-rail button{appearance:none;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:.85rem}.hotspot-rail button.active,.hotspot-rail button:hover{border-color:#2ee6d673;background:#2ee6d61a}.hotspot-rail .swatch{width:10px;height:10px;border-radius:50%}.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff05}.step.done{border-color:#3dffa859;background:#3dffa814}.step.active{border-color:#2ee6d673;box-shadow:0 0 0 1px #2ee6d61f}.step-num{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;background:#2ee6d61a;color:var(--cyan)}.step h4{margin:0 0 4px}.step p{margin:0;color:var(--muted);font-size:.88rem}.plant-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.plant-node{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:12px 14px;min-width:120px;flex:1;cursor:pointer;text-align:left;font:inherit;display:flex;flex-direction:column;gap:6px}.plant-node.active{border-color:#2ee6d680;background:#2ee6d61a}.plant-node .n{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.plant-arrow{display:grid;place-items:center;color:var(--cyan);font-weight:700;opacity:.7}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.match-board{grid-template-columns:1fr}}.match-col h3{margin:0 0 10px;font-size:.95rem;color:var(--muted)}.match-tiles{display:grid;gap:8px}.match-tile{appearance:none;width:100%;text-align:left;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;font:inherit}.match-tile.selected{border-color:#2ee6d68c;background:#2ee6d61f}.match-tile.correct{border-color:#3dffa88c;background:#3dffa81f}.match-tile.wrong{border-color:#ff5d7a8c;background:#ff5d7a1f;animation:shake .35s ease}.match-tile.locked{opacity:.45;pointer-events:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#2ee6d61a;color:var(--cyan)}.quiz-card,.trouble-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:20px;box-shadow:var(--shadow)}.choices{display:grid;gap:8px;margin-top:14px}.choice{appearance:none;text-align:left;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;cursor:pointer}.choice:hover{border-color:#2ee6d666}.choice.correct{border-color:#3dffa88c;background:#3dffa81f}.choice.wrong{border-color:#ff5d7a8c;background:#ff5d7a1f}.feedback{margin-top:12px;padding:12px;border-radius:12px;background:#2ee6d614;border:1px solid rgba(46,230,214,.25);color:#a5f3fc;line-height:1.45}.timer{font-family:var(--mono);font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--amber);min-width:4ch}.timer.critical{color:var(--rose);animation:pulseBorder .7s ease-in-out infinite}.scoreline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.maint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.maint-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffff05;cursor:pointer;color:inherit;font:inherit;text-align:left}.maint-item.on{border-color:#3dffa873;background:#3dffa81a}.maint-item .when{font-family:var(--mono);font-size:.7rem;color:var(--amber)}.empty-state{color:var(--muted);line-height:1.5}.toast{position:fixed;right:18px;bottom:18px;z-index:50;padding:12px 16px;border-radius:14px;background:#08121cf0;border:1px solid rgba(46,230,214,.35);box-shadow:var(--shadow);transform:translateY(120%);opacity:0;transition:transform .25s,opacity .25s;font-weight:600}.toast.show{transform:translateY(0);opacity:1}@media(max-width:960px){.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line);padding:12px;gap:10px}.sidebar .nav{flex-direction:row;overflow-x:auto;gap:6px}.sidebar .nav button{flex:0 0 auto;white-space:nowrap;font-size:.8rem;padding:8px 10px}.sidebar .nav-note,.sidebar .mastery,.sidebar .rank-card{display:none}.main{padding:14px 12px 48px}.canvas-wrap,.canvas-wrap canvas,.detail-pane{min-height:260px}.plant-arrow{display:none}.kpi-strip{grid-template-columns:repeat(2,1fr)}}.info-host{position:relative;min-width:0}.info-host>.info-btn{appearance:none;position:absolute;top:4px;right:4px;z-index:3;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid rgba(46,230,214,.45);background:#08121ceb;color:var(--cyan);font-family:var(--font);font-size:.95rem;line-height:1;cursor:pointer;display:grid;place-items:center}.info-host>.info-btn:hover{border-color:var(--cyan)}.info-host>.info-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.kpi.info-host .label,.gauge.info-host .label,.card.info-host>h3,.pipe-card.info-host>h3,.quiz-card.info-host>h3,.trouble-card.info-host>h3,.detail-pane.info-host>h3{padding-right:36px}.kpi.info-host .val,.gauge.info-host .value{padding-right:28px}label.info-host,.weather-seg.info-host{padding-right:40px}.info-host>.mission,.info-host>.match-tile,.info-host>.maint-item,.info-host>.mimic-node,.info-host>.plant-node,.info-host>.btn{padding-right:42px}.mission-list>.info-host>.mission,.match-tiles>.info-host>.match-tile,.maint-grid>.info-host>.maint-item,.mimic-grid>.info-host>.mimic-node,.plant-flow>.info-host>.plant-node,.opti-actions>.info-host>.btn,.card .info-host>.btn{width:100%}.mimic-grid>.info-host,.plant-flow>.info-host{display:flex}.mimic-grid>.info-host>.mimic-node,.plant-flow>.info-host>.plant-node{flex:1}.info-host>.mimic-node .pulse{right:42px}.step.info-host{grid-template-columns:42px minmax(0,1fr) auto auto}.step.info-host>.info-btn{position:static;flex-shrink:0}.info-layer{position:fixed;inset:0;z-index:80}.info-backdrop{position:absolute;inset:0}.info-panel{position:fixed;z-index:1;max-height:min(70vh,440px);overflow:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow);padding:14px 16px 12px;font-family:var(--font)}.info-panel.sheet{inset:auto 0 0;width:100%;max-height:70vh;border-radius:20px 20px 0 0}.info-layer:has(.sheet) .info-backdrop{background:#05080d8c}.info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.info-head h3{margin:0;font-size:1.05rem;letter-spacing:-.02em}.info-close{appearance:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:12px;padding:8px 12px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.info-close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.info-now{margin:10px 0 0;font-family:var(--mono);font-size:.82rem;font-variant-numeric:tabular-nums;white-space:pre-line;color:var(--cyan)}.info-points{margin:10px 0 0;padding-left:1.1rem;font-size:.92rem;line-height:1.45}.info-points li+li{margin-top:6px}.info-foot{margin:12px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.jargon{appearance:none;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:underline dotted var(--cyan);text-decoration-thickness:1px;text-underline-offset:.18em;cursor:pointer;border-radius:2px;touch-action:manipulation}.jargon abbr{text-decoration:none}.jargon:hover{color:var(--cyan)}.jargon:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.jargon-beside{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}.mimic-grid>.info-host,.plant-flow>.info-host{flex-direction:column}.valve-alert-panel{margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,93,122,.55);background:#2a0c14eb}.valve-alert-panel[hidden]{display:none}.valve-alert-panel p{margin:0;line-height:1.45}.valve-alert-panel .btn{margin-top:10px}@media(max-width:900px){.info-host>.info-btn,.step.info-host>.info-btn{width:44px;height:44px}.kpi.info-host .label,.gauge.info-host .label,.card.info-host>h3,.pipe-card.info-host>h3,.quiz-card.info-host>h3,.trouble-card.info-host>h3,.detail-pane.info-host>h3,label.info-host,.weather-seg.info-host{padding-right:50px}.info-host>.mission,.info-host>.match-tile,.info-host>.maint-item,.info-host>.mimic-node,.info-host>.plant-node,.info-host>.btn{padding-right:52px}.info-host>.mimic-node .pulse{right:52px}}.plant-controls{display:grid;gap:12px;margin:14px 0}.plant-controls label{display:grid;gap:6px;font-size:.92rem}.unit-row,.clock-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clock-row button.on{color:var(--text);border-color:#2ee6d6b3;background:#2ee6d61f}.confirm-card{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:#040a10b8}.confirm-card[hidden]{display:none}.confirm-panel{width:min(440px,100%);border-radius:var(--radius);border:1px solid rgba(255,93,122,.5);background:var(--panel);padding:18px;box-shadow:var(--shadow)}.confirm-panel p{margin:0 0 14px;line-height:1.45}.confirm-actions{display:flex;flex-wrap:wrap;gap:8px}@media(prefers-reduced-motion:reduce){.info-panel{transition:none}}.york-title,.brand h1,.view-head h2,.card h3,.pipe-head h3,.pipe-card h3,.detail-pane h3,.mission h3,.mimic-node h3,.step h4,.match-col h3,.info-head h3,.rank-card strong,.plant-node strong,.unit-row strong,.maint-item .task,.trouble-card>h3.york-title,.feedback strong{color:var(--york-text-title);font-weight:700;letter-spacing:-.03em}.york-label,.kpi .label,.gauge .label,.pt-row span,.rank-card .tier,.maint-item .when,.mimic-node .n,.plant-node .n,.mission .status,.detail-pane .tag,.chip{color:var(--york-text-label);font-weight:500;letter-spacing:.06em}.canvas-hud .pill,.info-foot,.schematic{color:var(--york-text-label);font-weight:500;letter-spacing:0;text-transform:none}.kpi .label,.gauge .label,.pt-row span,.rank-card .tier,.maint-item .when,.mimic-node .n,.plant-node .n,.mission .status,.detail-pane .tag{font-family:var(--mono);text-transform:uppercase}.plant-controls label,.pipe-card label,.oat-row{color:var(--york-text-label);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.york-value,.kpi .val,.gauge .value,.pt-row b,.mimic-node p,.mastery-top,.info-now,.optiview-top,.plant-controls output,.pipe-card output,.oat-row output,.unit-row .york-value{color:var(--york-text-value);font-family:var(--mono);font-weight:600;letter-spacing:-.02em;text-transform:none;font-variant-numeric:tabular-nums}.plant-controls output,.pipe-card output,.oat-row output{font-size:1rem}.plant-controls .york-value,.unit-row .york-value{font-size:.92rem}.york-body,.brand p,.view-head p,.nav-note,.app-foot,.empty-state,.mission p,.step p,.plant-reason,.detail-pane ul,.trouble-card ul,.trouble-card>p,.info-points,.feedback,.opti-screen>p,.tip,.canvas-boot,.message-log div{color:var(--york-text-body);font-family:var(--font);font-weight:400;letter-spacing:.005em;text-transform:none;line-height:1.5}.york-alert,.alarm-banner,.confirm-panel p{color:var(--york-text-alert);font-family:var(--font);font-weight:600;letter-spacing:.01em;text-transform:none;line-height:1.45}.york-prompt,.quiz-card>h3,.trouble-card>h3.york-prompt{margin-top:0;margin-bottom:8px;padding-left:12px;border-left:3px solid var(--amber);color:var(--york-text-prompt);font-weight:600;font-size:1.2rem;letter-spacing:-.02em;line-height:1.35;text-transform:none}.choice,.match-tile,.match-tile strong{color:var(--york-text-body);font-family:var(--font);font-weight:400;letter-spacing:0;text-transform:none;line-height:1.4}.btn,.nav button,.weather-seg button,.hotspot-rail button,.optiview-tabs button,.info-close{color:var(--york-text-chrome);font-weight:600;letter-spacing:.02em;text-transform:none}.btn.ghost{font-weight:600}button.jargon{color:var(--york-text-jargon);font-weight:600}button.jargon:hover{color:var(--york-text-title)}.dc-badge{color:var(--york-text-prompt)}.toast{color:var(--york-text-title);font-weight:600;letter-spacing:.01em}.gauge .value .york-unit{color:var(--york-text-label);font-size:.62em;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.cycle-svg text{fill:var(--york-text-title);font-weight:700}.cycle-svg .sub{fill:var(--york-text-label);font-weight:500}.cycle-svg .node.active .sub{fill:var(--york-text-title)}.tip strong{color:var(--york-text-prompt);font-weight:700;letter-spacing:-.02em}.plant-tag-name{color:var(--york-text-label)}.plant-tag-value{color:var(--york-text-value)}.kpi.ok .val{color:var(--mint)}.kpi.warn .val{color:var(--amber)}.kpi.bad .val{color:var(--rose)}.pipe-card p.dp-read{color:var(--mint)}.pipe-card p.dp-read.bad{color:var(--rose)}.chaos-status:not(.is-fault){color:var(--mint)}.chaos-status.is-fault{color:var(--amber)}.kpi .val button.jargon,.kpi .val .jargon,.pipe-card p.dp-read .jargon,.chaos-status .jargon,.valve-alert-head .jargon{color:inherit}.valve-alert-head{display:block;color:var(--york-text-alert);font-weight:600;letter-spacing:.01em;line-height:1.45}.valve-alert-body{display:block;margin-top:6px;color:var(--york-text-body);font-weight:400;line-height:1.5}.valve-alert-body:empty{display:none}.opti-set-label{font-size:.85rem;color:var(--york-text-label)}.opti-set-label input{width:100%;margin-top:6px}.match-cue{color:var(--york-text-label);font-family:var(--mono);font-size:.78rem}.maint-item .task{margin-top:6px}.unit-row strong{font-size:.95rem}