/* /Layout/MainLayout.razor.rz.scp.css */
.phosphor-shell[b-qpbowkmo83] {
    min-height: 100vh;
    position: relative;
    isolation: isolate;
}

.phosphor-shell[b-qpbowkmo83]::after {
    position: fixed;
    inset: 0;
    z-index: 100;
    pointer-events: none;
    content: "";
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .14) 0, rgba(0, 0, 0, .14) 1px, transparent 1px, transparent 4px);
    mix-blend-mode: multiply;
}

@media (forced-colors: active) {
    .phosphor-shell[b-qpbowkmo83]::after { display: none; }
}
/* /Pages/BalanceTrianglePrototype.razor.rz.scp.css */
.balance-prototype[b-yozmcgmnpe] {
    --scale-brand: #6f00ff;
    --scale-brand-hover: #8f00ff;
    --scale-brand-secondary: #a08bec;
    --scale-deep-space: #090b16;
    --scale-surface: #131628;
    --scale-surface-raised: #1b1f36;
    --scale-border: #343852;
    --scale-text: #f6f6f6;
    --scale-muted: #b3b3b3;
    --scale-success: #4dff9a;
    --scale-info: #5ce7ef;
    --scale-warning: #ffc857;
    --scale-danger: #ff6b6b;
    --scale-font: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
    --current-wind: var(--scale-brand-secondary);

    position: relative;
    min-height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    overflow: hidden;
    background:
        radial-gradient(circle at 12% -8%, rgb(111 0 255 / 24%), transparent 34rem),
        radial-gradient(circle at 94% 18%, color-mix(in srgb, var(--current-wind) 12%, transparent), transparent 30rem),
        linear-gradient(180deg, #0e1020 0, var(--scale-deep-space) 48rem);
    color: var(--scale-text);
    font-family: var(--scale-font);
}

.balance-prototype[b-yozmcgmnpe]::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background-image:
        linear-gradient(rgb(160 139 236 / 3%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(160 139 236 / 3%) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, black, transparent 84%);
}

.wind-vata[b-yozmcgmnpe] { --current-wind: var(--scale-info); }
.wind-pitta[b-yozmcgmnpe] { --current-wind: var(--scale-danger); }
.wind-kapha[b-yozmcgmnpe] { --current-wind: var(--scale-success); }

.balance-prototype button[b-yozmcgmnpe],
.balance-prototype a[b-yozmcgmnpe] {
    font: inherit;
}

.balance-prototype button:focus-visible[b-yozmcgmnpe],
.balance-prototype a:focus-visible[b-yozmcgmnpe] {
    outline: 3px solid var(--scale-brand-secondary);
    outline-offset: 3px;
}

.balance-frame[b-yozmcgmnpe] {
    position: relative;
    z-index: 1;
    width: min(1540px, 100%);
    margin: 0 auto;
}

.balance-topbar[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.25fr) minmax(280px, .8fr);
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 90%);
    box-shadow: 0 18px 54px rgb(0 0 0 / 32%);
}

.brand-block[b-yozmcgmnpe],
.live-readout[b-yozmcgmnpe],
.test-hud[b-yozmcgmnpe] {
    min-width: 0;
    padding: 16px 18px;
}

.brand-block[b-yozmcgmnpe] {
    border-left: 5px solid var(--scale-brand);
}

.brand-block p[b-yozmcgmnpe],
.live-readout span[b-yozmcgmnpe],
.section-heading p[b-yozmcgmnpe],
.validation-summary header p[b-yozmcgmnpe] {
    margin: 0;
    color: var(--scale-brand-secondary);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.brand-block h1[b-yozmcgmnpe] {
    margin: 6px 0 0;
    font-size: clamp(1.45rem, 2.8vw, 2.65rem);
    line-height: .95;
    letter-spacing: -.07em;
}

.brand-block h1 em[b-yozmcgmnpe] {
    display: block;
    margin-top: 8px;
    color: var(--scale-brand-secondary);
    font-size: .36em;
    font-style: normal;
    letter-spacing: .08em;
}

.live-readout[b-yozmcgmnpe] {
    border-inline: 1px solid var(--scale-border);
    background: linear-gradient(115deg, rgb(111 0 255 / 13%), transparent 72%);
}

.live-readout strong[b-yozmcgmnpe] {
    display: block;
    margin-top: 6px;
    font-size: clamp(.88rem, 1.25vw, 1.05rem);
    line-height: 1.4;
}

.test-hud[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 18px;
    align-content: center;
}

.test-hud > div[b-yozmcgmnpe] {
    display: grid;
    gap: 2px;
}

.test-hud > div span[b-yozmcgmnpe] {
    color: var(--scale-muted);
    font-size: .62rem;
    letter-spacing: .09em;
}

.test-hud > div strong[b-yozmcgmnpe] {
    color: var(--scale-success);
    font-size: 1.15rem;
}

.test-hud nav[b-yozmcgmnpe] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.test-hud a[b-yozmcgmnpe] {
    color: var(--scale-info);
    font-size: .65rem;
    text-decoration: none;
}

.test-hud a:hover[b-yozmcgmnpe] { color: var(--scale-text); }

.test-thesis[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--scale-border);
    border-top: 0;
    background: rgb(9 11 22 / 84%);
}

.test-thesis div[b-yozmcgmnpe] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 11px 14px;
}

.test-thesis div + div[b-yozmcgmnpe] { border-left: 1px solid var(--scale-border); }
.test-thesis b[b-yozmcgmnpe] { color: var(--scale-brand-secondary); font-size: .68rem; }
.test-thesis span[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .72rem; line-height: 1.4; }

.scenario-rail[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 18px 0 10px;
}

.scenario-tab[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px 12px;
    padding: 12px 14px;
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 78%);
}

.scenario-tab > span[b-yozmcgmnpe],
.scenario-tab small[b-yozmcgmnpe] {
    color: var(--scale-muted);
    font-size: .64rem;
    letter-spacing: .06em;
}

.scenario-tab strong[b-yozmcgmnpe] {
    grid-column: 1;
    font-size: .86rem;
}

.scenario-tab small[b-yozmcgmnpe] { grid-column: 1; }

.scenario-tab > b[b-yozmcgmnpe] {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
    color: var(--scale-muted);
    font-size: .65rem;
}

.scenario-tab.active[b-yozmcgmnpe] {
    border-color: var(--current-wind);
    box-shadow: inset 4px 0 var(--current-wind);
}

.scenario-tab.active > b[b-yozmcgmnpe] { color: var(--current-wind); }
.scenario-tab.complete[b-yozmcgmnpe] { border-color: rgb(77 255 154 / 44%); }
.scenario-tab.complete > b[b-yozmcgmnpe] { color: var(--scale-success); }
.scenario-tab.pending[b-yozmcgmnpe] { opacity: .66; }

.balance-grid[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
    gap: 10px;
}

.case-zone[b-yozmcgmnpe],
.resolution-zone[b-yozmcgmnpe],
.response-zone[b-yozmcgmnpe],
.validation-summary[b-yozmcgmnpe] {
    min-width: 0;
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 82%);
}

.section-heading[b-yozmcgmnpe] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    min-height: 58px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 52%);
}

.section-heading h2[b-yozmcgmnpe] {
    margin: 3px 0 0;
    font-size: .98rem;
    letter-spacing: -.02em;
}

.section-heading > span[b-yozmcgmnpe] {
    color: var(--current-wind);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.case-zone[b-yozmcgmnpe] {
    background:
        radial-gradient(circle at 90% 3%, color-mix(in srgb, var(--current-wind) 10%, transparent), transparent 22rem),
        rgb(19 22 40 / 82%);
}

.case-card[b-yozmcgmnpe] {
    width: min(760px, calc(100% - 28px));
    margin: 14px auto;
    border: 1px solid var(--current-wind);
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(150deg, color-mix(in srgb, var(--current-wind) 9%, var(--scale-surface-raised)), var(--scale-surface));
    box-shadow: 0 20px 46px rgb(0 0 0 / 32%);
}

.case-title[b-yozmcgmnpe] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--current-wind) 42%, transparent);
}

.case-title span[b-yozmcgmnpe],
.case-title p[b-yozmcgmnpe] {
    margin: 0;
    color: var(--current-wind);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.case-title h2[b-yozmcgmnpe] {
    margin: 4px 0;
    font-size: clamp(1.65rem, 4vw, 3.1rem);
    letter-spacing: -.07em;
}

.state-glyph[b-yozmcgmnpe] {
    display: grid;
    width: 82px;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--current-wind);
    border-radius: 50%;
    color: var(--current-wind);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
    box-shadow: inset 0 0 28px color-mix(in srgb, var(--current-wind) 18%, transparent);
}

.person-line[b-yozmcgmnpe] {
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 14px 18px 4px;
}

.person-line > span[b-yozmcgmnpe] {
    display: grid;
    width: 42px;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--scale-brand-secondary);
    border-radius: 50%;
    color: var(--scale-brand-secondary);
    font-weight: 800;
}

.person-line div[b-yozmcgmnpe] { display: grid; gap: 2px; }
.person-line small[b-yozmcgmnpe] { color: var(--scale-muted); }

.event-copy[b-yozmcgmnpe] {
    margin: 14px 18px;
    color: var(--scale-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.case-card blockquote[b-yozmcgmnpe] {
    margin: 14px 18px;
    padding: 14px 16px;
    border-left: 4px solid var(--current-wind);
    background: rgb(9 11 22 / 68%);
    color: var(--scale-text);
    font-size: clamp(.9rem, 1.5vw, 1.08rem);
    line-height: 1.5;
}

.tell-box[b-yozmcgmnpe] {
    margin: 18px;
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 58%);
}

.tell-box header[b-yozmcgmnpe] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--scale-border);
}

.tell-box header span[b-yozmcgmnpe] { color: var(--current-wind); font-size: .68rem; font-weight: 800; }
.tell-box header small[b-yozmcgmnpe] { color: var(--scale-muted); line-height: 1.4; }

.tell-box > div[b-yozmcgmnpe] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 11px 12px;
}

.tell-box > div span[b-yozmcgmnpe] {
    padding: 5px 7px;
    border: 1px solid color-mix(in srgb, var(--current-wind) 45%, var(--scale-border));
    color: var(--scale-text);
    font-size: .67rem;
}

.resolution-line[b-yozmcgmnpe] {
    display: grid;
    gap: 9px;
    padding: 14px;
}

.balance-gate[b-yozmcgmnpe],
.procedure-step[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 82px;
    padding: 11px;
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 64%);
    color: var(--scale-text);
    text-align: left;
}

.balance-gate > span[b-yozmcgmnpe],
.procedure-step > span:first-child[b-yozmcgmnpe] {
    color: var(--scale-muted);
    font-size: .7rem;
}

.balance-gate > div[b-yozmcgmnpe],
.procedure-copy[b-yozmcgmnpe] {
    display: grid;
    gap: 4px;
}

.balance-gate strong[b-yozmcgmnpe],
.procedure-copy strong[b-yozmcgmnpe] { font-size: .76rem; }
.balance-gate small[b-yozmcgmnpe],
.procedure-copy small[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .68rem; line-height: 1.4; }
.procedure-step > b[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .62rem; }

.balance-gate.complete[b-yozmcgmnpe],
.procedure-step.complete[b-yozmcgmnpe] {
    border-color: rgb(77 255 154 / 50%);
    box-shadow: inset 3px 0 var(--scale-success);
}

.balance-gate.complete strong[b-yozmcgmnpe],
.procedure-step.complete strong[b-yozmcgmnpe],
.procedure-step.complete > b[b-yozmcgmnpe] { color: var(--scale-success); }

.procedure-step.active[b-yozmcgmnpe] {
    border-color: var(--scale-warning);
    cursor: pointer;
    box-shadow: inset 3px 0 var(--scale-warning);
}

.procedure-step.active:hover[b-yozmcgmnpe] { background: rgb(255 200 87 / 9%); }
.procedure-step.active > b[b-yozmcgmnpe] { color: var(--scale-warning); }
.procedure-step:disabled[b-yozmcgmnpe] { cursor: default; opacity: .66; }
.procedure-step.complete:disabled[b-yozmcgmnpe] { opacity: 1; }

.played-line[b-yozmcgmnpe],
.scenario-complete[b-yozmcgmnpe] {
    margin: 0 14px 14px;
    padding: 12px;
    border: 1px solid rgb(77 255 154 / 42%);
    background: rgb(77 255 154 / 6%);
}

.played-line span[b-yozmcgmnpe],
.scenario-complete strong[b-yozmcgmnpe] {
    color: var(--scale-success);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.played-line p[b-yozmcgmnpe] {
    margin: 7px 0 0;
    font-size: .76rem;
    line-height: 1.5;
}

.scenario-complete[b-yozmcgmnpe] {
    display: grid;
    gap: 7px;
}

.scenario-complete span[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .7rem; line-height: 1.4; }

.scenario-complete button[b-yozmcgmnpe] {
    min-height: 38px;
    border: 1px solid var(--scale-success);
    background: rgb(77 255 154 / 11%);
    color: var(--scale-success);
    cursor: pointer;
    font-size: .68rem;
    font-weight: 800;
}

.response-zone[b-yozmcgmnpe] { margin-top: 10px; }

.response-hand[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 14px;
}

.response-card[b-yozmcgmnpe] {
    --move-color: var(--scale-brand-secondary);

    display: grid;
    gap: 8px;
    min-width: 0;
    min-height: 224px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--move-color) 68%, var(--scale-border));
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--move-color) 15%, transparent), transparent 13rem),
        var(--scale-surface-raised);
    color: var(--scale-text);
    cursor: pointer;
    text-align: left;
    transition: translate 120ms ease, border-color 120ms ease, background 120ms ease;
}

.response-card:hover:not(:disabled)[b-yozmcgmnpe] {
    border-color: var(--move-color);
    translate: 0 -3px;
}

.response-card:disabled[b-yozmcgmnpe] { cursor: default; opacity: .7; }
.response-card.matched:disabled[b-yozmcgmnpe] { opacity: 1; }
.response-card.move-ground[b-yozmcgmnpe] { --move-color: var(--scale-success); }
.response-card.move-cool[b-yozmcgmnpe] { --move-color: var(--scale-info); }
.response-card.move-spark[b-yozmcgmnpe] { --move-color: var(--scale-warning); }

.move-wind[b-yozmcgmnpe] {
    color: var(--move-color);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.response-card > strong[b-yozmcgmnpe] {
    color: var(--move-color);
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    letter-spacing: -.06em;
}

.response-card > small[b-yozmcgmnpe] {
    color: var(--scale-muted);
    font-size: .74rem;
    line-height: 1.5;
}

.move-example[b-yozmcgmnpe] {
    align-self: end;
    padding-top: 9px;
    border-top: 1px solid var(--scale-border);
    color: var(--scale-text);
    font-size: .71rem;
    line-height: 1.4;
}

.response-card > b[b-yozmcgmnpe] {
    justify-self: start;
    padding: 5px 7px;
    border: 1px solid var(--move-color);
    color: var(--move-color);
    font-size: .62rem;
}

.response-card.matched[b-yozmcgmnpe] {
    border-width: 2px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--scale-success) 16%, transparent);
}

.response-card.misread[b-yozmcgmnpe] {
    border-color: var(--scale-danger);
    box-shadow: inset 0 0 0 1px var(--scale-danger);
}

.response-card.misread > b[b-yozmcgmnpe] {
    border-color: var(--scale-danger);
    color: var(--scale-danger);
}

.validation-summary[b-yozmcgmnpe] {
    margin-top: 10px;
    padding: 16px;
    border-color: rgb(77 255 154 / 54%);
    box-shadow: inset 4px 0 var(--scale-success);
}

.validation-summary header h2[b-yozmcgmnpe] {
    margin: 4px 0;
    color: var(--scale-success);
    font-size: clamp(1.35rem, 3vw, 2.15rem);
}

.validation-summary header > span[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .76rem; }

.validation-summary > div[b-yozmcgmnpe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 14px;
}

.validation-summary article[b-yozmcgmnpe] {
    display: grid;
    gap: 4px;
    padding: 11px;
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 56%);
}

.validation-summary article span[b-yozmcgmnpe],
.validation-summary article small[b-yozmcgmnpe] { color: var(--scale-muted); font-size: .66rem; }
.validation-summary article strong[b-yozmcgmnpe] { color: var(--scale-success); }

.validation-summary > p[b-yozmcgmnpe] {
    margin: 14px 0 0;
    color: var(--scale-success);
    font-size: .7rem;
}

.balance-frame > footer[b-yozmcgmnpe] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 3px 2px;
    color: var(--scale-muted);
    font-size: .62rem;
    letter-spacing: .04em;
}

@media (max-width: 1080px) {
    .balance-topbar[b-yozmcgmnpe] { grid-template-columns: 1fr 1fr; }
    .test-hud[b-yozmcgmnpe] { grid-column: 1 / -1; border-top: 1px solid var(--scale-border); }
    .balance-grid[b-yozmcgmnpe] { grid-template-columns: 1fr; }
    .response-card[b-yozmcgmnpe] { min-height: 205px; }
}

@media (max-width: 720px) {
    .balance-prototype[b-yozmcgmnpe] { padding: 8px; }
    .balance-topbar[b-yozmcgmnpe] { grid-template-columns: 1fr; }
    .live-readout[b-yozmcgmnpe] { border: 0; border-top: 1px solid var(--scale-border); }
    .test-thesis[b-yozmcgmnpe],
    .scenario-rail[b-yozmcgmnpe],
    .response-hand[b-yozmcgmnpe],
    .validation-summary > div[b-yozmcgmnpe] { grid-template-columns: 1fr; }
    .test-thesis div + div[b-yozmcgmnpe] { border-left: 0; border-top: 1px solid var(--scale-border); }
    .scenario-rail[b-yozmcgmnpe] { gap: 6px; }
    .case-title[b-yozmcgmnpe] { align-items: flex-start; }
    .state-glyph[b-yozmcgmnpe] { width: 62px; }
    .section-heading[b-yozmcgmnpe] { align-items: flex-start; }
    .response-card[b-yozmcgmnpe] { min-height: 188px; }
    .balance-frame > footer[b-yozmcgmnpe] { flex-direction: column; }
}
/* /Pages/CardPrototype.razor.rz.scp.css */
.card-prototype[b-ksharj06hj] {
    --scale-brand: #6f00ff;
    --scale-brand-hover: #8f00ff;
    --scale-brand-active: #9728ff;
    --scale-brand-secondary: #a08bec;
    --scale-deep-space: #090b16;
    --scale-surface: #131628;
    --scale-surface-raised: #1b1f36;
    --scale-border: #343852;
    --scale-text: #f6f6f6;
    --scale-muted: #b3b3b3;
    --scale-success: #4dff9a;
    --scale-info: #5ce7ef;
    --scale-warning: #ffc857;
    --scale-danger: #ff6b6b;
    --scale-brand-glow: rgb(111 0 255 / 18%);
    --scale-font: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;

    position: relative;
    min-height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    overflow: hidden;
    background:
        radial-gradient(circle at 15% -10%, rgb(111 0 255 / 23%), transparent 34rem),
        radial-gradient(circle at 95% 15%, rgb(92 231 239 / 8%), transparent 26rem),
        linear-gradient(180deg, #0e1020 0, var(--scale-deep-space) 44rem);
    color: var(--scale-text);
    font-family: var(--scale-font);
}

.card-prototype[b-ksharj06hj]::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background-image:
        linear-gradient(rgb(160 139 236 / 3%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(160 139 236 / 3%) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
}

.card-prototype button[b-ksharj06hj],
.card-prototype a[b-ksharj06hj] {
    font: inherit;
}

.card-prototype button:focus-visible[b-ksharj06hj],
.card-prototype a:focus-visible[b-ksharj06hj] {
    outline: 3px solid var(--scale-brand-secondary);
    outline-offset: 3px;
}

.prototype-frame[b-ksharj06hj] {
    position: relative;
    z-index: 1;
    width: min(1680px, 100%);
    margin: 0 auto;
}

.card-topbar[b-ksharj06hj] {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(330px, 1.35fr) auto;
    gap: 18px;
    align-items: stretch;
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 88%);
    box-shadow: 0 18px 54px rgb(0 0 0 / 32%);
}

.brand-block[b-ksharj06hj],
.wild-alert[b-ksharj06hj],
.prototype-hud[b-ksharj06hj] {
    min-width: 0;
    padding: 15px 18px;
}

.brand-block[b-ksharj06hj] {
    border-left: 5px solid var(--scale-brand);
}

.brand-block p[b-ksharj06hj],
.wild-alert span[b-ksharj06hj],
.section-kicker[b-ksharj06hj],
.card-label[b-ksharj06hj],
.metric-label[b-ksharj06hj] {
    margin: 0;
    color: var(--scale-brand-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.brand-block h1[b-ksharj06hj] {
    margin: 5px 0 0;
    color: var(--scale-text);
    font-size: clamp(1.55rem, 3vw, 2.8rem);
    line-height: .96;
    letter-spacing: -.07em;
    text-shadow: none;
}

.brand-block h1 em[b-ksharj06hj] {
    color: var(--scale-brand-secondary);
    font-size: .48em;
    font-style: normal;
    letter-spacing: .05em;
}

.wild-alert[b-ksharj06hj] {
    border-inline: 1px solid var(--scale-border);
    background: linear-gradient(115deg, rgb(111 0 255 / 13%), transparent 70%);
}

.wild-alert strong[b-ksharj06hj] {
    display: block;
    margin-top: 5px;
    color: var(--scale-text);
    font-size: clamp(.9rem, 1.5vw, 1.15rem);
    line-height: 1.35;
}

.prototype-hud[b-ksharj06hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(86px, 1fr));
    gap: 12px;
    align-content: center;
}

.hud-stat[b-ksharj06hj] {
    display: grid;
    gap: 2px;
}

.hud-stat span[b-ksharj06hj] {
    color: var(--scale-muted);
    font-size: .61rem;
    letter-spacing: .08em;
}

.hud-stat strong[b-ksharj06hj] {
    color: var(--scale-text);
    font-size: 1.05rem;
}

.hud-stat.success strong[b-ksharj06hj] { color: var(--scale-success); }
.hud-stat.warning strong[b-ksharj06hj] { color: var(--scale-warning); }

.route-links[b-ksharj06hj] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.route-links a[b-ksharj06hj] {
    color: var(--scale-info);
    font-size: .68rem;
    text-decoration: none;
}

.route-links a:hover[b-ksharj06hj] { text-decoration: underline; }

.grammar-strip[b-ksharj06hj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 12px 0;
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 82%);
}

.grammar-step[b-ksharj06hj] {
    position: relative;
    display: grid;
    gap: 2px;
    min-height: 50px;
    padding: 9px 14px;
    border-right: 1px solid var(--scale-border);
    color: var(--scale-muted);
}

.grammar-step:last-child[b-ksharj06hj] { border-right: 0; }
.grammar-step b[b-ksharj06hj] { color: var(--scale-brand-secondary); font-size: .7rem; letter-spacing: .1em; }
.grammar-step span[b-ksharj06hj] { font-size: .72rem; }
.grammar-step.active[b-ksharj06hj] { background: var(--scale-brand-glow); box-shadow: inset 0 -3px var(--scale-brand); }
.grammar-step.active b[b-ksharj06hj] { color: var(--scale-text); }

.prototype-grid[b-ksharj06hj] {
    display: grid;
    grid-template-columns: minmax(230px, .72fr) minmax(360px, 1.2fr) minmax(260px, .78fr);
    gap: 14px;
    align-items: stretch;
}

.prototype-panel[b-ksharj06hj] {
    min-width: 0;
    border: 1px solid var(--scale-border);
    background: linear-gradient(145deg, rgb(27 31 54 / 95%), rgb(19 22 40 / 96%));
    box-shadow: inset 0 1px rgb(255 255 255 / 3%), 0 14px 34px rgb(0 0 0 / 24%);
}

.panel-heading[b-ksharj06hj] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
    padding: 10px 13px;
    border-bottom: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 58%);
}

.panel-heading h2[b-ksharj06hj] {
    margin: 0;
    color: var(--scale-text);
    font-size: .82rem;
    letter-spacing: .08em;
}

.panel-heading span[b-ksharj06hj] {
    color: var(--scale-muted);
    font-size: .62rem;
}

.biome-body[b-ksharj06hj] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.biome-name[b-ksharj06hj] {
    padding: 12px;
    border: 1px solid var(--scale-brand);
    background: rgb(111 0 255 / 9%);
    box-shadow: 0 0 28px var(--scale-brand-glow);
}

.biome-name strong[b-ksharj06hj],
.biome-name span[b-ksharj06hj] { display: block; }
.biome-name strong[b-ksharj06hj] { color: var(--scale-text); font-size: 1rem; }
.biome-name span[b-ksharj06hj] { margin-top: 3px; color: var(--scale-muted); font-size: .72rem; }

.biome-factors[b-ksharj06hj],
.modifier-list[b-ksharj06hj],
.skill-list[b-ksharj06hj] {
    display: grid;
    gap: 7px;
    margin: 0;
}

.biome-factors div[b-ksharj06hj],
.actor-fact[b-ksharj06hj] {
    display: grid;
    grid-template-columns: minmax(78px, .6fr) 1fr;
    gap: 8px;
    padding-bottom: 7px;
    border-bottom: 1px dotted var(--scale-border);
}

.biome-factors dt[b-ksharj06hj],
.actor-fact dt[b-ksharj06hj] {
    color: var(--scale-muted);
    font-size: .64rem;
    letter-spacing: .06em;
}

.biome-factors dd[b-ksharj06hj],
.actor-fact dd[b-ksharj06hj] {
    margin: 0;
    color: var(--scale-info);
    font-size: .72rem;
    text-align: right;
}

.encounter-table[b-ksharj06hj] {
    display: grid;
    gap: 7px;
}

.encounter-slot[b-ksharj06hj] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 48%);
}

.encounter-slot b[b-ksharj06hj] { color: var(--scale-brand-secondary); font-size: .68rem; }
.encounter-slot span[b-ksharj06hj] { color: var(--scale-muted); font-size: .68rem; }
.encounter-slot strong[b-ksharj06hj] { color: var(--scale-text); font-size: .7rem; }
.encounter-slot.active[b-ksharj06hj] { border-color: var(--scale-brand-secondary); background: rgb(111 0 255 / 9%); }

.tcg-stage[b-ksharj06hj] {
    display: grid;
    place-items: center;
    min-height: 535px;
    padding: clamp(14px, 2vw, 26px);
    perspective: 1200px;
    background:
        radial-gradient(circle, rgb(111 0 255 / 16%), transparent 56%),
        linear-gradient(135deg, rgb(255 255 255 / 2%) 25%, transparent 25%) 0 0 / 16px 16px;
}

.tcg-card[b-ksharj06hj] {
    position: relative;
    display: flex;
    width: min(410px, 100%);
    min-height: 490px;
    padding: 12px;
    flex-direction: column;
    overflow: hidden;
    border: 2px solid var(--scale-brand-secondary);
    border-radius: 16px;
    background: linear-gradient(155deg, #232743, var(--scale-surface) 68%);
    box-shadow:
        0 0 0 5px rgb(9 11 22 / 88%),
        0 0 0 7px var(--scale-border),
        0 30px 65px rgb(0 0 0 / 48%);
    transform: rotateX(1.5deg);
}

.tcg-card[b-ksharj06hj]::after {
    position: absolute;
    inset: -35% -70%;
    pointer-events: none;
    content: "";
    background: linear-gradient(110deg, transparent 40%, rgb(255 255 255 / 8%) 48%, transparent 56%);
    transform: rotate(8deg);
}

.tcg-card.rare[b-ksharj06hj] {
    border-color: var(--scale-warning);
    background:
        linear-gradient(135deg, rgb(92 231 239 / 5%) 20%, transparent 20%) 0 0 / 18px 18px,
        linear-gradient(155deg, #332257, var(--scale-surface) 70%);
    box-shadow:
        0 0 0 5px rgb(9 11 22 / 88%),
        0 0 0 7px rgb(255 200 87 / 58%),
        0 0 42px rgb(111 0 255 / 24%),
        0 30px 65px rgb(0 0 0 / 48%);
}

.tcg-card.resolved[b-ksharj06hj] {
    border-color: var(--scale-success);
    box-shadow:
        0 0 0 5px rgb(9 11 22 / 88%),
        0 0 0 7px rgb(77 255 154 / 42%),
        0 24px 60px rgb(0 0 0 / 46%);
}

.card-topline[b-ksharj06hj],
.card-title-row[b-ksharj06hj],
.card-stakes[b-ksharj06hj],
.card-footer[b-ksharj06hj] {
    position: relative;
    z-index: 1;
}

.card-topline[b-ksharj06hj] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.rarity-badge[b-ksharj06hj],
.proof-badge[b-ksharj06hj],
.modifier-chip[b-ksharj06hj],
.skill-chip[b-ksharj06hj],
.overlay-note[b-ksharj06hj] {
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 72%);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rarity-badge[b-ksharj06hj],
.proof-badge[b-ksharj06hj] { padding: 5px 7px; }
.rarity-badge[b-ksharj06hj] { color: var(--scale-warning); border-color: rgb(255 200 87 / 58%); }
.proof-badge[b-ksharj06hj] { color: var(--scale-info); }

.card-title-row[b-ksharj06hj] {
    margin: 12px 0 10px;
    padding: 12px 11px;
    border-block: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 48%);
}

.card-title-row h2[b-ksharj06hj] {
    margin: 3px 0;
    color: var(--scale-text);
    font-size: clamp(1.35rem, 3vw, 2.05rem);
    letter-spacing: -.05em;
    line-height: 1;
}

.card-title-row p[b-ksharj06hj] { margin: 0; color: var(--scale-muted); font-size: .72rem; }

.encounter-portrait[b-ksharj06hj] {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 150px;
    place-items: center;
    border: 1px solid var(--scale-border);
    background:
        radial-gradient(circle at 50% 38%, rgb(160 139 236 / 26%), transparent 17%),
        radial-gradient(ellipse at 50% 82%, rgb(111 0 255 / 38%), transparent 42%),
        linear-gradient(180deg, rgb(92 231 239 / 4%), rgb(9 11 22 / 82%));
}

.pawn-glyph[b-ksharj06hj] {
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    border: 2px solid var(--scale-brand-secondary);
    border-radius: 50% 50% 44% 44%;
    background: var(--scale-surface-raised);
    color: var(--scale-text);
    font-size: 2.1rem;
    font-weight: 900;
    box-shadow: 0 12px 0 -3px var(--scale-brand), 0 20px 32px rgb(0 0 0 / 44%);
}

.card-stakes[b-ksharj06hj] { display: grid; gap: 9px; padding: 12px 2px 0; }
.card-stakes p[b-ksharj06hj] { margin: 0; color: var(--scale-muted); font-size: .72rem; }
.card-stakes strong[b-ksharj06hj] { color: var(--scale-text); }

.modifier-list[b-ksharj06hj],
.skill-list[b-ksharj06hj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.modifier-chip[b-ksharj06hj],
.skill-chip[b-ksharj06hj] { padding: 6px; color: var(--scale-warning); text-align: center; }
.skill-chip[b-ksharj06hj] { color: var(--scale-info); }

.overlay-note[b-ksharj06hj] {
    padding: 8px;
    border-color: rgb(160 139 236 / 48%);
    color: var(--scale-brand-secondary);
    line-height: 1.35;
    text-align: center;
}

.card-footer[b-ksharj06hj] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--scale-border);
    color: var(--scale-muted);
    font-size: .62rem;
}

.actor-body[b-ksharj06hj] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.actor-card[b-ksharj06hj] {
    padding: 11px;
    border: 1px solid var(--scale-brand-secondary);
    border-radius: 9px;
    background: linear-gradient(150deg, rgb(111 0 255 / 14%), rgb(9 11 22 / 70%));
}

.actor-portrait[b-ksharj06hj] {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 12px;
    align-items: center;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--scale-border);
}

.actor-portrait .pawn-glyph[b-ksharj06hj] { width: 64px; height: 64px; font-size: 1.5rem; }
.actor-portrait h3[b-ksharj06hj] { margin: 2px 0; color: var(--scale-text); font-size: 1.05rem; }
.actor-portrait p[b-ksharj06hj] { margin: 0; color: var(--scale-muted); font-size: .67rem; }

.actor-facts[b-ksharj06hj] { display: grid; gap: 8px; margin: 12px 0 0; }

.position-slot[b-ksharj06hj] {
    display: grid;
    gap: 6px;
    padding: 11px;
    border: 1px dashed var(--scale-brand-secondary);
    background: rgb(160 139 236 / 6%);
}

.position-slot > span[b-ksharj06hj] { color: var(--scale-brand-secondary); font-size: .63rem; letter-spacing: .08em; }
.position-slot strong[b-ksharj06hj] { color: var(--scale-text); font-size: .82rem; }
.position-slot small[b-ksharj06hj] { color: var(--scale-muted); }

.knowledge-note[b-ksharj06hj] {
    margin: 0;
    padding: 10px;
    border-left: 3px solid var(--scale-info);
    background: rgb(92 231 239 / 5%);
    color: var(--scale-muted);
    font-size: .7rem;
}

.decision-panel[b-ksharj06hj] {
    grid-column: 1 / -1;
    margin-top: 14px;
}

.decision-body[b-ksharj06hj] { display: grid; gap: 16px; padding: 14px; }
.decision-group[b-ksharj06hj] { display: grid; gap: 8px; }
.decision-group-head[b-ksharj06hj] { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.decision-group-head h3[b-ksharj06hj] { margin: 0; color: var(--scale-text); font-size: .8rem; letter-spacing: .06em; }
.decision-group-head span[b-ksharj06hj] { color: var(--scale-muted); font-size: .66rem; }

.stance-grid[b-ksharj06hj],
.response-grid[b-ksharj06hj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.stance-button[b-ksharj06hj],
.response-card[b-ksharj06hj],
.primary-action[b-ksharj06hj],
.secondary-action[b-ksharj06hj] {
    border: 1px solid var(--scale-border);
    background: rgb(9 11 22 / 70%);
    color: var(--scale-text);
    cursor: pointer;
    transition: border-color .14s ease, background .14s ease, transform .14s ease, box-shadow .14s ease;
}

.stance-button[b-ksharj06hj],
.response-card[b-ksharj06hj] {
    display: grid;
    gap: 6px;
    min-height: 112px;
    padding: 12px;
    text-align: left;
}

.stance-button:hover[b-ksharj06hj],
.response-card:hover[b-ksharj06hj] { border-color: var(--scale-brand-secondary); transform: translateY(-2px); }
.stance-button[aria-pressed="true"][b-ksharj06hj],
.response-card[aria-pressed="true"][b-ksharj06hj] {
    border-color: var(--scale-brand);
    background: rgb(111 0 255 / 17%);
    box-shadow: inset 0 -3px var(--scale-brand), 0 0 24px var(--scale-brand-glow);
}

.stance-button b[b-ksharj06hj],
.response-card b[b-ksharj06hj] { color: var(--scale-text); font-size: .82rem; }
.stance-button span[b-ksharj06hj],
.response-card span[b-ksharj06hj] { color: var(--scale-muted); font-size: .69rem; line-height: 1.4; }
.stance-button small[b-ksharj06hj],
.response-card small[b-ksharj06hj] { color: var(--scale-brand-secondary); font-size: .6rem; letter-spacing: .07em; }

.decision-commit[b-ksharj06hj] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    padding-top: 13px;
    border-top: 1px solid var(--scale-border);
}

.decision-commit p[b-ksharj06hj] { margin: 0; color: var(--scale-muted); font-size: .72rem; }
.decision-commit strong[b-ksharj06hj] { color: var(--scale-text); }

.primary-action[b-ksharj06hj],
.secondary-action[b-ksharj06hj] {
    min-height: 46px;
    padding: 10px 18px;
    font-weight: 900;
    letter-spacing: .06em;
}

.primary-action[b-ksharj06hj] {
    border-color: var(--scale-brand);
    background: var(--scale-brand);
    color: #fff;
    box-shadow: 0 0 28px var(--scale-brand-glow);
}

.primary-action:hover[b-ksharj06hj] { border-color: var(--scale-brand-hover); background: var(--scale-brand-hover); }
.primary-action:active[b-ksharj06hj] { background: var(--scale-brand-active); transform: translateY(1px); }
.primary-action:disabled[b-ksharj06hj] { cursor: not-allowed; opacity: .4; }
.secondary-action[b-ksharj06hj] { border-color: var(--scale-brand-secondary); color: var(--scale-brand-secondary); }
.secondary-action:hover[b-ksharj06hj] { background: rgb(160 139 236 / 10%); }

.outcome-panel[b-ksharj06hj] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 14px;
    margin-top: 14px;
}

.receipt-body[b-ksharj06hj],
.binder-body[b-ksharj06hj] { padding: 14px; }

.receipt-card[b-ksharj06hj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--scale-success);
    background: rgb(77 255 154 / 6%);
}

.receipt-stamp[b-ksharj06hj] {
    padding: 9px;
    border: 2px solid var(--scale-success);
    color: var(--scale-success);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .08em;
    transform: rotate(-3deg);
}

.receipt-copy h3[b-ksharj06hj] { margin: 0 0 4px; color: var(--scale-text); font-size: .9rem; }
.receipt-copy p[b-ksharj06hj] { margin: 0; color: var(--scale-muted); font-size: .7rem; }
.receipt-deltas[b-ksharj06hj] { display: grid; gap: 3px; color: var(--scale-success); font-size: .66rem; text-align: right; }

.binder-track[b-ksharj06hj] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
}

.mastery-step[b-ksharj06hj] {
    min-width: 0;
    padding: 8px 3px;
    border: 1px solid var(--scale-border);
    color: var(--scale-muted);
    font-size: .56rem;
    text-align: center;
}

.mastery-step.complete[b-ksharj06hj] { border-color: var(--scale-success); color: var(--scale-success); background: rgb(77 255 154 / 5%); }
.mastery-step.current[b-ksharj06hj] { border-color: var(--scale-brand-secondary); color: var(--scale-text); background: rgb(111 0 255 / 13%); }

.binder-note[b-ksharj06hj] { margin: 10px 0 0; color: var(--scale-muted); font-size: .68rem; }

.prototype-footer[b-ksharj06hj] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-top: 14px;
    padding: 10px 13px;
    border: 1px solid var(--scale-border);
    background: rgb(19 22 40 / 75%);
    color: var(--scale-muted);
    font-size: .65rem;
}

.prototype-footer strong[b-ksharj06hj] { color: var(--scale-brand-secondary); }

.rare-reveal-backdrop[b-ksharj06hj] {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: grid;
    padding: 18px;
    place-items: center;
    background: rgb(5 6 14 / 82%);
    backdrop-filter: blur(8px);
}

.rare-reveal[b-ksharj06hj] {
    display: grid;
    width: min(560px, 100%);
    gap: 14px;
    padding: clamp(20px, 4vw, 34px);
    border: 1px solid var(--scale-brand-secondary);
    background:
        linear-gradient(135deg, rgb(92 231 239 / 5%) 20%, transparent 20%) 0 0 / 22px 22px,
        linear-gradient(145deg, #2b1b4d, var(--scale-surface) 68%);
    box-shadow: 0 0 0 5px rgb(9 11 22 / 90%), 0 0 56px rgb(111 0 255 / 42%), 0 30px 90px rgb(0 0 0 / 65%);
}

.rare-reveal h2[b-ksharj06hj] {
    margin: 0;
    color: var(--scale-text);
    font-size: clamp(1.45rem, 5vw, 2.7rem);
    letter-spacing: -.06em;
    line-height: .98;
}

.rare-reveal > p:not(.section-kicker):not(.overlay-note)[b-ksharj06hj] {
    margin: 0;
    color: var(--scale-muted);
}

.rare-preview[b-ksharj06hj] {
    display: grid;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgb(255 200 87 / 58%);
    background: rgb(9 11 22 / 72%);
}

.rare-preview .rarity-badge[b-ksharj06hj] { justify-self: start; }
.rare-preview strong[b-ksharj06hj] { color: var(--scale-text); font-size: 1.3rem; }
.rare-preview small[b-ksharj06hj] { color: var(--scale-warning); }

@media (max-width: 1180px) {
    .card-topbar[b-ksharj06hj] { grid-template-columns: 1fr 1.35fr; }
    .prototype-hud[b-ksharj06hj] { grid-column: 1 / -1; border-top: 1px solid var(--scale-border); }
    .prototype-grid[b-ksharj06hj] { grid-template-columns: minmax(220px, .7fr) minmax(360px, 1.3fr); }
    .actor-panel[b-ksharj06hj] { grid-column: 1 / -1; }
    .actor-body[b-ksharj06hj] { grid-template-columns: 1.2fr .8fr .9fr; align-items: start; }
}

@media (max-width: 820px) {
    .card-topbar[b-ksharj06hj],
    .prototype-grid[b-ksharj06hj],
    .outcome-panel[b-ksharj06hj] { grid-template-columns: 1fr; }
    .wild-alert[b-ksharj06hj] { border: 0; border-top: 1px solid var(--scale-border); }
    .prototype-hud[b-ksharj06hj] { grid-column: auto; }
    .grammar-strip[b-ksharj06hj] { grid-template-columns: repeat(2, 1fr); }
    .grammar-step:nth-child(2)[b-ksharj06hj] { border-right: 0; }
    .grammar-step:nth-child(-n + 2)[b-ksharj06hj] { border-bottom: 1px solid var(--scale-border); }
    .actor-panel[b-ksharj06hj] { grid-column: auto; }
    .actor-body[b-ksharj06hj] { grid-template-columns: 1fr; }
    .stance-grid[b-ksharj06hj],
    .response-grid[b-ksharj06hj] { grid-template-columns: 1fr; }
    .stance-button[b-ksharj06hj],
    .response-card[b-ksharj06hj] { min-height: 88px; }
    .decision-commit[b-ksharj06hj] { grid-template-columns: 1fr; }
    .primary-action[b-ksharj06hj],
    .secondary-action[b-ksharj06hj] { width: 100%; }
    .receipt-card[b-ksharj06hj] { grid-template-columns: 1fr; }
    .receipt-deltas[b-ksharj06hj] { text-align: left; }
}

@media (max-width: 520px) {
    .card-prototype[b-ksharj06hj] { padding: 7px; }
    .prototype-hud[b-ksharj06hj] { grid-template-columns: 1fr 1fr; }
    .route-links[b-ksharj06hj] { grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; }
    .grammar-strip[b-ksharj06hj] { grid-template-columns: 1fr; }
    .grammar-step[b-ksharj06hj] { border-right: 0; border-bottom: 1px solid var(--scale-border); }
    .grammar-step:last-child[b-ksharj06hj] { border-bottom: 0; }
    .tcg-stage[b-ksharj06hj] { min-height: auto; padding: 18px 13px; }
    .tcg-card[b-ksharj06hj] { min-height: 470px; }
    .binder-track[b-ksharj06hj] { grid-template-columns: repeat(3, 1fr); }
    .prototype-footer[b-ksharj06hj] { flex-direction: column; }
    .rare-reveal-backdrop[b-ksharj06hj] { padding: 7px; align-items: end; }
    .rare-reveal[b-ksharj06hj] { max-height: calc(100vh - 14px); overflow-y: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .stance-button[b-ksharj06hj],
    .response-card[b-ksharj06hj],
    .primary-action[b-ksharj06hj],
    .secondary-action[b-ksharj06hj] { transition: none; }
}

@media (forced-colors: active) {
    .card-prototype[b-ksharj06hj]::before,
    .tcg-card[b-ksharj06hj]::after { display: none; }
}
/* /Pages/CausalSandbox.razor.rz.scp.css */
.causal-root[b-p5c9zq8h7r] {
    --scale-brand: #6f00ff;
    --scale-brand-hover: #8f00ff;
    --scale-brand-active: #9728ff;
    --scale-violet: #a08bec;
    --scale-canvas: #090b16;
    --scale-surface: #131628;
    --scale-raised: #1b1f36;
    --scale-border: #343852;
    --scale-text: #f6f6f6;
    --scale-muted: #b3b3b3;
    --scale-success: #4dff9a;
    --scale-info: #5ce7ef;
    --scale-warning: #ffc857;
    --scale-danger: #ff6b6b;
    width: min(1680px, 100%);
    min-height: 100vh;
    margin: 0 auto;
    padding: 14px;
    color: var(--scale-text);
    background:
        radial-gradient(circle at 12% -10%, rgba(111, 0, 255, .2), transparent 34rem),
        linear-gradient(rgba(160, 139, 236, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(160, 139, 236, .02) 1px, transparent 1px),
        var(--scale-canvas);
    background-size: auto, 28px 28px, 28px 28px, auto;
    font-family: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
    outline: none;
}

.causal-root button[b-p5c9zq8h7r] { font: inherit; }
.causal-root button:focus-visible[b-p5c9zq8h7r] { outline: 2px solid var(--scale-violet); outline-offset: 2px; }
.guide-tag[b-p5c9zq8h7r] { position: relative; display: inline-grid; place-items: center; min-width: 34px; margin-left: 6px; padding: 2px 5px; border: 1px solid var(--scale-violet); background: #210044; color: #fff; font-size: .42rem; font-style: normal; font-weight: 900; letter-spacing: .09em; line-height: 1.2; text-shadow: 0 0 7px rgba(255, 255, 255, .82); box-shadow: 0 0 0 1px rgba(111, 0, 255, .62), 0 0 12px rgba(111, 0, 255, .52); isolation: isolate; animation: guide-tag-beacon-b-p5c9zq8h7r 1.05s ease-in-out infinite; }
.guide-tag[b-p5c9zq8h7r]::after { position: absolute; z-index: -1; content: ""; inset: -4px; border: 1px solid rgba(160, 139, 236, .66); pointer-events: none; animation: guide-tag-outline-b-p5c9zq8h7r 1.05s ease-in-out infinite; }
.is-guided[b-p5c9zq8h7r] { position: relative; border-color: var(--scale-brand) !important; box-shadow: 0 0 0 1px rgba(160, 139, 236, .46), 0 0 22px rgba(111, 0, 255, .34) !important; }
/* Animate outline/filter rather than box-shadow: .is-guided deliberately owns a
   static !important glow so status-specific card styles cannot hide guidance. */
.causal-root button.is-guided:not(:disabled)[b-p5c9zq8h7r],
.causal-root button[data-guided="true"]:not(:disabled)[b-p5c9zq8h7r],
.causal-root .offer-card.is-guided > button:not(:disabled)[b-p5c9zq8h7r],
.causal-root .commitment-board > article.is-guided > .commitment-action:not(:disabled)[b-p5c9zq8h7r] {
    outline: 1px solid rgba(160, 139, 236, .66);
    outline-offset: 1px;
    animation: guided-control-beacon-b-p5c9zq8h7r 1.05s ease-in-out infinite;
}
@keyframes guide-tag-beacon-b-p5c9zq8h7r {
    0%, 100% { border-color: var(--scale-violet); filter: brightness(1); text-shadow: 0 0 7px rgba(255, 255, 255, .72); box-shadow: 0 0 0 1px rgba(111, 0, 255, .58), 0 0 10px rgba(111, 0, 255, .44); }
    50% { border-color: #fff; filter: brightness(1.42); text-shadow: 0 0 11px #fff, 0 0 18px var(--scale-violet); box-shadow: 0 0 0 2px var(--scale-brand), 0 0 18px rgba(160, 139, 236, 1), 0 0 30px rgba(111, 0, 255, .9); }
}
@keyframes guide-tag-outline-b-p5c9zq8h7r {
    0%, 100% { inset: -3px; border-color: rgba(160, 139, 236, .48); opacity: .62; }
    50% { inset: -7px; border-color: rgba(216, 201, 255, 1); opacity: 1; }
}
@keyframes guided-control-beacon-b-p5c9zq8h7r {
    0%, 100% { outline-color: rgba(160, 139, 236, .52); outline-offset: 1px; filter: brightness(1); }
    50% { outline-color: #d8c9ff; outline-offset: 5px; filter: brightness(1.18); }
}
.computer-workspace .computer-next[b-p5c9zq8h7r] {
    position: absolute;
    z-index: 5;
    top: -9px;
    right: -9px;
    min-width: 44px;
    margin: 0;
    padding: 4px 7px;
    border: 2px solid #d8c9ff;
    background: #26004f;
    color: #fff;
    text-shadow: 0 0 7px rgba(255, 255, 255, .9);
    box-shadow: 0 0 0 1px var(--scale-brand), 0 0 10px rgba(160, 139, 236, .85), 0 0 25px rgba(111, 0, 255, .72);
    isolation: isolate;
    animation: computer-next-neon-b-p5c9zq8h7r 1.25s ease-in-out infinite;
}
.computer-workspace .computer-next[b-p5c9zq8h7r]::after {
    position: absolute;
    z-index: -1;
    content: "";
    inset: -5px;
    border: 1px solid rgba(160, 139, 236, .78);
    box-shadow: 0 0 14px rgba(111, 0, 255, .66);
    pointer-events: none;
    animation: computer-next-outline-b-p5c9zq8h7r 1.25s ease-in-out infinite;
}
@keyframes computer-next-neon-b-p5c9zq8h7r {
    50% { border-color: #fff; text-shadow: 0 0 10px #fff, 0 0 16px var(--scale-violet); box-shadow: 0 0 0 2px var(--scale-brand), 0 0 18px rgba(160, 139, 236, 1), 0 0 36px rgba(111, 0, 255, .92); }
}
@keyframes computer-next-outline-b-p5c9zq8h7r {
    50% { border-color: rgba(216, 201, 255, 1); box-shadow: 0 0 20px rgba(111, 0, 255, .95); }
}

.game-topbar[b-p5c9zq8h7r] {
    display: grid;
    grid-template-columns: minmax(210px, .55fr) minmax(420px, 1.5fr) minmax(330px, .8fr);
    gap: 8px;
}

.game-brand[b-p5c9zq8h7r],
.mission-strip[b-p5c9zq8h7r],
.game-hud[b-p5c9zq8h7r],
.game-tabs[b-p5c9zq8h7r],
.world-panel[b-p5c9zq8h7r],
.context-panel[b-p5c9zq8h7r],
.single-surface[b-p5c9zq8h7r] {
    border: 1px solid var(--scale-border);
    background: rgba(19, 22, 40, .96);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24), inset 0 0 32px rgba(0, 0, 0, .18);
}

.game-brand[b-p5c9zq8h7r] { display: grid; align-content: center; padding: 12px 15px; border-top: 3px solid var(--scale-brand); }
.game-brand small[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .62rem; letter-spacing: .13em; }
.game-brand h1[b-p5c9zq8h7r] { margin: 4px 0 0; color: var(--scale-text); font-size: clamp(2.1rem, 4vw, 3.8rem); letter-spacing: -.09em; line-height: .8; text-shadow: 0 0 18px rgba(111, 0, 255, .32); }

.mission-strip[b-p5c9zq8h7r] { display: grid; align-content: center; gap: 6px; padding: 12px 18px; border-left: 4px solid var(--scale-brand); }
.mission-strip span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .62rem; letter-spacing: .14em; }
.mission-strip strong[b-p5c9zq8h7r] { font-size: clamp(.82rem, 1.25vw, 1rem); line-height: 1.35; }
.shift-race[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-top: 3px; padding-top: 7px; border-top: 1px solid var(--scale-border); }
.shift-race p[b-p5c9zq8h7r] { display: grid; gap: 2px; min-width: 0; margin: 0; padding: 5px 7px; border: 1px solid var(--scale-border); background: rgba(9, 11, 22, .48); }
.shift-race p span[b-p5c9zq8h7r] { overflow: hidden; color: var(--scale-muted); font-size: .42rem; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.shift-race p b[b-p5c9zq8h7r] { color: var(--scale-warning); font-size: .58rem; }
.shift-race.is-counting p:first-child[b-p5c9zq8h7r] { border-color: var(--scale-warning); animation: shift-clock-pulse-b-p5c9zq8h7r 1.5s ease-in-out infinite; }
.shift-race.is-late p:first-child[b-p5c9zq8h7r] { border-color: var(--scale-danger); background: rgba(255, 107, 107, .08); }
.shift-race.is-late p:first-child b[b-p5c9zq8h7r] { color: var(--scale-danger); }
.shift-race.is-complete p:first-child[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .06); }
.shift-race.is-complete p:first-child b[b-p5c9zq8h7r] { color: var(--scale-success); }
@keyframes shift-clock-pulse-b-p5c9zq8h7r { 50% { box-shadow: inset 0 0 14px rgba(255, 200, 87, .18), 0 0 12px rgba(255, 200, 87, .12); } }

.world-breadcrumb[b-p5c9zq8h7r] { display: flex; gap: 8px; align-items: center; margin-top: 8px; padding: 7px 11px; border: 1px solid var(--scale-border); background: rgba(13, 15, 30, .94); overflow-x: auto; white-space: nowrap; }
.world-breadcrumb > span[b-p5c9zq8h7r] { display: flex; gap: 6px; align-items: baseline; }
.world-breadcrumb b[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .58rem; }
.world-breadcrumb small[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .43rem; letter-spacing: .08em; }
.world-breadcrumb i[b-p5c9zq8h7r] { color: var(--scale-info); font-style: normal; }

.game-hud[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; padding: 7px; }
.game-hud div[b-p5c9zq8h7r] { display: grid; align-content: center; gap: 2px; min-width: 0; padding: 7px; border: 1px solid var(--scale-border); background: rgba(9, 11, 22, .55); }
.game-hud span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .52rem; letter-spacing: .08em; }
.game-hud strong[b-p5c9zq8h7r] { overflow: hidden; color: var(--scale-text); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.play-toggle[b-p5c9zq8h7r] { border: 1px solid var(--scale-violet); background: rgba(111, 0, 255, .12); color: var(--scale-violet); cursor: pointer; font-size: .62rem; font-weight: 800; }
.play-toggle.is-playing[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .09); color: var(--scale-success); }

.game-tabs[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 8px; }
.game-tabs button[b-p5c9zq8h7r] { min-height: 48px; border: 0; border-right: 1px solid var(--scale-border); background: transparent; color: var(--scale-muted); cursor: pointer; font-size: .72rem; font-weight: 800; letter-spacing: .05em; }
.game-tabs button:last-child[b-p5c9zq8h7r] { border-right: 0; }
.game-tabs button span[b-p5c9zq8h7r] { margin-right: 8px; color: #676b85; }
.game-tabs button:hover[b-p5c9zq8h7r] { background: rgba(111, 0, 255, .08); color: var(--scale-violet); }
.game-tabs button.is-active[b-p5c9zq8h7r] { background: linear-gradient(180deg, rgba(111, 0, 255, .16), rgba(111, 0, 255, .05)); color: var(--scale-text); box-shadow: inset 0 -3px var(--scale-brand); }
.game-tabs button.is-active span[b-p5c9zq8h7r] { color: var(--scale-violet); }
.game-tabs button.is-guided:not(.is-active)[b-p5c9zq8h7r] { z-index: 1; background: linear-gradient(180deg, rgba(111, 0, 255, .25), rgba(111, 0, 255, .08)); color: #fff; animation: guided-control-beacon-b-p5c9zq8h7r 1.05s ease-in-out infinite; }
.scenario-entry[b-p5c9zq8h7r] { display: inline-block; margin-top: 4px; color: var(--scale-info); font-size: .52rem; letter-spacing: .06em; text-decoration: none; }
.scenario-entry:hover[b-p5c9zq8h7r] { color: var(--scale-success); text-decoration: underline; }
@keyframes guidance-pulse-b-p5c9zq8h7r { 50% { box-shadow: 0 0 0 2px rgba(160, 139, 236, .56), 0 0 30px rgba(111, 0, 255, .48); } }

.game-feedback[b-p5c9zq8h7r] { display: flex; gap: 10px; align-items: center; min-height: 30px; margin: 7px 0 0; padding: 5px 10px; border-left: 3px solid var(--scale-info); background: rgba(92, 231, 239, .05); color: var(--scale-muted); font-size: .62rem; }
.game-feedback b[b-p5c9zq8h7r] { color: var(--scale-info); letter-spacing: .08em; }
.game-feedback.is-error[b-p5c9zq8h7r] { border-color: var(--scale-danger); background: rgba(255, 107, 107, .06); }
.game-feedback.is-error b[b-p5c9zq8h7r] { color: var(--scale-danger); }

.floor-layout[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 350px); gap: 8px; align-items: start; margin-top: 8px; }
.world-panel[b-p5c9zq8h7r] { min-width: 0; overflow: hidden; }
.context-panel[b-p5c9zq8h7r] { position: sticky; top: 8px; min-height: 610px; padding: 14px; }

.panel-title[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 16px; align-items: end; min-height: 52px; padding: 8px 12px; border-bottom: 1px solid var(--scale-border); background: linear-gradient(90deg, rgba(111, 0, 255, .09), transparent 60%); }
.panel-title span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .56rem; letter-spacing: .12em; }
.panel-title h2[b-p5c9zq8h7r] { margin: 2px 0 0; color: var(--scale-text); font-size: .94rem; letter-spacing: .05em; }
.panel-title p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .55rem; text-align: right; }
.panel-title p b:first-child[b-p5c9zq8h7r] { color: var(--scale-violet); }
.panel-title p b:last-child[b-p5c9zq8h7r] { color: var(--scale-text); }

.world-stage[b-p5c9zq8h7r] { position: relative; isolation: isolate; width: min(100%, 900px); margin: 0 auto; background: #080a14; }
.world-map[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(9, minmax(44px, 1fr)); width: 100%; aspect-ratio: 9 / 7; border: 1px solid #242740; }
.world-routes[b-p5c9zq8h7r] { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.order-route[b-p5c9zq8h7r] { fill: none; stroke: var(--scale-brand); stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke-opacity: .65; stroke-dasharray: 4 14; filter: drop-shadow(0 0 7px rgba(111, 0, 255, .5)); }
.cursor-tether[b-p5c9zq8h7r] { stroke: var(--scale-info); stroke-width: 3; stroke-opacity: .65; stroke-dasharray: 10 12; }

.world-tile[b-p5c9zq8h7r] { position: relative; min-width: 0; min-height: 0; padding: 2px; border: 0; border-right: 1px solid #242740; border-bottom: 1px solid #242740; overflow: visible; background: #101326; color: var(--scale-text); cursor: pointer; }
.world-tile:disabled[b-p5c9zq8h7r] { opacity: 1; cursor: default; }
.world-tile.is-floor[b-p5c9zq8h7r] { background: linear-gradient(145deg, rgba(160, 139, 236, .025), transparent 55%), #111427; }
.world-tile.is-corridor[b-p5c9zq8h7r] { background: linear-gradient(90deg, rgba(92, 231, 239, .04), transparent), #161a2d; }
.world-tile.is-wall[b-p5c9zq8h7r] { background: repeating-linear-gradient(135deg, #1d2033 0 6px, #151828 6px 12px); box-shadow: inset 0 0 10px #080914; }
.world-tile.is-fixture[b-p5c9zq8h7r] { background: repeating-linear-gradient(90deg, #30273b 0 5px, #211c30 5px 10px); box-shadow: inset 0 0 0 2px #51445f; }
.world-tile:not(:disabled):hover[b-p5c9zq8h7r] { background-color: #1a1e34; }

.focus-box[b-p5c9zq8h7r] { position: absolute; z-index: 8; inset: 4px; border: 2px solid var(--scale-brand); box-shadow: 0 0 0 1px #160030, 0 0 16px rgba(111, 0, 255, .68), inset 0 0 15px rgba(111, 0, 255, .14); pointer-events: none; animation: focus-pulse-b-p5c9zq8h7r 1.2s ease-in-out infinite; }
.focus-box i[b-p5c9zq8h7r] { position: absolute; width: 10px; height: 10px; border-color: var(--scale-violet); }
.focus-box i:nth-child(1)[b-p5c9zq8h7r] { top: -3px; left: -3px; border-top: 3px solid; border-left: 3px solid; }
.focus-box i:nth-child(2)[b-p5c9zq8h7r] { top: -3px; right: -3px; border-top: 3px solid; border-right: 3px solid; }
.focus-box i:nth-child(3)[b-p5c9zq8h7r] { right: -3px; bottom: -3px; border-right: 3px solid; border-bottom: 3px solid; }
.focus-box i:nth-child(4)[b-p5c9zq8h7r] { bottom: -3px; left: -3px; border-bottom: 3px solid; border-left: 3px solid; }
@keyframes focus-pulse-b-p5c9zq8h7r { 50% { box-shadow: 0 0 0 1px #160030, 0 0 24px rgba(111, 0, 255, .9), inset 0 0 20px rgba(111, 0, 255, .2); } }

.world-thing[b-p5c9zq8h7r] { position: absolute; z-index: 5; inset: 13%; display: grid; place-content: center; justify-items: center; gap: 1px; border: 1px solid #555a74; background: rgba(19, 22, 40, .94); line-height: 1; pointer-events: none; }
.world-thing b[b-p5c9zq8h7r] { display: grid; place-items: center; min-width: 24px; min-height: 20px; color: var(--scale-text); font-size: .69rem; }
.world-thing small[b-p5c9zq8h7r] { max-width: 9ch; overflow: hidden; color: var(--scale-muted); font-size: .46rem; text-overflow: ellipsis; white-space: nowrap; }
.world-thing em[b-p5c9zq8h7r] { position: absolute; right: 2px; bottom: 2px; font-size: .43rem; font-style: normal; }
.world-thing ~ .world-thing[b-p5c9zq8h7r] { inset: 48% 4% 4% 48%; z-index: 6; }
.world-thing ~ .world-thing small[b-p5c9zq8h7r] { display: none; }
.world-thing ~ .world-thing b[b-p5c9zq8h7r] { min-width: 18px; min-height: 15px; font-size: .52rem; }
.world-thing.actor-alex[b-p5c9zq8h7r] { border-color: var(--scale-info); box-shadow: 0 0 12px rgba(92, 231, 239, .16); }
.world-thing.workstation[b-p5c9zq8h7r] { border-color: var(--scale-info); background: linear-gradient(145deg, rgba(92, 231, 239, .13), transparent 62%), rgba(19, 22, 40, .96); }
.world-thing.workstation.is-uninstalled[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: linear-gradient(145deg, rgba(255, 200, 87, .13), transparent 62%), rgba(19, 22, 40, .96); }
.world-thing.workstation.is-running[b-p5c9zq8h7r] { border-color: var(--scale-success); box-shadow: 0 0 14px rgba(77, 255, 154, .2); }
.world-thing.workstation.is-starved[b-p5c9zq8h7r] { border-color: var(--scale-warning); box-shadow: 0 0 14px rgba(255, 200, 87, .16); }
.world-thing.actor-alex b[b-p5c9zq8h7r] { color: var(--scale-info); }
.world-thing.actor[b-p5c9zq8h7r] { border-color: #757a91; }
.world-thing.room-warning[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: rgba(67, 52, 24, .92); }
.world-thing.room-warning b[b-p5c9zq8h7r] { color: var(--scale-warning); }
.world-thing.room-good[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(17, 52, 37, .92); }
.world-thing.room-good b[b-p5c9zq8h7r] { color: var(--scale-success); }
.world-thing.inventory b[b-p5c9zq8h7r] { color: var(--scale-violet); }
.world-thing.is-guided[b-p5c9zq8h7r] { animation: guidance-pulse-b-p5c9zq8h7r 1.4s ease-in-out infinite; }
.world-thing > .guide-tag[b-p5c9zq8h7r] { position: absolute; z-index: 3; top: -12px; left: 50%; margin: 0; transform: translateX(-50%); }
.world-thing.fixture[b-p5c9zq8h7r] { inset: 7%; border-color: #8a6f9d; background: rgba(39, 31, 52, .96); }
.world-thing.fixture b[b-p5c9zq8h7r] { color: #d7b9ea; font-size: .55rem; }
.world-thing.equipment-warning[b-p5c9zq8h7r],
.world-thing.equipment-good[b-p5c9zq8h7r] { border-width: 2px; box-shadow: inset 0 0 14px rgba(0, 0, 0, .28); }
.world-thing.equipment-warning[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: linear-gradient(135deg, rgba(255, 200, 87, .09), transparent 48%), rgba(62, 46, 23, .96); box-shadow: 0 0 13px rgba(255, 200, 87, .12), inset 0 0 14px rgba(0, 0, 0, .28); }
.world-thing.equipment-warning b[b-p5c9zq8h7r] { color: var(--scale-warning); }
.world-thing.equipment-good[b-p5c9zq8h7r] { border-color: var(--scale-success); background: linear-gradient(135deg, rgba(77, 255, 154, .08), transparent 48%), rgba(16, 49, 35, .96); box-shadow: 0 0 13px rgba(77, 255, 154, .1), inset 0 0 14px rgba(0, 0, 0, .28); }
.world-thing.equipment-good b[b-p5c9zq8h7r] { color: var(--scale-success); }
.state-good[b-p5c9zq8h7r] { color: var(--scale-success); }
.state-warning[b-p5c9zq8h7r] { color: var(--scale-warning); }

.order-marker[b-p5c9zq8h7r] { position: absolute; z-index: 10; top: 2px; right: 2px; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid #fff; border-radius: 50%; background: var(--scale-brand); color: #fff; font-size: .52rem; font-weight: 900; box-shadow: 0 0 8px rgba(111, 0, 255, .65); }
.order-marker.status-running[b-p5c9zq8h7r] { background: #174d55; border-color: var(--scale-info); color: var(--scale-info); }
.order-marker.status-blocked[b-p5c9zq8h7r] { background: #5b232b; border-color: var(--scale-danger); color: var(--scale-danger); }

.receipt-pop[b-p5c9zq8h7r] { position: absolute; z-index: 12; right: 12px; bottom: 12px; display: grid; gap: 2px; max-width: min(390px, 68%); padding: 10px 12px; border: 1px solid var(--scale-success); background: rgba(13, 40, 29, .97); color: var(--scale-text); text-align: left; box-shadow: 0 10px 30px rgba(0, 0, 0, .35), 0 0 18px rgba(77, 255, 154, .14); }
.receipt-pop span[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .55rem; letter-spacing: .1em; }
.receipt-pop strong[b-p5c9zq8h7r] { font-size: .66rem; }
.receipt-pop small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }

.queue-ribbon[b-p5c9zq8h7r] { display: flex; gap: 5px; align-items: stretch; min-height: 61px; padding: 6px; border-top: 1px solid var(--scale-border); background: #0d0f1e; overflow-x: auto; }
.queue-owner[b-p5c9zq8h7r] { display: flex; gap: 7px; align-items: center; min-width: 150px; padding: 5px 8px; border-right: 1px solid var(--scale-border); }
.actor-token[b-p5c9zq8h7r] { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--scale-info); color: var(--scale-info); font-weight: 900; }
.queue-owner p[b-p5c9zq8h7r] { display: grid; gap: 1px; margin: 0; }
.queue-owner b[b-p5c9zq8h7r] { font-size: .65rem; }
.queue-owner small[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .45rem; }
.queue-accelerator[b-p5c9zq8h7r] { display: grid; align-content: center; gap: 2px; min-width: 118px; padding: 5px 8px; border: 1px solid var(--scale-success); background: rgba(77, 255, 154, .06); color: var(--scale-success); cursor: pointer; text-align: left; }
.queue-accelerator b[b-p5c9zq8h7r] { font-size: .52rem; }
.queue-accelerator small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .39rem; }
.queue-accelerator:disabled[b-p5c9zq8h7r] { border-color: var(--scale-border); color: var(--scale-muted); cursor: not-allowed; opacity: .55; }
.actor-inventory-mini[b-p5c9zq8h7r] { display: grid; align-content: center; gap: 4px; min-width: 190px; padding: 5px 8px; border-right: 1px solid var(--scale-border); }
.actor-inventory-mini > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 8px; color: var(--scale-muted); font-size: .43rem; }
.actor-inventory-mini > div[b-p5c9zq8h7r] { display: flex; gap: 4px; align-items: stretch; overflow-x: auto; }
.actor-inventory-mini button[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(42px, auto) auto; gap: 1px 5px; min-width: 88px; padding: 4px 6px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-text); cursor: pointer; text-align: left; }
.actor-inventory-mini button:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); }
.actor-inventory-mini button b[b-p5c9zq8h7r] { font-size: .5rem; }
.actor-inventory-mini button span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .5rem; font-weight: 900; }
.actor-inventory-mini button small[b-p5c9zq8h7r] { grid-column: 1 / -1; color: var(--scale-muted); font-size: .39rem; }
.empty-queue[b-p5c9zq8h7r] { display: grid; align-content: center; gap: 2px; min-width: 260px; margin: 0; padding: 5px 10px; color: var(--scale-muted); }
.empty-queue b[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .58rem; }
.empty-queue span[b-p5c9zq8h7r] { font-size: .5rem; }
.queue-chip[b-p5c9zq8h7r] { display: grid; grid-template-columns: 21px minmax(84px, 1fr); gap: 2px 7px; align-content: center; min-width: 140px; padding: 6px; border: 1px solid var(--scale-brand); background: rgba(111, 0, 255, .08); color: var(--scale-text); text-align: left; cursor: pointer; }
.queue-chip > span[b-p5c9zq8h7r] { grid-row: 1 / 3; display: grid; place-items: center; color: var(--scale-violet); font-weight: 900; }
.queue-chip b[b-p5c9zq8h7r] { font-size: .58rem; }
.queue-chip small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }
.queue-chip.status-running[b-p5c9zq8h7r] { border-color: var(--scale-info); background: rgba(92, 231, 239, .06); }
.queue-chip.status-blocked[b-p5c9zq8h7r] { border-color: var(--scale-danger); }
.queue-unit[b-p5c9zq8h7r] { display: grid; grid-template-rows: 1fr auto; min-width: 140px; }
.queue-unit .queue-chip[b-p5c9zq8h7r] { min-width: 100%; }
.queue-controls[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.queue-controls button[b-p5c9zq8h7r] { min-height: 22px; padding: 1px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-muted); cursor: pointer; font-size: .52rem; font-weight: 900; }
.queue-controls button:hover:not(:disabled)[b-p5c9zq8h7r] { border-color: var(--scale-violet); color: var(--scale-text); }
.queue-controls button:disabled[b-p5c9zq8h7r] { cursor: not-allowed; opacity: .28; }
.queue-controls button:last-child[b-p5c9zq8h7r] { color: var(--scale-danger); }

.context-heading span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .58rem; letter-spacing: .12em; }
.context-heading h2[b-p5c9zq8h7r] { margin: 5px 0 4px; color: var(--scale-text); font-size: 1.25rem; }
.context-heading p[b-p5c9zq8h7r] { min-height: 48px; margin: 0; color: var(--scale-muted); font-size: .68rem; }
.condition-card[b-p5c9zq8h7r] { margin-top: 12px; padding: 10px; border: 1px solid var(--scale-warning); background: rgba(255, 200, 87, .035); }
.condition-card.is-good[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .035); }
.condition-card header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; color: var(--scale-warning); }
.condition-card.is-good header[b-p5c9zq8h7r] { color: var(--scale-success); }
.condition-card header span[b-p5c9zq8h7r] { font-size: .56rem; letter-spacing: .08em; }
.condition-card header strong[b-p5c9zq8h7r] { font-size: 1rem; }
.condition-card > div[b-p5c9zq8h7r] { position: relative; height: 7px; margin: 8px 0 5px; background: #29213a; }
.condition-card > div i[b-p5c9zq8h7r] { display: block; height: 100%; background: var(--scale-warning); }
.condition-card.is-good > div i[b-p5c9zq8h7r] { background: var(--scale-success); }
.condition-card > div b[b-p5c9zq8h7r] { position: absolute; top: -3px; width: 2px; height: 13px; background: #fff; }
.condition-card p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .5rem; }

.context-primary[b-p5c9zq8h7r] { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; margin-top: 10px; padding: 9px; border: 1px solid var(--scale-brand); background: linear-gradient(90deg, rgba(111, 0, 255, .3), rgba(111, 0, 255, .12)); color: #fff; text-align: left; cursor: pointer; box-shadow: 0 0 18px rgba(111, 0, 255, .13); }
.context-primary:disabled[b-p5c9zq8h7r] { cursor: not-allowed; opacity: .42; }
.context-primary kbd[b-p5c9zq8h7r] { display: grid; place-items: center; min-height: 38px; border: 1px solid #fff; border-radius: 50%; font-size: 1rem; }
.context-primary span[b-p5c9zq8h7r] { display: grid; gap: 2px; }
.context-primary b[b-p5c9zq8h7r] { font-size: .72rem; }
.context-primary small[b-p5c9zq8h7r] { color: #d5c7ef; font-size: .51rem; }
.context-primary > .guide-tag[b-p5c9zq8h7r] { position: absolute; top: -8px; right: 7px; }

.perk-card[b-p5c9zq8h7r] { margin-top: 10px; padding: 10px; border: 1px solid var(--scale-border); background: #101326; }
.perk-card > span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .5rem; letter-spacing: .1em; }
.perk-card > div[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 7px; margin-top: 4px; }
.perk-card b[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .65rem; }
.perk-card em[b-p5c9zq8h7r] { color: var(--scale-warning); font-size: .52rem; font-style: normal; }
.perk-card p[b-p5c9zq8h7r] { margin: 7px 0 0; color: var(--scale-muted); font-size: .55rem; line-height: 1.45; }

.controller[b-p5c9zq8h7r] { display: flex; justify-content: center; gap: 38px; align-items: center; margin-top: 14px; padding: 9px; border-top: 1px solid var(--scale-border); }
.dpad[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(3, 34px); grid-template-rows: repeat(3, 32px); }
.dpad button[b-p5c9zq8h7r] { border: 1px solid #5b607a; background: #20243a; color: var(--scale-text); cursor: pointer; }
.dpad button:first-child[b-p5c9zq8h7r] { grid-column: 2; }
.dpad button:nth-child(2)[b-p5c9zq8h7r] { grid-column: 1; grid-row: 2; }
.dpad i[b-p5c9zq8h7r] { grid-column: 2; grid-row: 2; background: #20243a; }
.dpad button:nth-child(4)[b-p5c9zq8h7r] { grid-column: 3; grid-row: 2; }
.dpad button:last-child[b-p5c9zq8h7r] { grid-column: 2; grid-row: 3; }
.face-buttons[b-p5c9zq8h7r] { display: flex; gap: 9px; align-items: center; }
.face-buttons button[b-p5c9zq8h7r] { display: grid; place-items: center; width: 51px; height: 51px; border-radius: 50%; cursor: pointer; font-size: .95rem; font-weight: 900; }
.face-buttons small[b-p5c9zq8h7r] { font-size: .38rem; font-weight: 500; }
.button-a[b-p5c9zq8h7r] { border: 1px solid #d8c0ff; background: var(--scale-brand); color: #fff; }
.button-b[b-p5c9zq8h7r] { border: 1px solid #777c94; background: #20243a; color: var(--scale-muted); }
.keyboard-hint[b-p5c9zq8h7r] { margin: 0; color: #747991; font-size: .46rem; text-align: center; }

.single-surface[b-p5c9zq8h7r] { min-height: 610px; margin-top: 8px; overflow: hidden; }
.computer-grid[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(270px, .7fr) minmax(560px, 1.5fr); gap: 10px; padding: 18px; }
.bottleneck-card[b-p5c9zq8h7r] { grid-row: span 2; padding: 18px; border: 1px solid var(--scale-warning); background: rgba(255, 200, 87, .035); }
.bottleneck-card > span[b-p5c9zq8h7r] { color: var(--scale-warning); font-size: .58rem; letter-spacing: .11em; }
.bottleneck-card h3[b-p5c9zq8h7r] { margin: 10px 0 8px; font-size: 1.3rem; }
.bottleneck-card p[b-p5c9zq8h7r] { color: var(--scale-muted); }
.bottleneck-card strong[b-p5c9zq8h7r] { display: block; padding-top: 12px; border-top: 1px solid var(--scale-border); color: var(--scale-warning); font-size: .7rem; }
.computer-note[b-p5c9zq8h7r] { grid-column: 2; margin: 0; padding: 12px; border-left: 3px solid var(--scale-info); background: rgba(92, 231, 239, .04); color: var(--scale-muted); font-size: .67rem; }

.computer-workspace[b-p5c9zq8h7r] { min-width: 0; border: 1px solid var(--scale-border); background: #0b0e1c; overflow: hidden; }
.graph-breadcrumbs[b-p5c9zq8h7r] { display: flex; gap: 5px; align-items: center; min-height: 38px; padding: 6px 8px; border-bottom: 1px solid var(--scale-border); overflow-x: auto; }
.graph-breadcrumbs button[b-p5c9zq8h7r] { border: 0; background: transparent; color: var(--scale-info); cursor: pointer; font-size: .56rem; white-space: nowrap; }
.graph-breadcrumbs button:last-of-type[b-p5c9zq8h7r] { color: var(--scale-text); font-weight: 800; }
.graph-breadcrumbs i[b-p5c9zq8h7r] { color: #60657c; font-style: normal; }
.recursive-graph[b-p5c9zq8h7r] { position: relative; min-height: 510px; background: radial-gradient(circle at center, rgba(111, 0, 255, .13), transparent 31%), linear-gradient(rgba(92, 231, 239, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 231, 239, .03) 1px, transparent 1px); background-size: auto, 28px 28px, 28px 28px; }
.recursive-graph > svg[b-p5c9zq8h7r] { position: absolute; inset: 0; width: 100%; height: 100%; }
.recursive-graph line[b-p5c9zq8h7r] { stroke: #4d476b; stroke-width: .5; stroke-dasharray: 2 2; vector-effect: non-scaling-stroke; }
.graph-center[b-p5c9zq8h7r],
.graph-node[b-p5c9zq8h7r] { position: absolute; z-index: 2; display: grid; place-content: center; gap: 3px; transform: translate(-50%, -50%); border: 1px solid var(--scale-border); background: rgba(16, 19, 39, .98); color: var(--scale-text); cursor: pointer; text-align: center; }
.graph-center[b-p5c9zq8h7r] { top: 50%; left: 50%; width: clamp(180px, 28%, 245px); min-height: 106px; padding: 12px; border: 2px solid var(--scale-brand); box-shadow: 0 0 34px rgba(111, 0, 255, .24), inset 0 0 24px rgba(111, 0, 255, .08); }
.graph-node[b-p5c9zq8h7r] { width: clamp(112px, 21%, 168px); min-height: 72px; padding: 7px; }
.graph-center:hover[b-p5c9zq8h7r],
.graph-node:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); box-shadow: 0 0 0 2px rgba(92, 231, 239, .08); }
.graph-center span[b-p5c9zq8h7r],
.graph-node span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .47rem; letter-spacing: .09em; }
.graph-center strong[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .82rem; }
.graph-node strong[b-p5c9zq8h7r] { font-size: .61rem; line-height: 1.18; }
.graph-center small[b-p5c9zq8h7r],
.graph-node small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .44rem; }
.graph-center.is-warning[b-p5c9zq8h7r],
.graph-node.is-warning[b-p5c9zq8h7r] { border-color: var(--scale-warning); box-shadow: 0 0 20px rgba(255, 200, 87, .12); }
.graph-center.is-success[b-p5c9zq8h7r],
.graph-node.is-success[b-p5c9zq8h7r] { border-color: var(--scale-success); box-shadow: 0 0 20px rgba(77, 255, 154, .12); }
.graph-node.is-area-live[b-p5c9zq8h7r] { border-color: var(--scale-info); background: linear-gradient(145deg, rgba(92, 231, 239, .09), transparent 58%), rgba(16, 19, 39, .98); box-shadow: 0 0 18px rgba(92, 231, 239, .08); }
.graph-node.is-area-live span[b-p5c9zq8h7r] { color: var(--scale-violet); }
.graph-node.is-area-empty[b-p5c9zq8h7r] { border-color: #44485d; background: rgba(14, 17, 33, .96); opacity: .68; }
.graph-node.is-area-empty span[b-p5c9zq8h7r],
.graph-node.is-area-empty small[b-p5c9zq8h7r] { color: #74798e; }
.graph-empty[b-p5c9zq8h7r] { position: absolute; right: 20px; bottom: 12px; margin: 0; color: var(--scale-muted); font-size: .52rem; }
.node-detail[b-p5c9zq8h7r] { min-height: 510px; padding: 18px; }
.node-detail > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 12px; align-items: start; padding-bottom: 14px; border-bottom: 1px solid var(--scale-border); }
.node-detail header span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .56rem; }
.node-detail h3[b-p5c9zq8h7r] { margin: 5px 0 0; font-size: 1.15rem; }
.node-detail header button[b-p5c9zq8h7r] { padding: 8px 11px; border: 1px solid var(--scale-border); background: transparent; color: var(--scale-muted); cursor: pointer; }
.detail-nav[b-p5c9zq8h7r] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.detail-nav button:first-child[b-p5c9zq8h7r] { border-color: var(--scale-info); color: var(--scale-info); }
.node-detail dl[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 16px 0; }
.node-detail dl div[b-p5c9zq8h7r] { padding: 10px; border: 1px solid var(--scale-border); background: #101326; }
.node-detail dt[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }
.node-detail dd[b-p5c9zq8h7r] { margin: 4px 0 0; font-size: .65rem; }
.detail-condition[b-p5c9zq8h7r] { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--scale-warning); background: rgba(255, 200, 87, .04); }
.detail-condition.is-good[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .04); }
.detail-condition span[b-p5c9zq8h7r] { color: var(--scale-warning); font-size: .52rem; }
.detail-condition.is-good span[b-p5c9zq8h7r] { color: var(--scale-success); }
.detail-condition strong[b-p5c9zq8h7r] { font-size: .86rem; }
.detail-condition p[b-p5c9zq8h7r],
.detail-copy[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .61rem; line-height: 1.55; }

.founder-widget[b-p5c9zq8h7r] { display: grid; gap: 9px; padding: 16px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-info); background: linear-gradient(120deg, rgba(92, 231, 239, .045), transparent 52%), #101326; }
.founder-widget > span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .52rem; letter-spacing: .11em; }
.founder-widget h4[b-p5c9zq8h7r] { margin: 0; color: var(--scale-text); font-size: .9rem; line-height: 1.3; }
.founder-widget p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .61rem; line-height: 1.55; }
.area-widget.is-empty[b-p5c9zq8h7r] { border-left-color: #5b6075; background: #101326; }
.area-widget.is-empty > span[b-p5c9zq8h7r] { color: #858a9f; }
.area-empty-note[b-p5c9zq8h7r] { padding-top: 9px; border-top: 1px dashed #45495c; }
.detail-blocker[b-p5c9zq8h7r] { padding: 9px 10px; border: 1px solid var(--scale-warning); background: rgba(255, 200, 87, .05); color: var(--scale-warning) !important; }
.detail-progress[b-p5c9zq8h7r] { padding: 9px 10px; border: 1px solid var(--scale-success); background: rgba(77, 255, 154, .045); color: var(--scale-success) !important; }
.detail-facts[b-p5c9zq8h7r] { display: flex; flex-wrap: wrap; gap: 6px; }
.detail-facts span[b-p5c9zq8h7r] { padding: 6px 8px; border: 1px solid var(--scale-border); color: var(--scale-muted); font-size: .5rem; }
.detail-relations[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--scale-border); }
.detail-relations > header[b-p5c9zq8h7r] { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 10px; color: var(--scale-muted); font-size: .5rem; }
.detail-relations > header strong[b-p5c9zq8h7r] { color: var(--scale-info); letter-spacing: .08em; }
.detail-relations > button[b-p5c9zq8h7r] { display: grid; gap: 3px; min-width: 0; padding: 9px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-text); cursor: pointer; text-align: left; }
.detail-relations > button:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); }
.detail-relations > button span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .47rem; letter-spacing: .06em; }
.detail-relations > button strong[b-p5c9zq8h7r] { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.detail-relations > button small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .45rem; }
.detail-action[b-p5c9zq8h7r] { display: grid; gap: 4px; width: 100%; min-height: 48px; margin-top: 3px; padding: 10px 12px; border: 1px solid var(--scale-brand); background: linear-gradient(90deg, rgba(111, 0, 255, .3), rgba(111, 0, 255, .11)); color: var(--scale-text); cursor: pointer; font-size: .66rem; font-weight: 800; line-height: 1.3; text-align: left; }
.detail-action:hover:not(:disabled)[b-p5c9zq8h7r] { border-color: var(--scale-violet); background: linear-gradient(90deg, rgba(143, 0, 255, .38), rgba(111, 0, 255, .15)); box-shadow: 0 0 18px rgba(111, 0, 255, .13); }
.detail-action small[b-p5c9zq8h7r] { color: #c3bad3; font-size: .5rem; font-weight: 400; line-height: 1.4; }
.detail-action:disabled[b-p5c9zq8h7r] { cursor: not-allowed; opacity: .42; }
.product-widget[b-p5c9zq8h7r] { border-left-color: var(--scale-brand); }
.product-socket-summary[b-p5c9zq8h7r] { padding-bottom: 9px; border-bottom: 1px dashed var(--scale-border); }
.detail-needs[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.requirement-socket[b-p5c9zq8h7r] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 7px 10px;
    align-items: center;
    min-width: 0;
    min-height: 96px;
    padding: 11px 10px 10px 14px;
    border: 2px solid currentColor;
    border-left-width: 5px;
    background: #15182b;
    color: var(--scale-text);
    cursor: pointer;
    text-align: left;
}
.requirement-socket.is-unsatisfied[b-p5c9zq8h7r] { color: var(--scale-warning); background: linear-gradient(120deg, rgba(255, 200, 87, .11), transparent 62%), #15182b; box-shadow: inset 0 0 22px rgba(255, 200, 87, .045); }
.requirement-socket.is-satisfied[b-p5c9zq8h7r] { color: var(--scale-success); background: linear-gradient(120deg, rgba(77, 255, 154, .1), transparent 62%), #15182b; box-shadow: inset 0 0 22px rgba(77, 255, 154, .04); }
.requirement-socket:hover[b-p5c9zq8h7r] { outline: 2px solid rgba(92, 231, 239, .55); outline-offset: 2px; }
.socket-glyph[b-p5c9zq8h7r] { display: grid; place-items: center; width: 36px; height: 36px; border: 2px solid currentColor; border-radius: 50%; box-shadow: inset 0 0 0 4px #15182b, 0 0 12px currentColor; color: currentColor; font-size: .62rem; }
.socket-copy[b-p5c9zq8h7r] { display: grid; gap: 3px; min-width: 0; }
.socket-copy small[b-p5c9zq8h7r] { color: currentColor; font-size: .42rem; font-weight: 900; letter-spacing: .08em; }
.socket-copy strong[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .61rem; line-height: 1.25; text-transform: uppercase; }
.socket-copy em[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .47rem; font-style: normal; font-weight: 400; line-height: 1.38; }
.socket-state[b-p5c9zq8h7r] { grid-column: 1 / -1; justify-self: stretch; padding: 4px 7px; border: 1px solid currentColor; color: currentColor; font-size: .49rem; font-weight: 900; letter-spacing: .1em; text-align: center; }
.requirement-socket-detail[b-p5c9zq8h7r] { border-width: 2px; border-left-width: 6px; }
.requirement-socket-detail.is-warning[b-p5c9zq8h7r] { box-shadow: inset 0 0 28px rgba(255, 200, 87, .05); }
.requirement-socket-detail.is-good[b-p5c9zq8h7r] { box-shadow: inset 0 0 28px rgba(77, 255, 154, .05); }
.socket-fit-list[b-p5c9zq8h7r] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; padding: 9px; border: 1px solid var(--scale-success); background: rgba(77, 255, 154, .04); }
.socket-fit-list b[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .49rem; letter-spacing: .08em; }
.socket-fit-list span[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .55rem; }
.socket-fit-list.is-empty[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: rgba(255, 200, 87, .04); }
.socket-fit-list.is-empty b[b-p5c9zq8h7r] { color: var(--scale-warning); }

.phone-mini[b-p5c9zq8h7r] { display: grid; gap: 8px; margin: 12px 0; padding: 11px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-info); background: #0f1222; }
.phone-mini.is-warning[b-p5c9zq8h7r],
.phone-mini.is-uninstalled[b-p5c9zq8h7r],
.phone-mini.is-starved[b-p5c9zq8h7r] { border-left-color: var(--scale-warning); }
.phone-mini.is-running[b-p5c9zq8h7r] { border-left-color: var(--scale-success); }
.phone-mini > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.phone-mini > header span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .48rem; letter-spacing: .08em; }
.phone-mini > header b[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .57rem; }
.phone-mini-grid[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.phone-mini-grid div[b-p5c9zq8h7r] { display: grid; gap: 2px; padding: 7px; border: 1px solid var(--scale-border); background: rgba(9, 11, 22, .55); }
.phone-mini-grid span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .43rem; }
.phone-mini-grid b[b-p5c9zq8h7r] { overflow: hidden; color: var(--scale-text); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }

.phone-action-card[b-p5c9zq8h7r] { display: grid; gap: 8px; margin: 12px 0; padding: 10px; border: 2px solid var(--scale-brand); border-radius: 10px; background: radial-gradient(circle at 50% 20%, rgba(111, 0, 255, .22), transparent 42%), #0d1020; box-shadow: inset 0 0 0 2px #24203c, 0 9px 28px rgba(0, 0, 0, .34); }
.phone-action-card > header[b-p5c9zq8h7r] { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding-bottom: 7px; border-bottom: 1px solid var(--scale-border); }
.phone-action-card > header span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .43rem; letter-spacing: .1em; }
.phone-action-card > header b[b-p5c9zq8h7r] { grid-row: 1 / 3; grid-column: 2; color: #fff; font-size: .72rem; }
.phone-action-card > header small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .4rem; }
.phone-card-art[b-p5c9zq8h7r] { display: grid; place-items: center; gap: 4px; min-height: 64px; border: 1px solid #514379; background: repeating-linear-gradient(135deg, rgba(111, 0, 255, .13) 0 8px, rgba(92, 231, 239, .035) 8px 16px); }
.phone-card-art i[b-p5c9zq8h7r] { display: grid; place-items: center; width: 35px; height: 35px; border: 2px solid var(--scale-info); border-radius: 50%; color: var(--scale-info); font-size: .72rem; font-style: normal; font-weight: 900; }
.phone-card-art span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .4rem; letter-spacing: .08em; }
.phone-card-rules[b-p5c9zq8h7r] { display: grid; gap: 4px; }
.phone-card-rules > div[b-p5c9zq8h7r] { display: grid; grid-template-columns: 27px minmax(0, 1fr); gap: 2px 7px; padding: 6px; border: 1px solid var(--scale-border); background: #13162a; }
.phone-card-rules > div > b[b-p5c9zq8h7r] { grid-row: 1 / 3; display: grid; place-items: center; color: var(--scale-warning); font-size: .56rem; }
.phone-card-rules > div > span[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .48rem; font-weight: 800; }
.phone-card-rules > div > small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .4rem; line-height: 1.35; }
.phone-card-rules > div.is-met[b-p5c9zq8h7r] { border-color: rgba(77, 255, 154, .42); }
.phone-card-rules > div.is-met > b[b-p5c9zq8h7r] { color: var(--scale-success); }
.phone-card-rules > div.is-quality[b-p5c9zq8h7r] { border-color: rgba(92, 231, 239, .38); }
.phone-card-rules > div.is-quality > b[b-p5c9zq8h7r] { color: var(--scale-info); }
.phone-action-card > footer[b-p5c9zq8h7r] { display: grid; gap: 2px; padding: 7px; border-top: 1px solid var(--scale-border); }
.phone-action-card > footer span[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .42rem; letter-spacing: .1em; }
.phone-action-card > footer b[b-p5c9zq8h7r] { font-size: .5rem; }
.phone-action-card > footer small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .4rem; }

.phone-machine[b-p5c9zq8h7r] { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-info); background: linear-gradient(125deg, rgba(92, 231, 239, .04), transparent 50%), #0d1020; }
.phone-machine.is-uninstalled[b-p5c9zq8h7r] { border-left-color: var(--scale-warning); }
.phone-machine.is-starved[b-p5c9zq8h7r] { border-left-color: var(--scale-warning); }
.phone-machine.is-running[b-p5c9zq8h7r] { border-left-color: var(--scale-success); }
.phone-machine > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 12px; align-items: start; padding-bottom: 9px; border-bottom: 1px solid var(--scale-border); }
.phone-machine > header span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .5rem; letter-spacing: .1em; }
.phone-machine > header h4[b-p5c9zq8h7r] { margin: 4px 0 0; font-size: .88rem; }
.phone-machine > header b[b-p5c9zq8h7r] { padding: 6px 8px; border: 1px solid var(--scale-info); color: var(--scale-info); font-size: .5rem; letter-spacing: .06em; }
.phone-machine.is-uninstalled > header b[b-p5c9zq8h7r] { border-color: var(--scale-warning); color: var(--scale-warning); }
.phone-machine.is-starved > header b[b-p5c9zq8h7r] { border-color: var(--scale-warning); color: var(--scale-warning); }
.phone-machine.is-running > header b[b-p5c9zq8h7r] { border-color: var(--scale-success); color: var(--scale-success); }
.phone-furnace[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1.1fr) 42px minmax(0, 1fr); gap: 6px; align-items: stretch; }
.phone-slot[b-p5c9zq8h7r] { display: grid; align-content: start; gap: 7px; min-width: 0; min-height: 138px; padding: 11px; border: 1px solid var(--scale-border); background: #13162a; }
.phone-slot > span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; letter-spacing: .09em; }
.phone-slot > strong[b-p5c9zq8h7r] { color: var(--scale-text); font-size: .72rem; line-height: 1.25; }
.phone-slot.is-input[b-p5c9zq8h7r] { border-top: 2px solid var(--scale-warning); }
.phone-slot.is-process[b-p5c9zq8h7r] { border-top: 2px solid var(--scale-violet); }
.phone-slot.is-output[b-p5c9zq8h7r] { border-top: 2px solid var(--scale-success); }
.phone-slot.is-empty[b-p5c9zq8h7r] { opacity: .72; }
.phone-stack[b-p5c9zq8h7r] { display: grid; gap: 4px; }
.phone-stack button[b-p5c9zq8h7r],
.phone-stack p[b-p5c9zq8h7r] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; min-width: 0; margin: 0; padding: 6px; border: 1px solid var(--scale-border); background: #0d1020; color: var(--scale-text); text-align: left; }
.phone-stack button[b-p5c9zq8h7r] { cursor: pointer; }
.phone-stack button:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); }
.phone-stack b[b-p5c9zq8h7r] { color: var(--scale-warning); font-size: .46rem; }
.phone-stack small[b-p5c9zq8h7r] { overflow: hidden; color: var(--scale-muted); font-size: .45rem; text-overflow: ellipsis; white-space: nowrap; }
.phone-socket[b-p5c9zq8h7r] { display: grid; gap: 5px; margin-top: auto; padding-top: 8px; border-top: 1px dashed var(--scale-border); }
.phone-socket span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .44rem; }
.phone-socket b[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .57rem; }
.phone-progress[b-p5c9zq8h7r] { height: 7px; border: 1px solid var(--scale-border); background: #090b16; }
.phone-progress i[b-p5c9zq8h7r] { display: block; height: 100%; background: linear-gradient(90deg, var(--scale-brand), var(--scale-success)); }
.phone-arrow[b-p5c9zq8h7r] { display: grid; place-items: center; color: var(--scale-info); font-size: 1.05rem; }
.phone-machine-note[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .55rem; line-height: 1.5; }

.pipeline-board[b-p5c9zq8h7r] { display: grid; gap: 8px; }
.pipeline-summary[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.pipeline-summary div[b-p5c9zq8h7r] { display: grid; gap: 3px; padding: 9px; border: 1px solid var(--scale-border); background: #101326; }
.pipeline-summary span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .45rem; }
.pipeline-summary b[b-p5c9zq8h7r] { font-size: .7rem; }
.pipeline-list[b-p5c9zq8h7r] { display: grid; gap: 5px; }
.pipeline-list button[b-p5c9zq8h7r],
.record-row[b-p5c9zq8h7r] { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-width: 0; padding: 9px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-text); text-align: left; }
.pipeline-list button[b-p5c9zq8h7r] { cursor: pointer; }
.pipeline-list button:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); }
.pipeline-list span[b-p5c9zq8h7r],
.record-row span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .47rem; }
.pipeline-list b[b-p5c9zq8h7r],
.record-row b[b-p5c9zq8h7r] { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-list small[b-p5c9zq8h7r],
.record-row small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .46rem; }
.inventory-card-grid[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 6px; }
.inventory-card-grid article[b-p5c9zq8h7r] { display: grid; gap: 4px; padding: 9px; border: 1px solid var(--scale-border); background: #101326; }
.inventory-card-grid article span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .44rem; }
.inventory-card-grid article b[b-p5c9zq8h7r] { font-size: .61rem; }
.inventory-card-grid article small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .43rem; line-height: 1.4; }

.commitment-board > article[b-p5c9zq8h7r] { display: grid; gap: 7px; padding: 9px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-warning); background: #15182b; }
.commitment-board > article.is-complete[b-p5c9zq8h7r] { border-left-color: var(--scale-success); opacity: .78; }
.commitment-board > article.is-scheduled[b-p5c9zq8h7r] { border-left-color: var(--scale-violet); background: linear-gradient(90deg, rgba(111, 0, 255, .08), transparent 55%), #15182b; }
.commitment-board > article.is-due[b-p5c9zq8h7r] { border-left-color: var(--scale-info); box-shadow: inset 3px 0 rgba(92, 231, 239, .14); }
.commitment-board > article > button:first-child[b-p5c9zq8h7r] { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 3px 9px; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--scale-text); cursor: pointer; text-align: left; }
.commitment-board > article > button:first-child span[b-p5c9zq8h7r] { grid-row: 1 / 3; color: var(--scale-warning); font-size: .56rem; font-weight: 800; }
.commitment-board > article > button:first-child span em[b-p5c9zq8h7r] { display: block; margin-top: 3px; color: var(--scale-muted); font-size: .42rem; font-style: normal; font-weight: 500; }
.commitment-board > article > button:first-child b[b-p5c9zq8h7r] { overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.commitment-board > article > button:first-child small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .46rem; }
.commitment-action[b-p5c9zq8h7r] { min-height: 34px; border: 1px solid var(--scale-brand); background: rgba(111, 0, 255, .14); color: var(--scale-text); cursor: pointer; font-size: .52rem; font-weight: 800; text-align: left; }
.commitment-action:disabled[b-p5c9zq8h7r] { border-color: var(--scale-border); color: var(--scale-muted); cursor: not-allowed; opacity: .62; }
.commitment-action.is-scheduled:disabled[b-p5c9zq8h7r] { border-color: var(--scale-violet); background: rgba(111, 0, 255, .08); color: var(--scale-violet); opacity: 1; }
.commitment-board > article > .guide-tag[b-p5c9zq8h7r] { position: absolute; top: 5px; right: 5px; }
.schedule-summary[b-p5c9zq8h7r] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.schedule-summary span[b-p5c9zq8h7r] { padding: 5px 7px; border: 1px solid var(--scale-border); color: var(--scale-muted); font-size: .46rem; }

.market-categories[b-p5c9zq8h7r] { display: flex; gap: 1px; padding: 9px; border-bottom: 1px solid var(--scale-border); background: #0d0f1e; overflow-x: auto; }
.market-categories button[b-p5c9zq8h7r] { min-width: 130px; min-height: 36px; border: 1px solid var(--scale-border); background: #111427; color: var(--scale-muted); cursor: pointer; font-size: .56rem; }
.market-categories button.is-active[b-p5c9zq8h7r] { border-color: var(--scale-brand); background: rgba(111, 0, 255, .13); color: var(--scale-violet); }
.market-categories button.is-guided[b-p5c9zq8h7r] { color: #fff; }
.market-categories .guide-tag[b-p5c9zq8h7r] { margin-left: 8px; }
.market-empty[b-p5c9zq8h7r] { grid-column: 1 / -1; display: grid; gap: 5px; justify-items: center; min-height: 180px; margin: 0; padding: 40px; border: 1px dashed var(--scale-border); color: var(--scale-muted); text-align: center; }
.market-empty b[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .72rem; }
.market-empty span[b-p5c9zq8h7r] { font-size: .58rem; }

.offer-grid[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(2, minmax(260px, 420px)); gap: 12px; justify-content: center; padding: 28px; }
.offer-card[b-p5c9zq8h7r] { position: relative; display: grid; gap: 8px; padding: 18px; border: 1px solid var(--scale-border); background: #101326; }
.offer-card > span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .54rem; letter-spacing: .1em; }
.offer-card h3[b-p5c9zq8h7r] { margin: 3px 0; font-size: .98rem; }
.offer-card > p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .62rem; }
.offer-card dl[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin: 10px 0; }
.offer-card dl div[b-p5c9zq8h7r] { padding: 8px; border: 1px solid var(--scale-border); }
.offer-card dt[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .5rem; }
.offer-card dd[b-p5c9zq8h7r] { margin: 2px 0 0; font-weight: 800; }
.offer-card button[b-p5c9zq8h7r] { min-height: 42px; border: 1px solid var(--scale-brand); background: var(--scale-brand); color: #fff; cursor: pointer; }
.offer-card button:disabled[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .08); color: var(--scale-success); opacity: 1; }
.offer-card > .guide-tag[b-p5c9zq8h7r] { position: absolute; top: 8px; right: 8px; }
.offer-proof[b-p5c9zq8h7r] { display: grid; gap: 4px; padding: 9px; border-left: 2px solid var(--scale-info); background: rgba(92, 231, 239, .035); }
.offer-proof > span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .45rem; letter-spacing: .08em; }
.offer-proof p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-text); font-size: .53rem; line-height: 1.4; }
.offer-proof small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .42rem; }
.surface-aside[b-p5c9zq8h7r] { width: fit-content; margin: 0 auto 20px; padding: 7px 10px; border: 1px solid var(--scale-border); color: #777c94; font-size: .55rem; }

.calendar-grid[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(220px, .55fr) minmax(520px, 1.45fr); gap: 10px; padding: 18px; }
.commitment-board[b-p5c9zq8h7r] { grid-column: 1; display: grid; align-content: start; gap: 6px; min-width: 0; padding: 10px; border: 1px solid var(--scale-border); background: #0f1222; }
.commitment-board > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 3px 2px 9px; border-bottom: 1px solid var(--scale-border); }
.commitment-board > header span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .55rem; letter-spacing: .1em; }
.commitment-board > header b[b-p5c9zq8h7r] { display: grid; place-items: center; min-width: 25px; min-height: 22px; border: 1px solid var(--scale-violet); color: var(--scale-violet); font-size: .62rem; }
.commitment-board > p[b-p5c9zq8h7r] { display: grid; gap: 5px; margin: 0; padding: 18px 8px; border: 1px dashed var(--scale-border); color: var(--scale-muted); text-align: center; }
.commitment-board > p b[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .58rem; }
.commitment-board > p small[b-p5c9zq8h7r] { font-size: .48rem; line-height: 1.45; }
.commitment-board > button[b-p5c9zq8h7r] { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 3px 9px; align-items: center; min-width: 0; padding: 9px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-warning); background: #15182b; color: var(--scale-text); cursor: pointer; text-align: left; }
.commitment-board > button:hover[b-p5c9zq8h7r] { border-color: var(--scale-info); border-left-color: var(--scale-warning); background: rgba(92, 231, 239, .045); }
.commitment-board > button span[b-p5c9zq8h7r] { grid-row: 1 / 3; color: var(--scale-warning); font-size: .56rem; font-weight: 800; }
.commitment-board > button b[b-p5c9zq8h7r] { min-width: 0; overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.commitment-board > button small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .46rem; line-height: 1.35; }
.calendar-grid > .actor-list[b-p5c9zq8h7r] { grid-column: 1; }
.calendar-grid > .actor-schedule[b-p5c9zq8h7r] { grid-column: 2; grid-row: 1 / span 2; }
.actor-list[b-p5c9zq8h7r] { display: grid; align-content: start; gap: 6px; }
.actor-list button[b-p5c9zq8h7r] { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 2px 9px; align-items: center; padding: 9px; border: 1px solid var(--scale-border); background: #101326; color: var(--scale-text); text-align: left; cursor: pointer; }
.actor-list button > span[b-p5c9zq8h7r] { grid-row: 1 / 3; display: grid; place-items: center; min-height: 33px; border: 1px solid #6a6f86; color: var(--scale-muted); }
.actor-list button b[b-p5c9zq8h7r] { font-size: .66rem; }
.actor-list button small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .5rem; }
.actor-list button.is-active[b-p5c9zq8h7r] { border-color: var(--scale-brand); background: rgba(111, 0, 255, .1); }
.actor-list button.is-active > span[b-p5c9zq8h7r] { border-color: var(--scale-violet); color: var(--scale-violet); }
.actor-schedule[b-p5c9zq8h7r] { min-height: 430px; border: 1px solid var(--scale-border); background: #0f1222; }
.actor-schedule > header[b-p5c9zq8h7r] { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px; border-bottom: 1px solid var(--scale-border); }
.actor-schedule > header > span[b-p5c9zq8h7r] { display: grid; place-items: center; min-height: 45px; border: 1px solid var(--scale-info); color: var(--scale-info); }
.actor-schedule h3[b-p5c9zq8h7r], .actor-schedule p[b-p5c9zq8h7r] { margin: 0; }
.actor-schedule h3[b-p5c9zq8h7r] { font-size: .9rem; }
.actor-schedule p[b-p5c9zq8h7r], .actor-schedule header > b[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .55rem; }
.calendar-inventory[b-p5c9zq8h7r] { display: grid; gap: 6px; padding: 9px 10px; border-bottom: 1px solid var(--scale-border); background: rgba(111, 0, 255, .025); }
.calendar-inventory > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; color: var(--scale-muted); font-size: .46rem; }
.calendar-inventory > div[b-p5c9zq8h7r] { display: flex; gap: 5px; overflow-x: auto; }
.calendar-inventory button[b-p5c9zq8h7r] { display: grid; gap: 2px; min-width: 130px; padding: 6px 8px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-text); cursor: pointer; text-align: left; }
.calendar-inventory button b[b-p5c9zq8h7r] { font-size: .52rem; }
.calendar-inventory button small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .42rem; }
.schedule-queue[b-p5c9zq8h7r] { display: grid; gap: 6px; padding: 10px; }
.schedule-queue button[b-p5c9zq8h7r] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 10px; border: 1px solid var(--scale-border); background: #15182b; color: var(--scale-text); text-align: left; cursor: pointer; }
.schedule-queue button > span[b-p5c9zq8h7r] { color: var(--scale-violet); font-weight: 900; text-align: center; }
.schedule-queue button div[b-p5c9zq8h7r] { display: grid; }
.schedule-queue button b[b-p5c9zq8h7r] { font-size: .65rem; }
.schedule-queue button small[b-p5c9zq8h7r], .schedule-queue button em[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .52rem; font-style: normal; }
.schedule-empty[b-p5c9zq8h7r] { display: grid; gap: 4px; padding: 40px; color: var(--scale-muted); text-align: center; }
.schedule-empty b[b-p5c9zq8h7r] { color: var(--scale-violet); }
.receipt-ledger[b-p5c9zq8h7r] { display: grid; gap: 6px; margin: 0 10px 10px; padding: 10px; border: 1px solid var(--scale-border); background: #0b0e1c; }
.receipt-ledger > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; align-items: center; padding-bottom: 7px; border-bottom: 1px solid var(--scale-border); }
.receipt-ledger > header span[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .55rem; letter-spacing: .1em; }
.receipt-ledger > header b[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .62rem; }
.receipt-ledger > p[b-p5c9zq8h7r] { margin: 0; padding: 10px; border: 1px dashed var(--scale-border); color: var(--scale-muted); font-size: .52rem; text-align: center; }
.receipt-ledger > button[b-p5c9zq8h7r] { display: grid; gap: 3px; padding: 9px; border: 1px solid rgba(77, 255, 154, .36); border-left: 3px solid var(--scale-success); background: rgba(77, 255, 154, .045); color: var(--scale-text); text-align: left; cursor: pointer; }
.receipt-ledger > button:hover[b-p5c9zq8h7r] { border-color: var(--scale-success); background: rgba(77, 255, 154, .08); }
.receipt-ledger > button span[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .48rem; letter-spacing: .08em; }
.receipt-ledger > button b[b-p5c9zq8h7r] { font-size: .61rem; }
.receipt-ledger > button small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }
.actor-schedule > footer[b-p5c9zq8h7r] { display: flex; gap: 7px; justify-content: end; padding: 10px; border-top: 1px solid var(--scale-border); }
.actor-schedule > footer button[b-p5c9zq8h7r] { padding: 8px 12px; border: 1px solid var(--scale-border); background: #1b1f36; color: var(--scale-text); cursor: pointer; }
.actor-schedule > footer button.primary[b-p5c9zq8h7r] { border-color: var(--scale-brand); background: var(--scale-brand); }
.calendar-controls button:disabled[b-p5c9zq8h7r] { opacity: .42; cursor: not-allowed; }
.fast-forward-panel[b-p5c9zq8h7r] { display: grid; gap: 7px; margin: 0 10px 10px; padding: 11px; border: 1px solid var(--scale-violet); background: rgba(111, 0, 255, .06); }
.fast-forward-panel > span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .48rem; letter-spacing: .08em; }
.fast-forward-panel > strong[b-p5c9zq8h7r] { font-size: .67rem; }
.fast-forward-panel p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .53rem; line-height: 1.45; }
.fast-forward-panel p b[b-p5c9zq8h7r] { color: var(--scale-warning); }
.fast-forward-panel button[b-p5c9zq8h7r] { min-height: 34px; padding: 7px 9px; border: 1px solid var(--scale-violet); background: #1b1f36; color: var(--scale-text); cursor: pointer; font-size: .51rem; font-weight: 800; }
.fast-forward-panel button.primary[b-p5c9zq8h7r] { border-color: var(--scale-brand); background: var(--scale-brand); }
.fast-forward-panel > div[b-p5c9zq8h7r] { display: flex; gap: 6px; }
.fast-forward-panel.is-confirming[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: rgba(255, 200, 87, .045); }

.proof-drawer[b-p5c9zq8h7r] { position: fixed; z-index: 50; top: 4vh; right: 3vw; bottom: 4vh; display: grid; grid-template-rows: auto auto 1fr; width: min(520px, 94vw); padding: 12px; border: 1px solid var(--scale-violet); background: rgba(19, 22, 40, .99); box-shadow: 0 0 0 100vmax rgba(4, 5, 11, .72), 0 20px 70px #000; }
.proof-drawer > header[b-p5c9zq8h7r] { display: flex; justify-content: space-between; align-items: center; padding: 7px; border-bottom: 1px solid var(--scale-border); }
.proof-drawer header span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .54rem; }
.proof-drawer h2[b-p5c9zq8h7r] { margin: 3px 0; font-size: 1rem; }
.proof-drawer header button[b-p5c9zq8h7r] { padding: 7px 10px; border: 1px solid var(--scale-border); background: transparent; color: var(--scale-muted); cursor: pointer; }
.proof-chain[b-p5c9zq8h7r] { display: flex; gap: 4px; padding: 8px 0; overflow-x: auto; }
.proof-chain button[b-p5c9zq8h7r] { display: grid; gap: 2px; min-width: 135px; padding: 7px; border: 1px solid var(--scale-border); background: #101326; color: var(--scale-text); text-align: left; cursor: pointer; }
.proof-chain button.is-active[b-p5c9zq8h7r] { border-color: var(--scale-brand); }
.proof-chain span[b-p5c9zq8h7r], .proof-chain small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }
.proof-chain b[b-p5c9zq8h7r] { font-size: .58rem; }
.proof-drawer > section[b-p5c9zq8h7r] { padding: 15px; border: 1px solid var(--scale-border); background: #101326; }
.proof-drawer > section > span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .55rem; }
.proof-drawer > section h3[b-p5c9zq8h7r] { margin: 5px 0 14px; }
.proof-drawer > section p[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .62rem; }

.placement-banner[b-p5c9zq8h7r] { position: absolute; z-index: 8; top: 8px; left: 50%; display: grid; gap: 2px; width: min(430px, calc(100% - 24px)); padding: 8px 36px 8px 11px; transform: translateX(-50%); border: 1px solid var(--scale-violet); background: rgba(16, 13, 34, .96); box-shadow: 0 8px 28px rgba(0, 0, 0, .45); pointer-events: none; }
.placement-banner > span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .46rem; letter-spacing: .1em; }
.placement-banner > strong[b-p5c9zq8h7r] { font-size: .64rem; }
.placement-banner > small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .45rem; }
.placement-banner > .guide-tag[b-p5c9zq8h7r] { position: absolute; top: 7px; right: 7px; }
.world-tile.is-placement-valid[b-p5c9zq8h7r] { box-shadow: inset 0 0 0 1px rgba(143, 93, 255, .32); }
.world-tile.is-placement-valid:hover[b-p5c9zq8h7r],
.world-tile.is-placement-valid.has-cursor[b-p5c9zq8h7r] { background: rgba(111, 0, 255, .22); box-shadow: inset 0 0 0 2px var(--scale-violet), 0 0 16px rgba(111, 0, 255, .28); }
.world-tile.is-placement-invalid:not(.is-wall)[b-p5c9zq8h7r] { filter: saturate(.45) brightness(.72); }
.world-thing.container[b-p5c9zq8h7r] { border-color: var(--scale-warning); background: linear-gradient(145deg, rgba(255, 200, 87, .16), rgba(22, 19, 37, .96)); box-shadow: 0 0 13px rgba(255, 200, 87, .11); }
.world-thing.container.is-open[b-p5c9zq8h7r] { border-color: var(--scale-border); opacity: .46; box-shadow: none; }
.actor-inventory-mini button.inventory-place[b-p5c9zq8h7r] { position: relative; border-color: var(--scale-violet); background: rgba(111, 0, 255, .18); }
.actor-inventory-mini button.inventory-place > .guide-tag[b-p5c9zq8h7r] { position: absolute; top: -7px; right: 3px; font-size: .37rem; }
.placement-card[b-p5c9zq8h7r] { display: grid; gap: 8px; margin: 12px 0; padding: 11px; border: 1px solid var(--scale-warning); border-left-width: 3px; background: rgba(255, 200, 87, .04); }
.placement-card.is-valid[b-p5c9zq8h7r] { border-color: var(--scale-violet); background: rgba(111, 0, 255, .07); }
.placement-card header[b-p5c9zq8h7r] { display: grid; gap: 3px; }
.placement-card header span[b-p5c9zq8h7r],
.placement-card > div span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .44rem; letter-spacing: .08em; }
.placement-card header b[b-p5c9zq8h7r] { font-size: .62rem; }
.placement-card > div[b-p5c9zq8h7r] { display: flex; justify-content: space-between; gap: 8px; padding: 7px; border: 1px solid var(--scale-border); }
.placement-card > div strong[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .58rem; }
.placement-card p[b-p5c9zq8h7r] { margin: 0; color: var(--scale-muted); font-size: .5rem; line-height: 1.45; }

.acquisition-scrim[b-p5c9zq8h7r] { position: fixed; z-index: 80; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(4, 5, 12, .82); backdrop-filter: blur(3px); }
.acquisition-dialog[b-p5c9zq8h7r] { display: grid; gap: 12px; width: min(560px, 96vw); max-height: 92vh; overflow-y: auto; padding: 18px; border: 2px solid var(--scale-violet); background: radial-gradient(circle at 50% 0, rgba(111, 0, 255, .23), transparent 37%), #0d1020; box-shadow: 0 28px 90px #000, inset 0 0 0 2px #2b2347; }
.acquisition-dialog > header[b-p5c9zq8h7r] { display: grid; gap: 3px; padding-bottom: 10px; border-bottom: 1px solid var(--scale-border); }
.acquisition-dialog > header span[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: .5rem; letter-spacing: .14em; }
.acquisition-dialog > header h2[b-p5c9zq8h7r] { margin: 0; font-size: 1.15rem; }
.acquisition-dialog > header small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .44rem; }
.acquired-card[b-p5c9zq8h7r] { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--scale-info); background: rgba(92, 231, 239, .045); }
.acquired-card > div[b-p5c9zq8h7r] { display: grid; place-items: center; min-height: 66px; border: 2px solid var(--scale-violet); background: rgba(111, 0, 255, .16); }
.acquired-card > div b[b-p5c9zq8h7r] { color: var(--scale-violet); font-size: 1.1rem; }
.acquired-card p[b-p5c9zq8h7r] { display: grid; gap: 4px; min-width: 0; margin: 0; }
.acquired-card span[b-p5c9zq8h7r] { color: var(--scale-info); font-size: .47rem; letter-spacing: .1em; }
.acquired-card strong[b-p5c9zq8h7r] { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.acquired-card small[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .48rem; }
.acquisition-summary[b-p5c9zq8h7r] { margin: 0; color: var(--scale-text); font-size: .64rem; line-height: 1.55; }
.acquisition-dialog ul[b-p5c9zq8h7r] { display: grid; gap: 4px; margin: 0; padding: 10px 10px 10px 26px; border: 1px solid var(--scale-border); color: var(--scale-muted); font-size: .52rem; }
.acquisition-clue[b-p5c9zq8h7r] { margin: 0; padding: 10px; border-left: 3px solid var(--scale-info); background: rgba(92, 231, 239, .035); color: var(--scale-muted); font-size: .56rem; line-height: 1.5; }
.acquisition-dialog > footer[b-p5c9zq8h7r] { display: flex; flex-wrap: wrap; gap: 7px; justify-content: end; }
.acquisition-dialog > footer button[b-p5c9zq8h7r] { position: relative; min-height: 38px; padding: 8px 11px; border: 1px solid var(--scale-border); background: #1b1f36; color: var(--scale-text); cursor: pointer; font-size: .52rem; font-weight: 800; }
.acquisition-dialog > footer button.primary[b-p5c9zq8h7r] { margin-right: auto; border-color: var(--scale-brand); background: var(--scale-brand); }
.acquisition-dialog > footer .guide-tag[b-p5c9zq8h7r] { margin-left: 5px; }

.game-footer[b-p5c9zq8h7r] { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; min-height: 34px; margin-top: 8px; padding: 6px 10px; border: 1px solid var(--scale-border); background: rgba(19, 22, 40, .8); color: #777c94; font-size: .48rem; }
.game-footer span:nth-child(1) b[b-p5c9zq8h7r] { color: var(--scale-violet); }
.game-footer span:nth-child(2) b[b-p5c9zq8h7r] { color: var(--scale-success); }
.game-footer span:nth-child(3) b[b-p5c9zq8h7r] { color: var(--scale-info); }
.game-footer span:nth-child(4) b[b-p5c9zq8h7r] { color: var(--scale-warning); }
.game-footer button[b-p5c9zq8h7r] { margin-left: auto; padding: 4px 8px; border: 1px solid var(--scale-border); background: transparent; color: var(--scale-muted); cursor: pointer; font-size: .48rem; }
.shift-complete[b-p5c9zq8h7r] { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(420px, 1.3fr) auto; gap: 10px; align-items: center; margin-top: 8px; padding: 14px; border: 1px solid var(--scale-success); background: linear-gradient(90deg, rgba(77, 255, 154, .08), rgba(111, 0, 255, .06)), #111526; box-shadow: 0 0 30px rgba(77, 255, 154, .12); }
.shift-complete header[b-p5c9zq8h7r] { display: grid; gap: 2px; }
.shift-complete header span[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .5rem; letter-spacing: .1em; }
.shift-complete h2[b-p5c9zq8h7r] { margin: 0; font-size: 1.25rem; }
.shift-complete header strong[b-p5c9zq8h7r] { color: var(--scale-success); font-size: .7rem; }
.shift-complete > div[b-p5c9zq8h7r] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.shift-complete > div p[b-p5c9zq8h7r] { display: grid; gap: 2px; margin: 0; padding: 6px; border: 1px solid var(--scale-border); }
.shift-complete > div span[b-p5c9zq8h7r] { color: var(--scale-muted); font-size: .42rem; }
.shift-complete > div b[b-p5c9zq8h7r] { font-size: .65rem; }
.shift-complete > p[b-p5c9zq8h7r] { grid-column: 1 / 3; margin: 0; color: var(--scale-muted); font-size: .55rem; line-height: 1.4; }
.shift-complete > button[b-p5c9zq8h7r] { grid-column: 3; grid-row: 1 / 3; align-self: stretch; padding: 9px 12px; border: 1px solid var(--scale-success); background: rgba(77, 255, 154, .08); color: var(--scale-success); cursor: pointer; font-size: .58rem; font-weight: 900; }

@media (max-width: 1100px) {
    .game-topbar[b-p5c9zq8h7r] { grid-template-columns: minmax(200px, .6fr) minmax(0, 1.4fr); }
    .game-hud[b-p5c9zq8h7r] { grid-column: 1 / -1; }
    .floor-layout[b-p5c9zq8h7r] { grid-template-columns: minmax(0, 1fr) minmax(270px, 310px); }
    .context-panel[b-p5c9zq8h7r] { min-height: 0; }
    .computer-grid[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .bottleneck-card[b-p5c9zq8h7r] { grid-row: auto; }
    .computer-note[b-p5c9zq8h7r] { grid-column: auto; }
}

@media (max-width: 820px) {
    .causal-root[b-p5c9zq8h7r] { padding: 8px; }
    .game-topbar[b-p5c9zq8h7r], .floor-layout[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .game-hud[b-p5c9zq8h7r] { grid-column: auto; }
    .game-tabs[b-p5c9zq8h7r] { grid-template-columns: repeat(2, 1fr); }
    .game-tabs button:nth-child(-n + 2)[b-p5c9zq8h7r] { border-bottom: 1px solid var(--scale-border); }
    .context-panel[b-p5c9zq8h7r] { position: static; }
    .offer-grid[b-p5c9zq8h7r], .calendar-grid[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .calendar-grid > .commitment-board[b-p5c9zq8h7r],
    .calendar-grid > .actor-list[b-p5c9zq8h7r],
    .calendar-grid > .actor-schedule[b-p5c9zq8h7r] { grid-column: auto; grid-row: auto; }
    .actor-list[b-p5c9zq8h7r] { grid-template-columns: repeat(2, 1fr); }
    .phone-furnace[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .phone-arrow[b-p5c9zq8h7r] { min-height: 18px; transform: rotate(90deg); }
    .shift-complete[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .shift-complete > p[b-p5c9zq8h7r], .shift-complete > button[b-p5c9zq8h7r] { grid-column: auto; grid-row: auto; }
}

@media (max-width: 540px) {
    .game-brand[b-p5c9zq8h7r], .mission-strip[b-p5c9zq8h7r], .context-panel[b-p5c9zq8h7r] { padding: 10px; }
    .game-hud[b-p5c9zq8h7r] { grid-template-columns: repeat(2, 1fr); }
    .game-tabs button[b-p5c9zq8h7r] { min-height: 52px; padding: 5px; font-size: .61rem; }
    .panel-title[b-p5c9zq8h7r] { display: grid; }
    .panel-title p[b-p5c9zq8h7r] { text-align: left; }
    .world-map[b-p5c9zq8h7r] { grid-template-columns: repeat(9, minmax(32px, 1fr)); }
    .world-thing small[b-p5c9zq8h7r] { display: none; }
    .world-thing b[b-p5c9zq8h7r] { min-width: 17px; min-height: 15px; font-size: .52rem; }
    .world-thing em[b-p5c9zq8h7r] { font-size: .35rem; }
    .order-marker[b-p5c9zq8h7r] { width: 15px; height: 15px; font-size: .42rem; }
    .queue-owner[b-p5c9zq8h7r] { min-width: 105px; padding-inline: 4px; }
    .empty-queue[b-p5c9zq8h7r] { min-width: 170px; padding-inline: 5px; }
    .queue-chip[b-p5c9zq8h7r] { min-width: 125px; }
    .queue-unit[b-p5c9zq8h7r] { min-width: 125px; }
    .shift-race[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .receipt-pop[b-p5c9zq8h7r] { max-width: 82%; }
    .controller[b-p5c9zq8h7r] { gap: 24px; }
    .offer-grid[b-p5c9zq8h7r], .computer-grid[b-p5c9zq8h7r], .calendar-grid[b-p5c9zq8h7r] { padding: 10px; }
    .actor-list[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .detail-needs[b-p5c9zq8h7r] { grid-template-columns: 1fr; }
    .phone-mini-grid[b-p5c9zq8h7r], .pipeline-summary[b-p5c9zq8h7r] { grid-template-columns: repeat(2, 1fr); }
    .pipeline-list button[b-p5c9zq8h7r], .record-row[b-p5c9zq8h7r] { grid-template-columns: 70px minmax(0, 1fr); }
    .pipeline-list small[b-p5c9zq8h7r], .record-row small[b-p5c9zq8h7r] { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
    .focus-box[b-p5c9zq8h7r], .is-guided[b-p5c9zq8h7r], .guide-tag[b-p5c9zq8h7r], .guide-tag[b-p5c9zq8h7r]::after, .game-tabs button.is-guided:not(.is-active)[b-p5c9zq8h7r], .world-thing.is-guided[b-p5c9zq8h7r],
    .computer-workspace .computer-next[b-p5c9zq8h7r], .computer-workspace .computer-next[b-p5c9zq8h7r]::after, .shift-race.is-counting p:first-child[b-p5c9zq8h7r],
    .offer-card.is-guided > button[b-p5c9zq8h7r], .commitment-board > article.is-guided > .commitment-action[b-p5c9zq8h7r] { animation: none !important; }
}

@media (forced-colors: active) {
    .game-brand[b-p5c9zq8h7r], .mission-strip[b-p5c9zq8h7r], .game-hud[b-p5c9zq8h7r], .game-tabs[b-p5c9zq8h7r], .world-panel[b-p5c9zq8h7r], .context-panel[b-p5c9zq8h7r], .single-surface[b-p5c9zq8h7r], .world-thing[b-p5c9zq8h7r], .focus-box[b-p5c9zq8h7r] { border: 1px solid CanvasText; }
    .computer-workspace .computer-next[b-p5c9zq8h7r] { border-color: Highlight; background: Canvas; color: CanvasText; box-shadow: none; text-shadow: none; }
    .computer-workspace .computer-next[b-p5c9zq8h7r]::after { border-color: Highlight; box-shadow: none; }
    .guide-tag[b-p5c9zq8h7r], .guide-tag[b-p5c9zq8h7r]::after { border-color: Highlight; background: Canvas; color: CanvasText; box-shadow: none; text-shadow: none; animation: none; }
    .causal-root button.is-guided[b-p5c9zq8h7r], .offer-card.is-guided > button[b-p5c9zq8h7r], .commitment-board > article.is-guided > .commitment-action[b-p5c9zq8h7r] { animation: none; filter: none; }
    .requirement-socket[b-p5c9zq8h7r] { border-color: CanvasText; background: Canvas; color: CanvasText; forced-color-adjust: auto; }
}
/* /Pages/ScenarioWorkspace.razor.rz.scp.css */
.scenario-root[b-jpm1zylzh0] {
    min-height: 100vh;
    padding: 10px;
    color: var(--scale-text);
    background:
        radial-gradient(circle at 14% 0%, var(--scale-brand-glow), transparent 30rem),
        linear-gradient(rgb(92 231 239 / 2%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(92 231 239 / 2%) 1px, transparent 1px),
        var(--scale-canvas);
    background-size: auto, 30px 30px, 30px 30px;
    font-family: "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    letter-spacing: .035em;
}

.scenario-root *[b-jpm1zylzh0], .scenario-root *[b-jpm1zylzh0]::before, .scenario-root *[b-jpm1zylzh0]::after { box-sizing: border-box; }
.scenario-root button[b-jpm1zylzh0], .scenario-root select[b-jpm1zylzh0], .scenario-root a[b-jpm1zylzh0] { font: inherit; }
.scenario-root button[b-jpm1zylzh0] { cursor: pointer; }
.scenario-root button:disabled[b-jpm1zylzh0] { cursor: not-allowed; opacity: .42; }
.scenario-root button:focus-visible[b-jpm1zylzh0], .scenario-root select:focus-visible[b-jpm1zylzh0], .scenario-root a:focus-visible[b-jpm1zylzh0] { outline: 2px solid var(--scale-focus); outline-offset: 2px; }

.scenario-frame[b-jpm1zylzh0] { width: min(1540px, 100%); margin: 0 auto; border: 1px solid var(--scale-border); background: rgb(9 11 22 / 94%); box-shadow: 0 20px 70px rgb(0 0 0 / 45%); }
.scenario-topbar[b-jpm1zylzh0] { display: grid; grid-template-columns: minmax(320px, 1.35fr) minmax(260px, .85fr) minmax(280px, .8fr); border-bottom: 1px solid var(--scale-border); background: var(--scale-surface); }
.scenario-topbar > section[b-jpm1zylzh0] { min-width: 0; padding: 16px 18px; }
.scenario-topbar > section + section[b-jpm1zylzh0] { border-left: 1px solid var(--scale-border); }
.scenario-brand p[b-jpm1zylzh0], .surface-heading p[b-jpm1zylzh0], .thing-heading > span[b-jpm1zylzh0], .scenario-stage > span[b-jpm1zylzh0], .scenario-switcher label[b-jpm1zylzh0] { margin: 0; color: var(--scale-info); font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.scenario-brand h1[b-jpm1zylzh0] { margin: 6px 0; overflow: hidden; color: var(--scale-text); font-size: clamp(1.25rem, 2.4vw, 2.05rem); line-height: 1; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.hierarchy-line[b-jpm1zylzh0] { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; color: var(--scale-text-muted); font-size: .49rem; }
.hierarchy-line i[b-jpm1zylzh0] { color: var(--scale-brand-secondary); font-style: normal; }
.hierarchy-line strong[b-jpm1zylzh0] { color: var(--scale-brand-readable); }
.scenario-stage[b-jpm1zylzh0] { display: flex; flex-direction: column; justify-content: center; gap: 4px; background: linear-gradient(135deg, var(--scale-brand-glow), transparent 65%); }
.scenario-stage strong[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .88rem; text-transform: uppercase; }
.scenario-stage small[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .53rem; line-height: 1.45; }
.scenario-switcher[b-jpm1zylzh0] { display: grid; grid-template-columns: 1fr; gap: 6px; align-content: center; }
.scenario-switcher select[b-jpm1zylzh0] { width: 100%; border: 1px solid var(--scale-border); border-radius: 0; padding: 7px 9px; color: var(--scale-text); background: var(--scale-surface-raised); font-size: .62rem; }
.scenario-switcher > div[b-jpm1zylzh0] { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; color: var(--scale-text-muted); font-size: .5rem; }
.scenario-switcher > div strong[b-jpm1zylzh0] { color: var(--scale-info); }
.scenario-switcher button[b-jpm1zylzh0], .receipt-drawer header button[b-jpm1zylzh0] { border: 1px solid var(--scale-border); padding: 6px 9px; color: var(--scale-text-muted); background: transparent; font-size: .52rem; }
.scenario-switcher button:hover[b-jpm1zylzh0] { border-color: var(--scale-brand); color: var(--scale-text); }
.scenario-switcher button.is-armed[b-jpm1zylzh0] { border-color: var(--scale-danger); color: var(--scale-danger); }
.reset-warning[b-jpm1zylzh0] { color: var(--scale-danger); font-size: .48rem; }

.scenario-surfaces[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--scale-border); background: var(--scale-surface-raised); }
.scenario-surfaces button[b-jpm1zylzh0] { display: flex; min-width: 0; min-height: 70px; border: 0; border-right: 1px solid var(--scale-border); padding: 10px 13px; align-items: center; gap: 10px; color: var(--scale-text-muted); background: transparent; text-align: left; }
.scenario-surfaces button:last-child[b-jpm1zylzh0] { border-right: 0; }
.scenario-surfaces button:hover[b-jpm1zylzh0] { color: var(--scale-text); background: var(--scale-brand-glow); }
.scenario-surfaces button.is-active[b-jpm1zylzh0] { color: var(--scale-text); background: linear-gradient(90deg, var(--scale-brand-glow), transparent); box-shadow: inset 0 -3px var(--scale-brand); }
.scenario-surfaces button > b[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .75rem; }
.scenario-surfaces button span[b-jpm1zylzh0] { min-width: 0; font-size: .69rem; font-weight: 900; text-transform: uppercase; }
.scenario-surfaces button small[b-jpm1zylzh0] { display: block; margin-top: 3px; overflow: hidden; color: var(--scale-text-muted); font-size: .47rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }

.scenario-feedback[b-jpm1zylzh0] { display: flex; margin: 0; border-bottom: 1px solid var(--scale-border); padding: 8px 14px; gap: 10px; color: var(--scale-info); background: rgb(92 231 239 / 5%); font-size: .54rem; line-height: 1.45; }
.scenario-feedback.is-error[b-jpm1zylzh0] { color: var(--scale-danger); background: rgb(255 107 107 / 5%); }
.surface-panel[b-jpm1zylzh0] { min-height: 650px; }
.surface-heading[b-jpm1zylzh0] { display: flex; min-height: 68px; border-bottom: 1px solid var(--scale-border); padding: 13px 17px; justify-content: space-between; align-items: center; gap: 20px; background: var(--scale-surface); }
.surface-heading h2[b-jpm1zylzh0] { margin: 4px 0 0; color: var(--scale-text); font-size: clamp(.95rem, 2vw, 1.35rem); text-transform: uppercase; }
.surface-heading > span[b-jpm1zylzh0] { max-width: 68ch; color: var(--scale-text-muted); font-size: .55rem; line-height: 1.5; text-align: right; }

.metric-ribbon[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border-bottom: 1px solid var(--scale-border); background: var(--scale-border); }
.metric-ribbon article[b-jpm1zylzh0] { min-width: 0; padding: 10px 13px; background: var(--scale-surface-raised); }
.metric-ribbon span[b-jpm1zylzh0], .metric-ribbon small[b-jpm1zylzh0] { display: block; overflow: hidden; color: var(--scale-text-muted); font-size: .48rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.metric-ribbon strong[b-jpm1zylzh0] { display: block; margin: 4px 0; color: var(--scale-info); font-size: .95rem; }

.floor-layout[b-jpm1zylzh0] { display: grid; grid-template-columns: minmax(620px, 1.55fr) minmax(330px, .72fr); gap: 10px; padding: 14px; align-items: start; }
.world-board[b-jpm1zylzh0], .floor-inspector[b-jpm1zylzh0], .thing-inspector[b-jpm1zylzh0], .offer-inspector[b-jpm1zylzh0], .calendar-runtime[b-jpm1zylzh0], .position-roster[b-jpm1zylzh0], .schedule-board[b-jpm1zylzh0] { border: 1px solid var(--scale-border); background: var(--scale-surface); }
.world-board[b-jpm1zylzh0] { min-width: 0; overflow-x: auto; }
.world-board > header[b-jpm1zylzh0] { display: flex; min-width: 700px; min-height: 62px; border-bottom: 1px solid var(--scale-border); padding: 10px 12px; justify-content: space-between; align-items: center; gap: 12px; }
.world-board > header div[b-jpm1zylzh0] { display: flex; flex-direction: column; gap: 4px; }
.world-board > header span[b-jpm1zylzh0] { color: var(--scale-info); font-size: .49rem; }
.world-board > header strong[b-jpm1zylzh0] { color: var(--scale-text); font-size: .73rem; text-transform: uppercase; }
.target-jump[b-jpm1zylzh0] { display: flex; max-width: 280px; border: 1px solid var(--scale-brand); padding: 7px 9px; flex-direction: column; gap: 3px; color: var(--scale-text); background: var(--scale-brand-glow); text-align: right; }
.target-jump span[b-jpm1zylzh0] { color: var(--scale-brand-readable) !important; }
.target-jump b[b-jpm1zylzh0] { overflow: hidden; font-size: .56rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.world-map[b-jpm1zylzh0] { position: relative; min-width: 700px; aspect-ratio: 9 / 7; overflow: hidden; background: radial-gradient(circle at center, var(--scale-brand-glow), transparent 44%), var(--scale-canvas); }
.map-grid-lines[b-jpm1zylzh0] { position: absolute; inset: 0; display: grid; }
.map-grid-lines i[b-jpm1zylzh0] { border-right: 1px solid rgb(52 56 82 / 82%); border-bottom: 1px solid rgb(52 56 82 / 82%); background: rgb(19 22 40 / 25%); }
.world-placement[b-jpm1zylzh0] { position: absolute; z-index: 2; display: flex; width: clamp(58px, 7.6vw, 100px); min-height: 55px; border: 1px solid var(--scale-border); padding: 5px; transform: translate(-50%, -50%); flex-direction: column; justify-content: center; align-items: center; gap: 2px; color: var(--scale-text); background: rgb(27 31 54 / 96%); box-shadow: 0 5px 18px rgb(0 0 0 / 35%); text-align: center; }
.world-placement:hover[b-jpm1zylzh0], .world-placement.is-focused[b-jpm1zylzh0] { z-index: 4; border-color: var(--scale-brand); background: linear-gradient(145deg, var(--scale-brand-glow), var(--scale-surface-raised)); }
.world-placement.is-guided[b-jpm1zylzh0] { border-color: var(--scale-brand); box-shadow: 0 0 0 2px rgb(111 0 255 / 22%), 0 0 25px rgb(111 0 255 / 38%); }
.world-placement > span[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .95rem; line-height: 1; }
.world-placement strong[b-jpm1zylzh0] { max-width: 100%; overflow: hidden; font-size: .48rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.world-placement small[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .38rem; text-transform: uppercase; }
.world-placement em[b-jpm1zylzh0], .graph-node em[b-jpm1zylzh0], .offer-card > em[b-jpm1zylzh0] { position: absolute; top: -8px; right: -6px; border: 1px solid var(--scale-brand); padding: 2px 4px; color: var(--scale-text-on-brand); background: var(--scale-brand); font-size: .37rem; font-style: normal; font-weight: 900; }
.focus-cursor[b-jpm1zylzh0] { position: absolute; z-index: 3; width: clamp(68px, 8.7vw, 116px); aspect-ratio: 1; border: 2px solid var(--scale-brand); transform: translate(-50%, -50%); pointer-events: none; box-shadow: inset 0 0 20px var(--scale-brand-glow), 0 0 24px var(--scale-brand-glow); animation: focus-pulse-b-jpm1zylzh0 1.2s ease-in-out infinite alternate; }
.focus-cursor[b-jpm1zylzh0]::before, .focus-cursor[b-jpm1zylzh0]::after { position: absolute; width: 13px; height: 13px; border-color: var(--scale-brand-readable); content: ""; }
.focus-cursor[b-jpm1zylzh0]::before { top: -4px; left: -4px; border-top: 3px solid; border-left: 3px solid; }
.focus-cursor[b-jpm1zylzh0]::after { right: -4px; bottom: -4px; border-right: 3px solid; border-bottom: 3px solid; }
@keyframes focus-pulse-b-jpm1zylzh0 { to { filter: brightness(1.35); transform: translate(-50%, -50%) scale(1.04); } }
.world-board > footer[b-jpm1zylzh0] { display: flex; min-width: 700px; border-top: 1px solid var(--scale-border); padding: 7px 10px; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: var(--scale-text-muted); font-size: .42rem; }

.floor-inspector[b-jpm1zylzh0] { position: sticky; top: 8px; }
.thing-heading[b-jpm1zylzh0] { padding: 12px; border-bottom: 1px solid var(--scale-border); background: linear-gradient(145deg, var(--scale-brand-glow), transparent 68%); }
.thing-heading h3[b-jpm1zylzh0] { margin: 5px 0; color: var(--scale-text); font-size: .95rem; text-transform: uppercase; }
.thing-heading p[b-jpm1zylzh0] { margin: 0 0 10px; color: var(--scale-text-muted); font-size: .55rem; line-height: 1.5; }
.thing-heading button[b-jpm1zylzh0] { border: 1px solid var(--scale-brand); padding: 6px 8px; color: var(--scale-brand-readable); background: transparent; font-size: .48rem; }
.action-inspector[b-jpm1zylzh0], .computer-action-card[b-jpm1zylzh0], .offer-action[b-jpm1zylzh0], .calendar-action-card[b-jpm1zylzh0] { margin: 9px; border: 1px solid var(--scale-border); padding: 11px; background: rgb(9 11 22 / 48%); }
.action-inspector.status-ready[b-jpm1zylzh0], .computer-action-card.status-ready[b-jpm1zylzh0], .offer-action.status-ready[b-jpm1zylzh0], .calendar-action-card.status-ready[b-jpm1zylzh0] { border-color: var(--scale-brand); }
.action-inspector.status-balance[b-jpm1zylzh0], .computer-action-card.status-balance[b-jpm1zylzh0], .offer-action.status-balance[b-jpm1zylzh0], .calendar-action-card.status-balance[b-jpm1zylzh0],
.status-queued[b-jpm1zylzh0], .status-running[b-jpm1zylzh0], .status-scheduled[b-jpm1zylzh0], .status-upcoming[b-jpm1zylzh0] { border-color: var(--scale-warning) !important; }
.action-inspector.status-proven[b-jpm1zylzh0], .computer-action-card.status-proven[b-jpm1zylzh0], .offer-action.status-proven[b-jpm1zylzh0], .calendar-action-card.status-proven[b-jpm1zylzh0],
.status-completed[b-jpm1zylzh0], .status-succeeded[b-jpm1zylzh0] { border-color: var(--scale-success) !important; }
.action-kicker[b-jpm1zylzh0], .computer-action-card > header[b-jpm1zylzh0], .offer-action > div[b-jpm1zylzh0], .calendar-runtime > header[b-jpm1zylzh0], .recent-receipts > header[b-jpm1zylzh0], .position-roster > header[b-jpm1zylzh0], .schedule-board > header[b-jpm1zylzh0] { display: flex; justify-content: space-between; gap: 8px; color: var(--scale-brand-readable); font-size: .47rem; text-transform: uppercase; }
.action-kicker b[b-jpm1zylzh0], .computer-action-card > header b[b-jpm1zylzh0], .offer-action > div b[b-jpm1zylzh0] { color: var(--scale-warning); }
.action-inspector h3[b-jpm1zylzh0], .computer-action-card h4[b-jpm1zylzh0], .offer-action h4[b-jpm1zylzh0], .calendar-action-card h3[b-jpm1zylzh0] { margin: 8px 0 5px; color: var(--scale-text); font-size: .9rem; text-transform: uppercase; }
.action-inspector > p[b-jpm1zylzh0], .computer-action-card > p[b-jpm1zylzh0], .offer-action > p[b-jpm1zylzh0], .calendar-action-card > p[b-jpm1zylzh0] { margin: 0; color: var(--scale-text-muted); font-size: .55rem; line-height: 1.55; }
.action-inspector dl[b-jpm1zylzh0], .computer-action-card dl[b-jpm1zylzh0], .offer-action dl[b-jpm1zylzh0] { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 10px 0; }
.action-inspector dl div[b-jpm1zylzh0], .computer-action-card dl div[b-jpm1zylzh0], .offer-action dl div[b-jpm1zylzh0], .reference-detail dl div[b-jpm1zylzh0] { border-left: 2px solid var(--scale-brand); padding: 6px; background: rgb(111 0 255 / 4%); }
.action-inspector dt[b-jpm1zylzh0], .computer-action-card dt[b-jpm1zylzh0], .offer-action dt[b-jpm1zylzh0], .reference-detail dt[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .42rem; }
.action-inspector dd[b-jpm1zylzh0], .computer-action-card dd[b-jpm1zylzh0], .offer-action dd[b-jpm1zylzh0], .reference-detail dd[b-jpm1zylzh0] { margin: 3px 0 0; color: var(--scale-text); font-size: .48rem; line-height: 1.4; }
.blocker-list[b-jpm1zylzh0] { display: grid; gap: 3px; margin: 8px 0; }
.blocker-list span[b-jpm1zylzh0] { border-left: 2px solid var(--scale-danger); padding: 5px 7px; color: var(--scale-danger); background: rgb(255 107 107 / 5%); font-size: .48rem; }
.embedded-balance[b-jpm1zylzh0] { margin: 10px 0; border: 1px solid var(--scale-warning); padding: 9px; background: rgb(255 200 87 / 5%); }
.embedded-balance.is-prepared[b-jpm1zylzh0] { border-color: var(--scale-brand); background: var(--scale-brand-glow); }
.embedded-balance > header[b-jpm1zylzh0] { display: flex; justify-content: space-between; gap: 8px; color: var(--scale-warning); font-size: .45rem; }
.embedded-balance.is-prepared > header[b-jpm1zylzh0] { color: var(--scale-brand-readable); }
.embedded-balance > p[b-jpm1zylzh0] { margin: 6px 0; color: var(--scale-text-muted); font-size: .5rem; line-height: 1.45; }
.embedded-balance > div[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.embedded-balance button[b-jpm1zylzh0] { display: flex; min-height: 70px; border: 1px solid var(--scale-border); padding: 6px; flex-direction: column; justify-content: center; gap: 2px; color: var(--scale-text); background: var(--scale-surface-raised); text-align: left; }
.embedded-balance button:hover[b-jpm1zylzh0] { border-color: var(--scale-brand); background: var(--scale-brand-glow); }
.embedded-balance button b[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .46rem; }
.embedded-balance button span[b-jpm1zylzh0] { font-size: .48rem; font-weight: 800; }
.embedded-balance button small[b-jpm1zylzh0], .embedded-balance > small[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .4rem; line-height: 1.35; }
.action-effects[b-jpm1zylzh0] { margin-top: 9px; border-top: 1px solid var(--scale-border); padding-top: 7px; }
.action-effects > span[b-jpm1zylzh0] { color: var(--scale-info); font-size: .45rem; }
.action-effects p[b-jpm1zylzh0] { margin: 5px 0 0; color: var(--scale-text); font-size: .48rem; }
.action-effects p b[b-jpm1zylzh0] { color: var(--scale-info); }
.action-effects p small[b-jpm1zylzh0] { display: block; color: var(--scale-text-muted); line-height: 1.4; }
.queue-controls[b-jpm1zylzh0] { display: grid; gap: 6px; margin-top: 10px; }
.queue-controls > span[b-jpm1zylzh0] { display: flex; justify-content: space-between; color: var(--scale-text-muted); font-size: .45rem; }
.queue-controls > span b[b-jpm1zylzh0] { color: var(--scale-warning); }
.queue-controls button[b-jpm1zylzh0], button.primary[b-jpm1zylzh0], button.pending[b-jpm1zylzh0] { min-height: 38px; border: 1px solid var(--scale-brand); padding: 7px 10px; color: var(--scale-text-on-brand); background: var(--scale-brand); font-size: .52rem; font-weight: 900; text-transform: uppercase; }
.queue-controls button:hover[b-jpm1zylzh0], button.primary:hover[b-jpm1zylzh0] { background: var(--scale-brand-hover); }
.queue-controls button.pending[b-jpm1zylzh0], button.pending[b-jpm1zylzh0] { border-color: var(--scale-warning); color: var(--scale-canvas); background: var(--scale-warning); }
button.wide[b-jpm1zylzh0] { width: 100%; }
.plan-complete[b-jpm1zylzh0] { display: flex; min-height: 180px; padding: 18px; flex-direction: column; justify-content: center; align-items: center; gap: 6px; text-align: center; }
.plan-complete strong[b-jpm1zylzh0] { color: var(--scale-success); font-size: .7rem; }
.plan-complete span[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .53rem; }

.graph-breadcrumbs[b-jpm1zylzh0] { display: flex; min-height: 42px; border-bottom: 1px solid var(--scale-border); padding: 6px 10px; align-items: center; gap: 4px; overflow-x: auto; background: var(--scale-surface-raised); }
.graph-breadcrumbs button[b-jpm1zylzh0] { flex: 0 0 auto; border: 1px solid var(--scale-border); padding: 5px 7px; color: var(--scale-text-muted); background: transparent; font-size: .47rem; text-transform: uppercase; }
.graph-breadcrumbs button.is-current[b-jpm1zylzh0], .graph-breadcrumbs button:hover[b-jpm1zylzh0] { border-color: var(--scale-brand); color: var(--scale-brand-readable); }
.graph-breadcrumbs i[b-jpm1zylzh0] { color: var(--scale-brand-secondary); font-style: normal; }
.computer-layout[b-jpm1zylzh0] { display: grid; grid-template-columns: minmax(620px, 1.4fr) minmax(340px, .6fr); gap: 10px; padding: 14px; align-items: start; }
.recursive-graph[b-jpm1zylzh0] { position: relative; min-height: 650px; border: 1px solid var(--scale-border); overflow: hidden; background: radial-gradient(circle at center, var(--scale-brand-glow), transparent 34%), linear-gradient(rgb(92 231 239 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(92 231 239 / 3%) 1px, transparent 1px), var(--scale-surface); background-size: auto, 28px 28px, 28px 28px; }
.recursive-graph > svg[b-jpm1zylzh0] { position: absolute; inset: 0; width: 100%; height: 100%; }
.recursive-graph line[b-jpm1zylzh0] { stroke: var(--scale-brand-secondary); stroke-width: .45; stroke-dasharray: 2 2; opacity: .68; vector-effect: non-scaling-stroke; }
.graph-center[b-jpm1zylzh0], .graph-node[b-jpm1zylzh0] { position: absolute; z-index: 2; display: flex; border: 1px solid var(--scale-brand); transform: translate(-50%, -50%); flex-direction: column; justify-content: center; align-items: center; gap: 3px; color: var(--scale-text); background: rgb(27 31 54 / 97%); box-shadow: 0 0 25px var(--scale-brand-glow); text-align: center; }
.graph-center[b-jpm1zylzh0] { top: 50%; left: 50%; width: 170px; min-height: 105px; border-width: 2px; }
.graph-node[b-jpm1zylzh0] { width: clamp(106px, 12vw, 150px); min-height: 76px; padding: 7px; }
.graph-node:hover[b-jpm1zylzh0], .graph-center:hover[b-jpm1zylzh0] { border-color: var(--scale-brand-readable); background: linear-gradient(145deg, var(--scale-brand-glow), var(--scale-surface-raised)); }
.graph-node.is-guided[b-jpm1zylzh0] { box-shadow: 0 0 0 2px rgb(111 0 255 / 30%), 0 0 32px rgb(111 0 255 / 42%); }
.graph-center span[b-jpm1zylzh0], .graph-node span[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .4rem; text-transform: uppercase; }
.graph-center strong[b-jpm1zylzh0], .graph-node strong[b-jpm1zylzh0] { max-width: 100%; overflow: hidden; font-size: .6rem; text-overflow: ellipsis; text-transform: uppercase; }
.graph-center small[b-jpm1zylzh0], .graph-node small[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .39rem; text-transform: uppercase; }
.graph-empty[b-jpm1zylzh0] { position: absolute; right: 0; bottom: 10px; left: 0; color: var(--scale-text-muted); font-size: .5rem; text-align: center; }
.thing-inspector[b-jpm1zylzh0] { position: sticky; top: 8px; max-height: calc(100vh - 28px); overflow-y: auto; }
.thing-inspector > header[b-jpm1zylzh0], .offer-inspector > header[b-jpm1zylzh0] { padding: 13px; border-bottom: 1px solid var(--scale-border); background: linear-gradient(145deg, var(--scale-brand-glow), transparent 65%); }
.thing-inspector > header span[b-jpm1zylzh0], .offer-inspector > header span[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .47rem; text-transform: uppercase; }
.thing-inspector > header h3[b-jpm1zylzh0], .offer-inspector > header h3[b-jpm1zylzh0] { margin: 6px 0; color: var(--scale-text); font-size: 1rem; text-transform: uppercase; }
.thing-inspector > header p[b-jpm1zylzh0], .offer-inspector > header p[b-jpm1zylzh0] { margin: 0; color: var(--scale-text-muted); font-size: .55rem; line-height: 1.55; }
.reference-detail[b-jpm1zylzh0] { margin: 9px; border: 1px solid var(--scale-border); padding: 10px; }
.reference-detail > span[b-jpm1zylzh0] { color: var(--scale-info); font-size: .45rem; }
.reference-detail h4[b-jpm1zylzh0] { margin: 6px 0; color: var(--scale-text); font-size: .85rem; text-transform: uppercase; }
.reference-detail > p[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .52rem; line-height: 1.5; }
.reference-detail dl[b-jpm1zylzh0] { display: grid; gap: 4px; margin: 8px 0; }
.reference-detail h5[b-jpm1zylzh0] { margin: 10px 0 5px; color: var(--scale-brand-readable); font-size: .46rem; }
.reference-card[b-jpm1zylzh0] { display: flex; margin-top: 4px; border-left: 2px solid var(--scale-brand); padding: 6px; flex-direction: column; gap: 3px; background: rgb(111 0 255 / 4%); }
.reference-card.is-proven[b-jpm1zylzh0] { border-color: var(--scale-success); }
.reference-card b[b-jpm1zylzh0] { color: var(--scale-text); font-size: .5rem; }
.reference-card span[b-jpm1zylzh0], .reference-card small[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .42rem; }
.reference-card.is-proven span[b-jpm1zylzh0] { color: var(--scale-success); }
.instruction-link[b-jpm1zylzh0] { display: flex; width: 100%; margin-top: 4px; border: 1px solid var(--scale-border); border-left: 2px solid var(--scale-brand); padding: 7px; justify-content: space-between; gap: 8px; color: var(--scale-text); background: var(--scale-surface-raised); text-align: left; }
.instruction-link span[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .42rem; }

.offers-layout[b-jpm1zylzh0] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .5fr); gap: 10px; padding: 14px; align-items: start; }
.offer-grid[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(2, minmax(230px, 1fr)); gap: 9px; }
.offer-card[b-jpm1zylzh0] { position: relative; display: flex; min-height: 260px; border: 1px solid var(--scale-border); padding: 14px; flex-direction: column; background: linear-gradient(145deg, var(--scale-brand-glow), var(--scale-surface) 45%); }
.offer-card.is-selected[b-jpm1zylzh0], .offer-card.is-guided[b-jpm1zylzh0] { border-color: var(--scale-brand); }
.offer-card.is-guided[b-jpm1zylzh0] { box-shadow: 0 0 25px var(--scale-brand-glow); }
.offer-card > header[b-jpm1zylzh0] { display: flex; justify-content: space-between; color: var(--scale-brand-readable); font-size: .48rem; text-transform: uppercase; }
.offer-card > header b[b-jpm1zylzh0] { color: var(--scale-text); }
.offer-card h3[b-jpm1zylzh0] { margin: auto 0 8px; color: var(--scale-text); font-size: 1.05rem; text-transform: uppercase; }
.offer-card > p[b-jpm1zylzh0] { margin: 0; color: var(--scale-text-muted); font-size: .55rem; line-height: 1.55; }
.offer-card dl[b-jpm1zylzh0] { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 12px 0; }
.offer-card dl div[b-jpm1zylzh0] { border-left: 2px solid var(--scale-brand); padding: 5px; }
.offer-card dt[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .4rem; }
.offer-card dd[b-jpm1zylzh0] { margin: 3px 0 0; color: var(--scale-text); font-size: .45rem; line-height: 1.35; }
.offer-card > button[b-jpm1zylzh0] { border: 1px solid var(--scale-brand); padding: 7px 9px; color: var(--scale-brand-readable); background: transparent; font-size: .48rem; font-weight: 800; }
.offer-card > button:hover[b-jpm1zylzh0] { color: var(--scale-text-on-brand); background: var(--scale-brand); }
.offer-inspector[b-jpm1zylzh0] { position: sticky; top: 8px; }
.offer-inspector > header small[b-jpm1zylzh0] { display: block; margin-top: 8px; color: var(--scale-info); font-size: .44rem; }
.reference-note[b-jpm1zylzh0], .empty-note[b-jpm1zylzh0] { display: block; margin: 9px; color: var(--scale-text-muted); font-size: .48rem; line-height: 1.5; }

.calendar-toolbar[b-jpm1zylzh0] { display: grid; grid-template-columns: .5fr 1fr auto; gap: 1px; border-bottom: 1px solid var(--scale-border); background: var(--scale-border); }
.calendar-toolbar > div[b-jpm1zylzh0] { display: flex; min-width: 0; padding: 10px 13px; flex-direction: column; gap: 4px; background: var(--scale-surface-raised); }
.calendar-toolbar span[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .44rem; }
.calendar-toolbar strong[b-jpm1zylzh0] { overflow: hidden; color: var(--scale-info); font-size: .56rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.calendar-toolbar button[b-jpm1zylzh0] { margin: 8px; }
.calendar-layout[b-jpm1zylzh0] { display: grid; grid-template-columns: minmax(210px, .42fr) minmax(420px, 1fr) minmax(330px, .65fr); gap: 10px; padding: 14px; align-items: start; }
.position-roster[b-jpm1zylzh0], .schedule-board[b-jpm1zylzh0], .calendar-runtime[b-jpm1zylzh0] { min-width: 0; }
.position-roster > header[b-jpm1zylzh0], .schedule-board > header[b-jpm1zylzh0], .calendar-runtime > header[b-jpm1zylzh0], .recent-receipts > header[b-jpm1zylzh0] { min-height: 36px; border-bottom: 1px solid var(--scale-border); padding: 10px; align-items: center; color: var(--scale-info); }
.position-roster > article[b-jpm1zylzh0] { display: grid; grid-template-columns: 38px 1fr; gap: 7px; border-bottom: 1px solid var(--scale-border); padding: 8px; align-items: center; }
.position-roster > article > span[b-jpm1zylzh0] { display: grid; width: 38px; height: 38px; border: 1px solid var(--scale-brand); place-items: center; color: var(--scale-brand-readable); background: var(--scale-brand-glow); font-size: .55rem; }
.position-roster article div[b-jpm1zylzh0] { min-width: 0; }
.position-roster article b[b-jpm1zylzh0] { display: block; overflow: hidden; color: var(--scale-text); font-size: .5rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.position-roster article small[b-jpm1zylzh0] { display: block; margin-top: 3px; color: var(--scale-text-muted); font-size: .42rem; }
.position-roster article em[b-jpm1zylzh0] { grid-column: 1 / -1; color: var(--scale-info); font-size: .39rem; font-style: normal; text-transform: uppercase; }
.schedule-list[b-jpm1zylzh0] { display: grid; gap: 3px; padding: 7px; }
.schedule-entry[b-jpm1zylzh0] { position: relative; display: grid; grid-template-columns: 90px 1fr auto; gap: 8px; border: 1px solid var(--scale-border); border-left: 3px solid var(--scale-brand); padding: 8px; align-items: center; background: var(--scale-surface-raised); }
.schedule-entry.is-guided[b-jpm1zylzh0] { border-color: var(--scale-brand); background: linear-gradient(90deg, var(--scale-brand-glow), var(--scale-surface-raised)); }
.schedule-entry time[b-jpm1zylzh0] { color: var(--scale-info); font-size: .5rem; font-weight: 800; }
.schedule-entry time small[b-jpm1zylzh0] { display: block; margin-top: 3px; color: var(--scale-text-muted); font-size: .4rem; }
.schedule-entry div[b-jpm1zylzh0] { min-width: 0; }
.schedule-entry div b[b-jpm1zylzh0] { display: block; overflow: hidden; color: var(--scale-text); font-size: .54rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.schedule-entry div span[b-jpm1zylzh0] { display: block; margin-top: 3px; overflow: hidden; color: var(--scale-text-muted); font-size: .41rem; text-overflow: ellipsis; white-space: nowrap; }
.schedule-entry > em[b-jpm1zylzh0] { color: var(--scale-warning); font-size: .43rem; font-style: normal; text-transform: uppercase; }
.schedule-entry.status-completed > em[b-jpm1zylzh0] { color: var(--scale-success); }
.schedule-entry > strong[b-jpm1zylzh0] { position: absolute; top: -5px; right: -5px; border: 1px solid var(--scale-brand); padding: 2px 4px; color: var(--scale-text-on-brand); background: var(--scale-brand); font-size: .36rem; }
.calendar-action-card > span[b-jpm1zylzh0] { color: var(--scale-brand-readable); font-size: .45rem; }
.recent-receipts[b-jpm1zylzh0] { border-top: 1px solid var(--scale-border); }
.recent-receipts article[b-jpm1zylzh0] { display: grid; grid-template-columns: 30px 1fr auto; gap: 7px; border-bottom: 1px solid var(--scale-border); padding: 7px 9px; align-items: center; }
.recent-receipts article > span[b-jpm1zylzh0] { color: var(--scale-info); font-size: .46rem; }
.recent-receipts article b[b-jpm1zylzh0] { display: block; color: var(--scale-text); font-size: .48rem; text-transform: uppercase; }
.recent-receipts article small[b-jpm1zylzh0] { display: block; margin-top: 2px; color: var(--scale-text-muted); font-size: .4rem; }
.recent-receipts article em[b-jpm1zylzh0] { color: var(--scale-success); font-size: .4rem; font-style: normal; }

.receipt-drawer[b-jpm1zylzh0] { margin: 0 14px 14px; border: 1px solid var(--scale-success); background: var(--scale-surface); box-shadow: 0 0 24px var(--scale-success-glow); }
.receipt-drawer > header[b-jpm1zylzh0] { display: flex; border-bottom: 1px solid var(--scale-border); padding: 10px 12px; justify-content: space-between; align-items: center; gap: 12px; }
.receipt-drawer header p[b-jpm1zylzh0] { margin: 0; color: var(--scale-success); font-size: .48rem; }
.receipt-drawer header h2[b-jpm1zylzh0] { margin: 4px 0 0; color: var(--scale-text); font-size: .75rem; text-transform: uppercase; }
.receipt-drawer header button[b-jpm1zylzh0] { border-color: var(--scale-success); color: var(--scale-success); }
.receipt-meta[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid var(--scale-border); }
.receipt-meta span[b-jpm1zylzh0] { display: flex; min-width: 0; border-right: 1px solid var(--scale-border); padding: 8px 10px; flex-direction: column; color: var(--scale-text-muted); font-size: .42rem; }
.receipt-meta span:last-child[b-jpm1zylzh0] { border-right: 0; }
.receipt-meta strong[b-jpm1zylzh0] { margin-top: 3px; overflow: hidden; color: var(--scale-text); font-size: .49rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.receipt-balance[b-jpm1zylzh0] { margin: 0; border-bottom: 1px solid var(--scale-border); padding: 7px 10px; color: var(--scale-brand-readable); background: var(--scale-brand-glow); font-size: .46rem; }
.receipt-effects[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; background: var(--scale-border); }
.receipt-effects article[b-jpm1zylzh0] { padding: 8px 10px; background: var(--scale-surface); }
.receipt-effects span[b-jpm1zylzh0], .receipt-effects small[b-jpm1zylzh0] { display: block; color: var(--scale-text-muted); font-size: .42rem; }
.receipt-effects strong[b-jpm1zylzh0] { display: block; margin: 4px 0; color: var(--scale-success); font-size: .7rem; }
.receipt-effects small[b-jpm1zylzh0] { line-height: 1.4; }

.scenario-footer[b-jpm1zylzh0] { display: flex; border-top: 1px solid var(--scale-border); padding: 9px 13px; justify-content: space-between; align-items: center; gap: 12px; color: var(--scale-text-muted); font-size: .45rem; }
.scenario-footer nav[b-jpm1zylzh0] { display: flex; flex-wrap: wrap; gap: 5px; }
.scenario-footer a[b-jpm1zylzh0] { border: 1px solid var(--scale-border); padding: 4px 6px; color: var(--scale-info); text-decoration: none; }
.scenario-footer a:hover[b-jpm1zylzh0] { border-color: var(--scale-info); }

.scenario-picker[b-jpm1zylzh0] { width: min(1200px, 100%); min-height: calc(100vh - 20px); margin: 0 auto; padding: clamp(22px, 5vw, 70px); border: 1px solid var(--scale-border); background: var(--scale-surface); }
.scenario-picker > header[b-jpm1zylzh0] { max-width: 900px; }
.scenario-picker > header p[b-jpm1zylzh0] { margin: 0; color: var(--scale-info); font-size: .62rem; }
.scenario-picker > header h1[b-jpm1zylzh0] { margin: 10px 0; color: var(--scale-brand-readable); font-size: clamp(2rem, 6vw, 5rem); line-height: .95; }
.scenario-picker > header span[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .7rem; line-height: 1.6; }
.scenario-options[b-jpm1zylzh0] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 45px 0; }
.scenario-options a[b-jpm1zylzh0] { display: flex; min-height: 225px; border: 1px solid var(--scale-border); padding: 24px; flex-direction: column; color: var(--scale-text); background: linear-gradient(145deg, var(--scale-brand-glow), var(--scale-surface-raised)); text-decoration: none; }
.scenario-options a:hover[b-jpm1zylzh0] { border-color: var(--scale-brand); transform: translateY(-2px); }
.scenario-options small[b-jpm1zylzh0] { color: var(--scale-info); font-size: .5rem; }
.scenario-options strong[b-jpm1zylzh0] { margin: auto 0 8px; color: var(--scale-brand-readable); font-size: clamp(1.3rem, 3vw, 2.3rem); text-transform: uppercase; }
.scenario-options span[b-jpm1zylzh0] { color: var(--scale-text-muted); font-size: .6rem; }
.scenario-options b[b-jpm1zylzh0] { margin-top: 22px; color: var(--scale-brand-readable); font-size: .56rem; }
.scenario-picker > footer[b-jpm1zylzh0] { display: flex; border-top: 1px solid var(--scale-border); padding-top: 14px; justify-content: space-between; gap: 12px; color: var(--scale-text-muted); font-size: .5rem; }
.scenario-picker > footer nav[b-jpm1zylzh0] { display: flex; flex-wrap: wrap; gap: 6px; }
.scenario-picker > footer a[b-jpm1zylzh0], .scenario-error a[b-jpm1zylzh0] { color: var(--scale-info); }
.scenario-loading[b-jpm1zylzh0], .scenario-error[b-jpm1zylzh0] { display: flex; width: min(1000px, 100%); min-height: calc(100vh - 20px); margin: 0 auto; border: 1px solid var(--scale-border); padding: 30px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: var(--scale-surface); text-align: center; }
.scenario-loading span[b-jpm1zylzh0], .scenario-error span[b-jpm1zylzh0] { color: var(--scale-info); font-size: .58rem; }
.scenario-loading strong[b-jpm1zylzh0] { color: var(--scale-brand-readable); }
.scenario-error strong[b-jpm1zylzh0] { max-width: 70ch; color: var(--scale-danger); font-size: .7rem; line-height: 1.6; }

@media (max-width: 1180px) {
    .floor-layout[b-jpm1zylzh0], .computer-layout[b-jpm1zylzh0], .offers-layout[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .floor-inspector[b-jpm1zylzh0], .thing-inspector[b-jpm1zylzh0], .offer-inspector[b-jpm1zylzh0] { position: static; max-height: none; }
    .calendar-layout[b-jpm1zylzh0] { grid-template-columns: minmax(210px, .45fr) minmax(0, 1fr); }
    .calendar-runtime[b-jpm1zylzh0] { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
    .scenario-topbar[b-jpm1zylzh0] { grid-template-columns: 1fr 1fr; }
    .scenario-switcher[b-jpm1zylzh0] { grid-column: 1 / -1; border-top: 1px solid var(--scale-border); }
    .scenario-topbar > .scenario-switcher[b-jpm1zylzh0] { border-left: 0; }
    .scenario-surfaces[b-jpm1zylzh0] { grid-template-columns: repeat(2, 1fr); }
    .scenario-surfaces button:nth-child(2)[b-jpm1zylzh0] { border-right: 0; }
    .scenario-surfaces button:nth-child(-n+2)[b-jpm1zylzh0] { border-bottom: 1px solid var(--scale-border); }
    .calendar-toolbar[b-jpm1zylzh0] { grid-template-columns: 1fr 1fr; }
    .calendar-toolbar button[b-jpm1zylzh0] { grid-column: 1 / -1; }
    .receipt-meta[b-jpm1zylzh0] { grid-template-columns: repeat(2, 1fr); }
    .offer-grid[b-jpm1zylzh0] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .scenario-root[b-jpm1zylzh0] { padding: 4px; }
    .scenario-topbar[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .scenario-topbar > section + section[b-jpm1zylzh0] { border-left: 0; border-top: 1px solid var(--scale-border); }
    .scenario-switcher[b-jpm1zylzh0] { grid-column: auto; }
    .surface-heading[b-jpm1zylzh0] { align-items: flex-start; flex-direction: column; }
    .surface-heading > span[b-jpm1zylzh0] { text-align: left; }
    .metric-ribbon[b-jpm1zylzh0] { grid-template-columns: repeat(2, 1fr); }
    .floor-layout[b-jpm1zylzh0], .computer-layout[b-jpm1zylzh0], .offers-layout[b-jpm1zylzh0], .calendar-layout[b-jpm1zylzh0] { padding: 7px; }
    .calendar-layout[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .calendar-runtime[b-jpm1zylzh0] { grid-column: auto; }
    .calendar-toolbar[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .calendar-toolbar button[b-jpm1zylzh0] { grid-column: auto; }
    .recursive-graph[b-jpm1zylzh0] { min-width: 620px; }
    .computer-layout[b-jpm1zylzh0] { overflow-x: auto; }
    .receipt-drawer[b-jpm1zylzh0] { margin: 0 7px 7px; }
    .scenario-picker[b-jpm1zylzh0] { padding: 20px; }
    .scenario-options[b-jpm1zylzh0] { grid-template-columns: 1fr; margin: 28px 0; }
    .scenario-picker > footer[b-jpm1zylzh0], .scenario-footer[b-jpm1zylzh0] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 460px) {
    .scenario-surfaces button[b-jpm1zylzh0] { min-height: 58px; padding: 8px; gap: 7px; }
    .scenario-surfaces button small[b-jpm1zylzh0] { display: none; }
    .embedded-balance > div[b-jpm1zylzh0], .action-inspector dl[b-jpm1zylzh0], .computer-action-card dl[b-jpm1zylzh0], .offer-action dl[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .receipt-meta[b-jpm1zylzh0] { grid-template-columns: 1fr; }
    .receipt-meta span[b-jpm1zylzh0] { border-right: 0; border-bottom: 1px solid var(--scale-border); }
    .receipt-drawer > header[b-jpm1zylzh0] { align-items: flex-start; flex-direction: column; }
    .receipt-drawer header button[b-jpm1zylzh0] { width: 100%; }
    .schedule-entry[b-jpm1zylzh0] { grid-template-columns: 78px 1fr; }
    .schedule-entry > em[b-jpm1zylzh0] { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
    .scenario-root *[b-jpm1zylzh0], .scenario-root *[b-jpm1zylzh0]::before, .scenario-root *[b-jpm1zylzh0]::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

@media (forced-colors: active) {
    .scenario-root[b-jpm1zylzh0], .world-map[b-jpm1zylzh0], .recursive-graph[b-jpm1zylzh0], .offer-card[b-jpm1zylzh0] { background: Canvas; }
}