.boss-control{--bb:#061529;--panel:#0a203b;--blue:#22b6f4;--gold:#f4bc3e;--muted:#a9bdd2;color:#f4f7fb;background:var(--bb);border:1px solid #21476b;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px #02081766;container-type:inline-size}.boss-control *{box-sizing:border-box}.boss-topbar{border-bottom:1px solid #1d85c7;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.boss-brand{align-items:center;gap:12px;display:flex}.boss-brand>div{display:grid}.boss-brand strong{font-size:1rem}.boss-brand span{color:var(--muted);font-size:.72rem}.boss-practice{background:#0b3158;border:1px solid #1768a0;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;display:flex}.boss-practice svg{width:18px}.boss-practice span{display:grid}.boss-practice small{font-size:.62rem}.boss-layout{grid-template-columns:190px minmax(0,1fr);display:grid}.boss-steps{background:#071a31;border-right:1px solid #1c4365;padding:20px 14px}.boss-steps>p{color:var(--gold);text-transform:uppercase;gap:7px;font-size:.7rem;font-weight:800;display:flex}.boss-steps>p svg{width:17px}.boss-steps ol{gap:8px;margin:18px 0 25px;padding:0;list-style:none;display:grid}.boss-steps li{color:#a9c2d8;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:11px 9px;display:flex}.boss-steps li>span{width:28px;height:28px;font:700 .7rem var(--font-mono);border:1px solid #238bc7;border-radius:50%;place-items:center;display:grid}.boss-steps li strong{font-size:.76rem}.boss-steps li[data-active=true]{color:#fff1c2;border-color:var(--gold);background:#4f3a102f}.boss-steps li[data-done=true]{color:#72d8bd}.boss-steps>button{color:#b4c9da;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:39px;font-size:.68rem;display:flex}.boss-steps>button span{border:1px solid #365f7e;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.boss-steps>button svg{width:14px}.boss-main{min-width:0;padding:22px}.boss-crisis-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.boss-kicker{color:#71cfff;font:800 .68rem var(--font-mono);letter-spacing:.17em;text-transform:uppercase}.boss-crisis-head h2{margin:7px 0 5px;font-size:clamp(1.45rem,3.6cqi,2.25rem);line-height:1.08}.boss-crisis-head p{color:#c4d3e1;max-width:75ch;font-size:.86rem;line-height:1.55}.boss-pressure{color:#ff8795;background:#4c142d66;border:1px solid #9c354c;border-radius:9px;flex:none;gap:7px;padding:10px 12px;font-size:.72rem;display:flex}.boss-pressure svg{width:17px}.boss-scene{background:#071b32;border-block:1px solid #153f61;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:24px 0 13px;padding:23px 12px;display:grid}.boss-scene-node{color:var(--gold);opacity:0;animation:bb-node .7s cubic-bezier(.2, .85, .25, 1.18) calc(var(--i) * .13s) forwards;justify-items:center;gap:8px;display:grid;position:relative}.boss-scene-node>svg:not(.boss-flow){color:#75d7ff;background:#0c3154;border:1px solid #1da8ec;border-radius:12px;width:46px;height:46px;padding:9px;box-shadow:0 7px #061021,0 0 18px #1ba8ec35}.boss-scene-node strong{text-align:center;text-transform:uppercase;font-size:.67rem}.boss-value{color:#b8cbe0;font-size:.66rem}.boss-value b{color:#fff;font-size:1.1rem}.boss-flow{color:#25c8ff;width:20px;animation:.7s ease-in-out 3 both bb-flow;position:absolute;top:50%;right:-22px}.boss-concepts{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.boss-concepts span{border:1px solid #285c81;border-radius:99px;padding:6px 8px;font-size:.62rem}.boss-concepts code{color:#f6c856}.boss-work{gap:14px;display:grid}.boss-work>.boss-choice,.boss-work>.boss-writing-grid,.boss-work>.boss-debrief{animation:.62s cubic-bezier(.2,.85,.25,1.08) both bb-act-in}.boss-flow-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.boss-flow-nav span{color:#8fb1ca;font-size:.65rem}.boss-condition{border-left:3px solid var(--gold);color:#f4d895;background:#ba8a2314;padding:10px 12px;font-size:.72rem;font-weight:700}.boss-condition small{color:#7ddcff;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:.64rem;display:block}.boss-choice,.boss-writing{background:#092039;border:1px solid #244d70;border-radius:13px;min-width:0;padding:14px}.boss-choice legend{align-items:center;gap:7px;padding:0 5px;font-size:.79rem;font-weight:800;display:flex}.boss-choice legend>span,.boss-writing b{color:var(--gold);font:800 .66rem var(--font-mono)}.boss-choice legend svg{width:15px}.boss-choice>p{color:#b9cada;margin:4px 0 11px;font-size:.76rem}.boss-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.boss-choice button{color:#e7f0f8;text-align:left;background:#0c2948;border:1px solid #31678e;border-radius:10px;gap:9px;min-height:70px;padding:11px;font-size:.72rem;transition:transform .16s cubic-bezier(.2,.85,.25,1.35),border-color .16s;display:flex}.boss-choice button:hover:not(:disabled){border-color:#51cfff;transform:translateY(-3px)scale(1.01)}.boss-choice button:active:not(:disabled){transform:scale(.97,.93)}.boss-choice button[aria-pressed=true]{border-color:var(--gold);background:#4d3a142f}.boss-choice button>span{border:1px solid;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.boss-choice button[data-result=correct]{background:#123d37;border-color:#54d6a7}.boss-choice button[data-result=retry]{background:#431b2c;border-color:#ed6774}.boss-choice>small{margin-top:8px;font-weight:800;display:block}.is-correct{color:#65dbae}.is-retry{color:#ff8490}.boss-writing-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.boss-writing{gap:7px;display:grid;position:relative}.boss-writing>span{gap:8px;font-size:.76rem;font-weight:800;display:flex}.boss-writing small{font-size:.69rem}.boss-writing textarea{color:#fff;background:#06172c;border:1px solid #376483;border-radius:8px;min-height:92px;padding:10px}.boss-writing em{font-size:.58rem;position:absolute;bottom:20px;right:22px}.boss-resolve{justify-self:start;background:var(--gold)!important;color:#16130b!important}.boss-debrief,.boss-locked{background:#12382f;border:1px solid #4fbc94;border-radius:13px;gap:12px;padding:16px;display:flex}.boss-debrief p{font-size:.74rem}.boss-debrief div div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.boss-locked{background:#0b2037;border-color:#3b5870}.boss-map{background:#06182e;border-top:1px solid #1b4a70;padding:18px 20px}.boss-map-head{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.boss-map-head span{font-size:.65rem}.boss-map>div:last-child{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.boss-map button{color:#e8f1f8;text-align:left;background:#09223d;border:1px solid #274e70;border-radius:9px;gap:3px;min-height:86px;padding:9px;display:grid}.boss-map button[aria-pressed=true]{border-color:var(--gold);background:#47371338}.boss-map button>span{color:#64ccff;font:800 .64rem var(--font-mono)}.boss-map button strong{font-size:.68rem}.boss-map button small{color:#9db5c9;font-size:.56rem}.boss-control[data-revealed=true] .boss-value{animation:.75s both bb-value}.boss-control[data-motion=paused] *{animation-play-state:paused!important}@keyframes bb-node{to{opacity:1;transform:none}}@keyframes bb-flow{50%{filter:drop-shadow(0 0 6px #22c9ff);transform:translate(5px)}}@keyframes bb-value{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes bb-act-in{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:none}}@container (width<=900px){.boss-layout{grid-template-columns:1fr}.boss-steps{border-right:0}.boss-steps ol{grid-template-columns:repeat(5,1fr)}.boss-steps li strong{display:none}.boss-steps>button{width:auto;display:inline-flex}.boss-map>div:last-child{grid-template-columns:repeat(3,1fr)}}@container (width<=620px){.boss-topbar,.boss-crisis-head,.boss-map-head{flex-direction:column;align-items:flex-start}.boss-main{padding:16px}.boss-scene{grid-template-columns:repeat(5,110px);overflow-x:auto}.boss-choice>div,.boss-writing-grid{grid-template-columns:1fr}.boss-flow-nav{flex-direction:column-reverse;align-items:flex-start}.boss-map>div:last-child{grid-template-columns:repeat(2,1fr)}.boss-steps>button{font-size:0}}@media (prefers-reduced-motion:reduce){.boss-control *{transition:none!important;animation:none!important}.boss-scene-node{opacity:1}.boss-choice button:hover{transform:none!important}}