:root{--navy: #0b1222;--navy-2: #0e1730;--panel: rgba(20, 30, 56, .66);--panel-solid: #121d38;--panel-2: rgba(255, 255, 255, .04);--stroke: rgba(120, 150, 210, .18);--stroke-strong: rgba(120, 170, 255, .42);--ink: #eaf2ff;--ink-dim: #9db0d6;--ink-faint: #6478a0;--accent: #38e1ff;--accent-2: #7c8cff;--safe: #34e0a1;--warning: #ffc44d;--crisis: #ff5d6c;--glow-accent: 0 0 22px rgba(56, 225, 255, .4);--glow-safe: 0 0 20px rgba(52, 224, 161, .45);--glow-warn: 0 0 20px rgba(255, 196, 77, .5);--glow-crisis: 0 0 26px rgba(255, 93, 108, .55);--r-lg: 20px;--r: 15px;--r-sm: 10px;--gap: 14px;--f-display: "Orbitron", sans-serif;--f-ui: "Gabarito", "Pretendard", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--shadow: 0 18px 50px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1300px 820px at 80% -12%,rgba(56,225,255,.12),transparent 58%),radial-gradient(1100px 720px at -5% 110%,rgba(124,140,255,.12),transparent 55%),var(--navy);color:var(--ink);font-family:var(--f-ui);overflow:hidden;-webkit-font-smoothing:antialiased}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(1000px 680px at 50% 30%,rgba(56,225,255,.14),transparent 60%),var(--navy);transition:opacity .6s ease}.boot.is-hidden{opacity:0;pointer-events:none}.boot__inner{width:min(960px,92vw);text-align:center}.boot__badge{display:inline-block;font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:var(--accent);border:1px solid var(--stroke-strong);border-radius:999px;padding:7px 18px;margin-bottom:24px;box-shadow:var(--glow-accent)}.boot__title{font-family:var(--f-display);font-weight:900;font-size:clamp(48px,9vw,110px);margin:0;letter-spacing:3px;line-height:.95}.boot__title span{color:var(--accent);text-shadow:var(--glow-accent)}.boot__sub{color:var(--ink-dim);font-size:19px;margin:16px 0 38px}.boot__sub b{color:var(--ink)}.boot__cities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.boot__hint{margin-top:26px;color:var(--ink-faint);font-family:var(--f-mono);font-size:12px}.citycard{--card-accent: var(--accent);text-align:left;cursor:pointer;border:1px solid var(--stroke);border-radius:var(--r-lg);padding:26px;background:var(--panel);transition:.25s;position:relative;overflow:hidden;color:var(--ink)}.citycard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 200px at 90% -10%,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 70%);opacity:.7}.citycard:hover{border-color:var(--card-accent);box-shadow:0 0 28px color-mix(in srgb,var(--card-accent) 40%,transparent);transform:translateY(-4px)}.citycard__emoji{font-size:38px}.citycard h3{font-family:var(--f-display);margin:10px 0 8px;font-size:23px}.citycard p{color:var(--ink-dim);margin:0 0 16px;font-size:14.5px;line-height:1.5;min-height:64px}.citycard__marks{display:flex;gap:7px;flex-wrap:wrap}.citycard__cta{margin-top:18px;font-weight:700;color:var(--card-accent)}.chip{font-family:var(--f-mono);font-size:11px;padding:5px 10px;border-radius:8px;border:1px solid var(--stroke);color:var(--ink-dim)}.app{height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--gap);padding:var(--gap)}.play{display:grid;grid-template-columns:1fr 360px;gap:var(--gap);min-height:0}.stage{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--stroke);background:#0a1020;min-height:0}#cityCanvas{display:block;width:100%;height:100%}.science{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:16px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.science::-webkit-scrollbar{width:8px}.science::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:8px}.tray{min-height:150px}.app.is-crisis{animation:siren 1.2s ease-in-out infinite}@keyframes siren{0%,to{box-shadow:inset 0 0 #ff5d6c00}50%{box-shadow:inset 0 0 150px #ff5d6c38}}.topbar{display:grid;grid-template-columns:auto repeat(4,1fr);gap:var(--gap)}.brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 20px;border:1px solid var(--stroke);border-radius:var(--r);background:var(--panel)}.brand b{font-family:var(--f-display);font-size:19px;letter-spacing:1.5px}.brand b span{color:var(--accent)}.stat{padding:11px 17px;border:1px solid var(--stroke);border-radius:var(--r);background:var(--panel);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.stat__label{font-family:var(--f-mono);font-size:11px;letter-spacing:1px;color:var(--ink-dim);text-transform:uppercase;display:flex;gap:6px;align-items:center}.stat__value{font-family:var(--f-display);font-size:25px;font-weight:800;line-height:1.15}.stat.is-safe .stat__value{color:var(--safe)}.stat.is-warning .stat__value{color:var(--warning)}.stat.is-crisis .stat__value{color:var(--crisis)}.stat.is-warning{animation:blink 1.1s steps(2,jump-none) infinite}.stat.is-crisis{box-shadow:var(--glow-crisis)}@keyframes blink{50%{border-color:var(--warning)}}.gauge{height:7px;border-radius:999px;background:#ffffff14;margin-top:8px;overflow:hidden}.gauge__fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1),background .4s}.objbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0b1222b8;border:1px solid var(--stroke-strong);border-radius:var(--r);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.objbar__icon{font-size:24px}.objbar__main{flex:1}.objbar__title{font-weight:700;font-size:15px}.objbar__goal{font-size:13px;color:var(--ink-dim)}.objbar__prog{width:150px}.city__tag{position:absolute;bottom:14px;left:16px;font-family:var(--f-mono);font-size:12px;color:var(--ink-dim);background:#0b122299;padding:6px 12px;border-radius:8px;border:1px solid var(--stroke)}.city__legend{position:absolute;bottom:14px;right:16px;display:flex;gap:12px;font-family:var(--f-mono);font-size:11px;background:#0b122299;padding:7px 12px;border-radius:8px;border:1px solid var(--stroke)}.city__legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px}.statuspill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:12px;letter-spacing:1px;padding:6px 12px;border-radius:999px;border:1px solid}.statuspill.is-safe{color:var(--safe);border-color:var(--safe)}.statuspill.is-warning{color:var(--warning);border-color:var(--warning)}.statuspill.is-crisis{color:var(--crisis);border-color:var(--crisis);box-shadow:var(--glow-crisis);animation:blink .7s steps(2) infinite}.tray__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tray__title{font-family:var(--f-display);font-size:14px;letter-spacing:1px}.tray__budget{font-family:var(--f-mono);font-size:13px;color:var(--ink-dim)}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px}.pcard{position:relative;text-align:left;cursor:pointer;border:1.5px solid var(--stroke);border-radius:var(--r);padding:14px 16px;background:var(--panel);transition:.18s;color:var(--ink);overflow:hidden}.pcard:hover{border-color:var(--stroke-strong);transform:translateY(-3px);box-shadow:var(--shadow)}.pcard.is-on{border-color:var(--safe);box-shadow:var(--glow-safe);background:linear-gradient(180deg,rgba(52,224,161,.12),var(--panel))}.pcard.is-disabled{opacity:.45;cursor:not-allowed}.pcard__check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--stroke-strong);display:grid;place-items:center;font-size:13px;color:transparent}.pcard.is-on .pcard__check{background:var(--safe);border-color:var(--safe);color:#07210f}.pcard__icon{font-size:26px}.pcard__title{font-weight:700;font-size:15.5px;margin:6px 0 4px;padding-right:26px}.pcard__desc{font-size:13px;color:var(--ink-dim);line-height:1.45;min-height:54px}.pcard__concept{font-size:11.5px;color:var(--accent);margin-top:8px;font-family:var(--f-mono)}.pcard__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--stroke)}.pcard__cost{font-family:var(--f-mono);font-size:13px}.pcard__eff{display:flex;gap:6px}.tag{font-family:var(--f-mono);font-size:10.5px;padding:3px 7px;border-radius:6px;border:1px solid var(--stroke);color:var(--ink-dim)}.tag.good{color:var(--safe);border-color:#34e0a166}.tag.bad{color:var(--crisis);border-color:#ff5d6c66}.btn{font-family:var(--f-display);letter-spacing:1px;font-size:14px;padding:13px 22px;border-radius:var(--r-sm);border:1px solid var(--accent);background:linear-gradient(180deg,#38e1ff33,#38e1ff0f);color:var(--ink);cursor:pointer;transition:.2s}.btn:hover{box-shadow:var(--glow-accent);background:#38e1ff4d}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--primary{border-color:var(--safe);background:linear-gradient(180deg,#34e0a13d,#34e0a10f)}.btn--primary:hover{box-shadow:var(--glow-safe)}.btn--lg{padding:15px 30px;font-size:15px}.shead{font-family:var(--f-display);font-size:13px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;margin:4px 0 12px}.shead:before{content:"";width:4px;height:15px;background:var(--accent);border-radius:2px;box-shadow:var(--glow-accent)}.shead.mt{margin-top:22px;padding-top:16px;border-top:1px solid var(--stroke)}.card{border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--panel-2);padding:12px;margin-bottom:12px}.card__title{font-family:var(--f-mono);font-size:11px;letter-spacing:.5px;color:var(--ink-dim);text-transform:uppercase;margin-bottom:8px;display:flex;justify-content:space-between}.chartbox{position:relative;height:96px}.donutwrap{display:flex;align-items:center;gap:14px}.donutbox{position:relative;width:116px;height:116px;flex:none}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut-center b{font-family:var(--f-display);font-size:23px;display:block}.metric-rows{flex:1;display:flex;flex-direction:column;gap:8px}.mrow{display:flex;justify-content:space-between;align-items:center;font-size:13px}.mrow .v{font-family:var(--f-mono);font-weight:600}.agents{display:flex;flex-direction:column;gap:9px}.agent{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px 10px;font-size:13px}.agent__flag{font-size:16px;line-height:1}.agent__name{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent__emit{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-dim);justify-self:end}.agent__coopwrap{grid-column:2 / -1;display:flex;align-items:center;gap:9px}.agent__bar{flex:1;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.agent__fill{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1),background .4s}.agent__pct{font-family:var(--f-mono);font-size:11.5px;font-weight:600;flex:none;min-width:52px;text-align:right}#xaiSvg{width:100%;height:212px;display:block}.xai-legend{display:flex;gap:12px;font-family:var(--f-mono);font-size:10px;color:var(--ink-dim);margin-top:6px;flex-wrap:wrap}.shead.xai-head{color:var(--accent)}.shead.xai-head:before{background:var(--accent);box-shadow:var(--glow-accent)}.xai-caption{font-size:11.5px;color:var(--ink-dim);margin:-6px 0 8px;display:flex;align-items:center;gap:6px}.xai-caption b{color:var(--accent)}.xai-card{border-color:var(--stroke-strong);box-shadow:0 0 0 1px #38e1ff1a;position:relative;transition:box-shadow .25s,border-color .25s}.xai-card.pulse{animation:xaiPulse .9s cubic-bezier(.2,.8,.2,1)}@keyframes xaiPulse{0%{box-shadow:0 0 0 1px #38e1ff1a;border-color:var(--stroke-strong)}30%{box-shadow:0 0 26px #38e1ff8c,0 0 0 2px var(--accent);border-color:var(--accent)}to{box-shadow:0 0 0 1px #38e1ff1a;border-color:var(--stroke-strong)}}.xai-card .xai-flash{position:absolute;top:8px;right:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.5px;color:var(--accent);background:#38e1ff1f;border:1px solid var(--stroke-strong);border-radius:999px;padding:2px 8px;opacity:0;transform:translateY(-3px);pointer-events:none}.xai-card.pulse .xai-flash{animation:xaiFlash 1.1s ease}@keyframes xaiFlash{0%,to{opacity:0;transform:translateY(-3px)}20%,70%{opacity:1;transform:translateY(0)}}.feed{height:96px;border:1px solid var(--stroke);border-radius:var(--r);background:var(--panel);padding:11px 16px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:7px}.feed__item{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.4;animation:feedin .4s ease}@keyframes feedin{0%{opacity:0;transform:translate(-10px)}}.feed__who{font-family:var(--f-mono);font-size:11px;padding:3px 9px;border-radius:6px;flex:none}.feed__who.sci{color:var(--accent);border:1px solid var(--stroke-strong)}.feed__who.cit{color:var(--warning);border:1px solid rgba(255,196,77,.4)}.feed__who.sys{color:var(--crisis);border:1px solid rgba(255,93,108,.4)}.feed__text b{color:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#050914b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:feedin .3s ease}.sheet{width:min(640px,94vw);max-height:88vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--stroke-strong);border-radius:var(--r-lg);box-shadow:var(--shadow),var(--glow-accent);padding:30px}.sheet__kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:var(--accent)}.sheet__icon{font-size:46px;margin:8px 0}.sheet__title{font-family:var(--f-display);font-size:24px;margin:4px 0 12px}.sheet__body{color:var(--ink-dim);font-size:15.5px;line-height:1.7}.sheet__goal{margin:18px 0;padding:14px 16px;border-radius:var(--r);border:1px dashed var(--stroke-strong);background:var(--panel-2)}.sheet__goal b{color:var(--accent)}.sheet__concept{margin-top:14px;font-size:13px;color:var(--ink-faint)}.sheet__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.coach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.coach.is-active{pointer-events:auto}.coachmark{position:absolute;max-width:280px;background:var(--panel-solid);border:1px solid var(--accent);border-radius:var(--r);padding:14px 16px;box-shadow:var(--glow-accent);font-size:14px}.is-success{color:var(--safe)}.is-fail{color:var(--crisis)}.resultbadge{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:16px;padding:8px 16px;border-radius:999px;border:1px solid}.resultbadge.ok{color:var(--safe);border-color:var(--safe);box-shadow:var(--glow-safe)}.resultbadge.no{color:var(--crisis);border-color:var(--crisis);box-shadow:var(--glow-crisis)}.causal{text-align:left;margin:18px 0 6px}.causal__h{font-size:16px;font-weight:700;margin:0 0 14px;color:var(--ink)}.cstep{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--stroke);border-radius:var(--r);background:var(--panel-2)}.cstep__n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-size:14px;font-weight:800;color:var(--navy);background:var(--accent);box-shadow:var(--glow-accent)}.cstep__body{flex:1;min-width:0}.cstep__title{font-weight:700;font-size:14px;color:var(--accent);margin-bottom:8px}.cstep__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.cstep__list li{border-left:2px solid var(--stroke-strong);padding-left:11px}.cstep__list b{font-size:14.5px}.cstep__eff{font-size:13.5px;color:var(--ink);line-height:1.5;margin-top:3px}.cstep__concept{font-size:12px;color:var(--ink-dim);font-family:var(--f-mono);margin-top:4px}.cstep__link{text-align:center;color:var(--ink-faint);font-size:12.5px;font-family:var(--f-mono);margin:7px 0}.cres-wrap{display:flex;flex-direction:column;gap:7px}.cres{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 11px;border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--stroke);font-size:13.5px}.cres__l{color:var(--ink-dim)}.cres__v{font-family:var(--f-mono);display:flex;align-items:center;gap:7px}.cres__from{color:var(--ink-faint)}.cres__v b{font-size:14.5px}.cres__tag{font-size:10.5px;padding:2px 7px;border-radius:6px;border:1px solid}.cres.good{border-color:#34e0a166}.cres.good .cres__v b,.cres.good .cres__tag{color:var(--safe)}.cres.good .cres__tag{border-color:#34e0a173}.cres.bad{border-color:#ff5d6c66}.cres.bad .cres__v b,.cres.bad .cres__tag{color:var(--crisis)}.cres.bad .cres__tag{border-color:#ff5d6c73}.cstep--verdict.ok{border-color:var(--safe);box-shadow:var(--glow-safe)}.cstep--verdict.ok .cstep__n{background:var(--safe)}.cstep--verdict.ok .cstep__title{color:var(--safe)}.cstep--verdict.no{border-color:var(--crisis);box-shadow:var(--glow-crisis)}.cstep--verdict.no .cstep__n{background:var(--crisis)}.cstep--verdict.no .cstep__title{color:var(--crisis)}.cstep__verdict{font-size:15px;font-weight:600;margin:0;line-height:1.5}.cstep__warn{color:var(--crisis);font-size:13px;margin:8px 0 0}.lesson{margin-top:14px;padding:14px 16px;border-radius:var(--r);background:linear-gradient(180deg,#38e1ff1f,#38e1ff08);border:1px solid var(--stroke-strong);font-size:14px;line-height:1.6;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.btn:focus-visible,.pcard:focus-visible,.citycard:focus-visible,.coachmark__skip:focus-visible,.quiz__opt:focus-visible,[data-pill]:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.pcard:focus-visible{box-shadow:var(--glow-accent)}.btn,.pcard{min-height:44px}.feed__who{min-height:22px;display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.app.is-crisis,.stat.is-warning,.statuspill.is-crisis{animation:none}.boot,.gauge__fill{transition:none}}@media(max-width:1024px){body{overflow:auto}.app{height:auto;min-height:100vh}.play{grid-template-columns:1fr}.stage{min-height:46vh}.science{max-height:none}.cards{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-columns:auto}.topbar{grid-template-columns:1fr 1fr}.brand{grid-column:1 / -1}}@media(max-width:680px){.app{padding:10px;gap:10px}.topbar{grid-template-columns:1fr 1fr;gap:10px}.stage{min-height:40vh}.objbar{flex-wrap:wrap;gap:10px}.objbar__prog{width:100%}.city__legend{display:none}.cards{grid-template-columns:1fr 1fr}.pcard__desc{min-height:0}.sheet{width:96vw;padding:22px 18px;max-height:92vh}.sheet__title{font-size:21px}.boot__cities{grid-template-columns:1fr}.feed{height:120px}.brand__cite{max-width:100%}}@media(max-width:480px){.topbar{grid-template-columns:1fr 1fr}.stat{padding:9px 12px}.stat__value{font-size:21px}.brand{padding:10px 14px;gap:6px 10px}.brand__cite{order:3;flex-basis:100%;max-width:100%}.audiotoggle{margin-left:auto}.science{padding:12px}.donutwrap{flex-wrap:wrap;justify-content:center}.donutbox{width:104px;height:104px}.metric-rows{flex-basis:100%}.agent{grid-template-columns:18px 1fr auto}.sheet{padding:18px 14px}.statgrid{grid-template-columns:1fr}.cstep{padding:12px;gap:9px}.ring{width:128px;height:128px}}@media(max-width:400px){.app{padding:8px;gap:8px}.topbar{grid-template-columns:1fr;gap:8px}.stage{min-height:36vh}.cards{grid-template-columns:1fr}.sheet__icon{font-size:38px}.sheet__title{font-size:19px}.sheet__body{font-size:14px}.sheet__actions{flex-direction:column;align-items:stretch}.sheet__actions .btn{width:100%;text-align:center}.sheet__actions--share{flex-direction:column}.objbar{top:8px;left:8px;right:8px;padding:10px 12px}.objbar__title{font-size:14px}.objbar__goal{font-size:12px}.city__tag{left:8px;bottom:8px;font-size:11px;max-width:60vw}body .ec-toast{left:8px;right:8px;transform:translateY(14px);max-width:none}body .ec-toast.is-on{transform:translateY(0)}}