/* SCC brand authority: Brand and Interface Guidelines v0.2, approved 2026-09-28.
 * Shared by the game, app shell and website. Component owners consume these roles.
 */
@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --scc-bg:#080D14;--scc-surface:#101923;--scc-surface-raised:#192632;
 --scc-border-subtle:#2A3D4A;--scc-border-control:#738594;
 --scc-text:#EEF3F7;--scc-text-muted:#A8B7C5;--scc-brand:#7DD9E8;--scc-brand-art:#18A9FF;
 --scc-positive:#63DFA6;--scc-positive-surface:#102C24;--scc-caution:#F0C66C;--scc-caution-surface:#302717;
 --scc-negative:#F28D91;--scc-negative-surface:#321F25;--scc-on-positive:#080D14;
 --scc-energy:#C3AEF0;--scc-threat-high:#F5A46C;--scc-backdrop:rgba(3,8,12,.76);
 --scc-font-ui:Inter,system-ui,sans-serif;--scc-type-secondary:.75rem;--scc-type-label:.875rem;
 --scc-type-body:1rem;--scc-type-value:1.25rem;--scc-type-section:1rem;--scc-type-title:1.5rem;
 --scc-space-1:.25rem;--scc-space-2:.5rem;--scc-space-3:.75rem;--scc-space-4:1rem;--scc-space-5:1.5rem;--scc-space-6:2rem;--scc-space-7:3rem;
 --scc-radius-panel:.75rem;--scc-radius-control:.5rem;--scc-radius-badge:.25rem;
 --scc-overlay-shadow:0 12px 32px rgba(0,0,0,.28);--scc-motion:160ms;
 /* Compatibility aliases keep existing runtime hooks on the approved tokens. */
 --scc-type-micro:var(--scc-type-secondary);--scc-type-small:var(--scc-type-secondary);--scc-type-display:2rem;
 --scc-brand-strong:var(--scc-brand);--scc-brand-muted:var(--scc-text-muted);--scc-brand-line:var(--scc-border-subtle);--scc-brand-panel:var(--scc-surface);
 --scc-action:var(--scc-positive);--scc-action-soft:var(--scc-positive);--scc-action-dark:var(--scc-positive-surface);
 --scc-neutral:var(--scc-text);--scc-neutral-muted:var(--scc-text-muted);--scc-neutral-panel:var(--scc-surface);
 --rx-bg:var(--scc-bg);--rx-panel:var(--scc-surface);--rx-panel2:var(--scc-surface-raised);--rx-line:var(--scc-border-subtle);
 --rx-muted:var(--scc-text-muted);--rx-cyan:var(--scc-brand);--rx-green:var(--scc-positive);--rx-accent:var(--scc-brand);
 --rx-good:var(--scc-positive);--rx-danger:var(--scc-negative);--rx-text:var(--scc-text);--rx-purple:var(--scc-energy);--rx-blue:var(--scc-brand);
 --rx-card:var(--scc-surface);--rx-card-hi:var(--scc-surface-raised);
}
/* BTN 01–08: one role system. Custom properties also feed older component hooks. */
[data-scc-button-role],.scc-info-button{
 --scc-button-bg:var(--scc-surface-raised);--scc-button-edge:var(--scc-border-control);--scc-button-text:var(--scc-text);
 box-sizing:border-box;min-height:3rem;padding:.75rem 1rem;border:1px solid var(--scc-button-edge);border-radius:var(--scc-radius-control);
 background:var(--scc-button-bg);color:var(--scc-button-text);font:600 var(--scc-type-label)/1.25 var(--scc-font-ui);
 letter-spacing:normal;text-transform:none;text-decoration:none;text-align:center;cursor:pointer;touch-action:manipulation;
 white-space:normal;overflow-wrap:break-word;box-shadow:none;text-shadow:none;filter:none;transform:none;
 transition:background-color var(--scc-motion),opacity var(--scc-motion);
}
[data-scc-button-role="recommended"]{--scc-button-bg:var(--scc-positive-surface);--scc-button-edge:var(--scc-positive);--scc-button-text:var(--scc-positive)}
[data-scc-button-role="required"]{--scc-button-bg:var(--scc-positive);--scc-button-edge:var(--scc-positive);--scc-button-text:var(--scc-on-positive)}
[data-scc-button-role="caution"]{--scc-button-bg:var(--scc-caution-surface);--scc-button-edge:var(--scc-caution);--scc-button-text:var(--scc-caution)}
[data-scc-button-role="negative"]{--scc-button-bg:var(--scc-negative-surface);--scc-button-edge:var(--scc-negative);--scc-button-text:var(--scc-negative)}
[data-scc-button-role]:is(:disabled,[aria-disabled="true"]){--scc-button-bg:var(--scc-surface-raised);--scc-button-edge:var(--scc-border-subtle);--scc-button-text:var(--scc-text-muted);opacity:1!important;filter:none!important;cursor:not-allowed}
[data-scc-button-role][aria-pressed="true"], [data-scc-button-role][aria-selected="true"]{--scc-button-edge:var(--scc-brand)}
[data-scc-button-role][aria-busy="true"]{cursor:wait}
@media(hover:hover) and (pointer:fine){[data-scc-button-role]:not(:disabled):not([aria-disabled="true"]):hover,.scc-info-button:hover{background:color-mix(in srgb,var(--scc-button-bg) 94%,white)!important}}
[data-scc-button-role]:not(:disabled):not([aria-disabled="true"]):active,.scc-info-button:active{background:color-mix(in srgb,var(--scc-button-bg) 92%,black)!important;transform:none!important}
:where([data-scc-button-role],.scc-info-button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--scc-brand)!important;outline-offset:4px!important;box-shadow:0 0 0 2px var(--scc-bg)!important}
.scc-info-button{display:inline-grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;padding:10px}
.scc-info-button svg,.scc-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){[data-scc-button-role],.scc-info-button{transition:none}}