*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
:root{--bg:#f4f5fa;--surf:#fff;--surf2:#f0f1f8;--bdr:#d4d6e8;--bdr2:#bfc2d8;--tx:#33364e;--muted:#70739a;--white:#12132a;--ya:#2a6fb8;--ya2:rgba(42,111,184,.08);--ya3:rgba(42,111,184,.2);--bang:#be2424;--arr:#1a8040;--dot:#3878a0;--eq:#2a6fb8;--at:#5a9478;--star:#5a8a9a;--tld:#d06090;--plus:#5a9460;--qst:#8a64c8;--pipe:#6c7ea1;--font-h:'Commissioner A1s','Onest',sans-serif}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font-s);line-height:1.55}.nav{position:sticky;top:0;z-index:30;height:54px;display:flex;align-items:center;gap:1.1rem;padding:0 clamp(1rem,4vw,2rem);background:rgba(244,245,250,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bdr)}
.nav-logo{font:800 1.08rem var(--font-h);color:var(--ya);text-decoration:none}.nav-logo span{color:var(--white)}.nav a:not(.nav-logo){font-size:.78rem;color:var(--muted);text-decoration:none}.nav .spacer{flex:1}.page{max-width:1120px;margin:0 auto;padding:2.4rem clamp(1rem,4vw,2.3rem) 6rem}
.bc{font-size:.72rem;color:var(--muted);margin-bottom:1.1rem}.bc a{color:inherit}.eyebrow{font:600 .68rem var(--font-code);letter-spacing:.12em;text-transform:uppercase;color:var(--ya);margin-bottom:.55rem}.hero h1{font:800 clamp(2rem,5vw,3.4rem)/1.04 var(--font-h);letter-spacing:-.035em;margin:.1rem 0 .8rem;color:var(--white);max-width:900px}
.hero p{font-size:1rem;line-height:1.75;max-width:760px;margin:0;color:var(--tx)}.meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1.4rem}.pill{padding:.34rem .58rem;border:1px solid var(--bdr);border-radius:999px;background:var(--surf);font:500 .68rem var(--font-code);color:var(--muted)}
.scenario-map{position:sticky;top:54px;z-index:20;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:1.4rem 0 2rem;border:1px solid var(--bdr);border-radius:10px;overflow:hidden;background:var(--bdr)}.scenario-map a{padding:.7rem .55rem;background:var(--surf);color:var(--muted);text-decoration:none;text-align:center;font:600 .66rem var(--font-code)}.scenario-map a:hover{color:var(--ya);background:var(--ya2)}
.section-head{display:flex;align-items:center;gap:.75rem;margin:2.6rem 0 1rem}.section-no{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--ya);border-radius:7px;color:var(--ya);font:700 .72rem var(--font-code);background:var(--ya2)}.section-head h2{margin:0;font:750 1.35rem var(--font-h);color:var(--white)}.section-head p{margin:.18rem 0 0;color:var(--muted);font-size:.8rem}
.state-panel{border:1px solid var(--bdr);background:var(--surf);border-radius:14px;padding:1rem;margin:1rem 0 2rem}.state-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}.state-top h2{margin:0;font:750 1.05rem var(--font-h);color:var(--white)}.state-top p{margin:.2rem 0 0;font-size:.76rem;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.field{display:flex;flex-direction:column;gap:.28rem}.field label{font:600 .62rem var(--font-code);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.field input,.field select{width:100%;border:1px solid var(--bdr);border-radius:7px;background:var(--surf2);color:var(--tx);padding:.65rem .7rem;outline:none;font-size:.83rem}.field input:focus,.field select:focus{border-color:var(--ya);box-shadow:0 0 0 3px var(--ya2)}
.field-wide{grid-column:span 2}.field-action{display:grid;grid-template-columns:1fr auto;gap:.4rem}.btn{border:1px solid var(--bdr);border-radius:7px;background:var(--surf);color:var(--tx);padding:.58rem .7rem;font:600 .72rem var(--font-code);cursor:pointer}.btn:hover{border-color:var(--ya);color:var(--ya)}.btn-primary{background:var(--ya);border-color:var(--ya);color:white}.btn-danger{color:var(--bang)}.state-note{margin-top:.75rem;font-size:.7rem;color:var(--muted)}
.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.scenario-card{--card-accent:var(--bdr2);border:1.5px solid color-mix(in srgb,var(--card-accent) 72%,var(--bdr));border-radius:11px;background:var(--surf);padding:.95rem;min-width:0}.scenario-card.eq{--card-accent:var(--eq)}.scenario-card.dot{--card-accent:var(--dot)}.scenario-card.at{--card-accent:var(--at)}.scenario-card.bang{--card-accent:var(--bang)}.scenario-card.qst{--card-accent:var(--qst)}.scenario-card.arr{--card-accent:var(--arr)}.scenario-card.plus{--card-accent:var(--plus)}
.card-head{display:flex;gap:.65rem;align-items:flex-start}.op-box{display:grid;place-items:center;flex:0 0 auto;width:1.75rem;height:1.75rem;border:1.5px solid var(--card-accent);border-radius:6px;color:var(--card-accent);background:color-mix(in srgb,var(--surf) 90%,var(--card-accent) 10%);font:700 .86rem var(--font-code)}.card-head h3{margin:.1rem 0 .25rem;font:700 .93rem var(--font-h);color:var(--white)}.scenario-card p{margin:0;font-size:.8rem;line-height:1.58}.card-meta{margin-top:.65rem;padding-top:.58rem;border-top:1px solid var(--bdr);font:500 .68rem var(--font-code);color:var(--muted)}
.card-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;padding-top:.65rem;border-top:1px dashed var(--bdr)}.mini-btn{border:1px solid color-mix(in srgb,var(--card-accent) 55%,var(--bdr));border-radius:6px;background:var(--surf);color:var(--card-accent);padding:.34rem .5rem;font:600 .65rem var(--font-code);cursor:pointer;text-decoration:none}.mini-btn:hover{border-color:var(--card-accent)}.live{font-family:var(--font-code);color:var(--white)}
.branch{margin-top:.65rem;padding:.6rem .7rem;border-radius:7px;background:var(--surf2);font-size:.75rem}.result-box{border:1.5px solid var(--arr);background:color-mix(in srgb,var(--surf) 96%,var(--arr) 4%);border-radius:12px;padding:1rem 1.1rem}.result-box h3{margin:0 0 .45rem;color:var(--arr);font:750 1rem var(--font-h)}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem;font-size:.8rem}
.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.artifact{border:1px solid var(--bdr);border-radius:11px;background:var(--surf);padding:.95rem}.artifact h3{margin:0 0 .35rem;font:700 .92rem var(--font-h);color:var(--white)}.artifact p{margin:0 0 .75rem;font-size:.76rem;color:var(--muted)}.artifact-actions{display:flex;gap:.4rem;flex-wrap:wrap}.prompt-box{margin-top:1rem;border:1px solid var(--bdr);border-radius:11px;background:#11131b;color:#e8eaf4;padding:.8rem}.prompt-box textarea{width:100%;min-height:220px;resize:vertical;border:0;outline:0;background:transparent;color:inherit;font:500 .75rem/1.55 var(--font-code)}
.source-note{margin-top:1.6rem;padding:.75rem .9rem;border-left:3px solid var(--at);background:var(--surf);font-size:.72rem;color:var(--muted)}.source-note a{color:var(--ya)}
@media(max-width:850px){.form-grid{grid-template-columns:repeat(2,1fr)}.scenario-map{grid-template-columns:repeat(3,1fr)}.phase-grid,.artifact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.nav a:not(.nav-logo):not([href="#artifacts"]){display:none}.page{padding-top:1.35rem}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.scenario-map{position:static;grid-template-columns:repeat(2,1fr)}.result-list{grid-template-columns:1fr}.hero h1{font-size:2rem}.state-top{display:block}.state-top .btn{margin-top:.6rem}}

.disabled-link{opacity:.45;pointer-events:none}.state-note::before{content:'↔ ';color:var(--ya);font-family:var(--font-code)}
.account-profile-panel{margin:1rem 0 2rem;padding:1rem;border:1px solid color-mix(in srgb,var(--ya) 42%,var(--bdr));border-radius:14px;background:color-mix(in srgb,var(--surf) 97%,var(--ya) 3%)}
.profile-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.profile-head h2{margin:.1rem 0 .35rem;font:750 1.15rem var(--font-h);color:var(--white)}.profile-head p{margin:0;max-width:780px;font-size:.8rem;line-height:1.55;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:.8rem;margin-top:.9rem}.profile-checks,.profile-decision{padding:.85rem;border:1px solid var(--bdr);border-radius:10px;background:var(--surf)}
.profile-grid h3{margin:0 0 .55rem;font:700 .88rem var(--font-h);color:var(--white)}.profile-checks ol{margin:0;padding-left:1.25rem}.profile-checks li{margin:.34rem 0;font-size:.77rem;line-height:1.5}
.profile-decision select{width:100%;padding:.62rem .68rem;border:1px solid var(--bdr);border-radius:7px;background:var(--surf2);color:var(--tx);font:inherit;font-size:.78rem}.profile-next{margin-top:.7rem;padding:.7rem;border-left:3px solid var(--arr);background:color-mix(in srgb,var(--surf) 95%,var(--arr) 5%);font-size:.76rem;line-height:1.5}.profile-next strong{color:var(--arr)}
.profile-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.profile-route{display:flex;min-width:0;flex-direction:column;gap:.2rem;padding:.72rem .75rem;border:1px solid var(--bdr);border-radius:9px;background:var(--surf);color:var(--tx);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.profile-route span{font:600 .58rem var(--font-code);letter-spacing:.05em;text-transform:uppercase;color:var(--ya)}.profile-route strong{font:700 .76rem/1.35 var(--font-h);color:var(--white)}.profile-route small{font-size:.67rem;line-height:1.35;color:var(--muted)}.profile-route:hover{border-color:color-mix(in srgb,var(--ya) 55%,var(--bdr));box-shadow:0 6px 18px rgba(42,111,184,.08);transform:translateY(-1px)}
.profile-note{margin-top:.75rem;color:var(--muted);font-size:.68rem;line-height:1.5}
@media(max-width:900px){.profile-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.profile-head{display:block}.profile-head .mini-btn{display:inline-block;margin-top:.65rem}.profile-grid{grid-template-columns:1fr}}
@media(max-width:520px){.profile-routes{grid-template-columns:1fr}}