/* Armored Command — concept A. Frames are CSS; text and controls stay live. */
@font-face{font-family:CommandDisplay;src:url('../../art/fonts/Oxanium-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
body.armored-ui{
 --command-accent:#d4dfeb;--command-bright:#f4f8ff;--command-dim:#738296;
 --command-tint:rgba(187,207,230,.10);--command-glow:rgba(187,207,230,.16);
 --command-metal:#536272;--command-panel:#151d27;--command-deep:#080e16;
 --line:#455363;--ink:#edf2f8;--muted:#b2bece;--gold:#d4dfeb;
 color:var(--ink);background:radial-gradient(ellipse at 50% 0,#27313e,transparent 75vh),#080d14;
}
body.armored-ui[data-command-theme=sol]{--command-accent:#ffc16b;--command-bright:#ffe2a7;--command-dim:#976325;--command-tint:rgba(255,193,107,.10);--command-glow:rgba(255,174,61,.18)}
body.armored-ui[data-command-theme=cn]{--command-accent:#6de4f0;--command-bright:#b6f7ff;--command-dim:#287580;--command-tint:rgba(109,228,240,.09);--command-glow:rgba(45,224,196,.17)}
body.armored-ui button,body.armored-ui .nav-link,body.armored-ui .game-menu>a{
 min-height:44px;border:1px solid #647486;border-radius:3px;
 background:linear-gradient(180deg,#303c4a 0%,#1d2835 13%,#121b27 86%,#273441 100%);
 box-shadow:inset 0 0 0 2px #0b121d,inset 0 3px 0 #73829655,0 2px 2px #0007;
 color:var(--ink);font-weight:650;text-shadow:0 1px 1px #0009;
}
body.armored-ui button:hover:not(:disabled),body.armored-ui .nav-link:hover,body.armored-ui .game-menu>a:hover{
 border-color:var(--command-accent);background:linear-gradient(#3a4858,#25313f);color:#fff;
}
body.armored-ui button:disabled{opacity:.43;cursor:default}
body.armored-ui .primary,body.armored-ui .primary.orange,body.armored-ui .game-menu .primary{
 background:linear-gradient(180deg,var(--command-bright),var(--command-accent) 20%,var(--command-accent) 80%,var(--command-dim));
 color:#101923;border:1px solid var(--command-bright);text-shadow:none;
 box-shadow:inset 0 0 0 3px #0d1520,inset 0 0 0 4px var(--command-accent),0 0 16px var(--command-glow),0 3px 4px #0008;
}
body.armored-ui .primary:hover:not(:disabled),body.armored-ui .primary.orange:hover:not(:disabled),body.armored-ui .game-menu .primary:hover{
 background:var(--command-bright);color:#080e16;
}
body.armored-ui input:not([type=range]):not([type=checkbox]):not([type=file]),body.armored-ui select,body.armored-ui textarea{
 min-height:46px;background:linear-gradient(#080e17,#131d2a);color:#f5f7fc;
 border:1px solid #697789;border-radius:3px;box-shadow:inset 0 2px 5px #000a,0 1px 0 #c9d8eb22;
}
body.armored-ui input[type=range],body.armored-ui input[type=checkbox]{accent-color:var(--command-accent)}
/* Native popup menus cannot paint the select's gradient; give every row solid colors. */
body.armored-ui select{color-scheme:dark;background-color:#131d2a}
body.armored-ui select option,body.armored-ui select optgroup{background-color:#131d2a;color:#f5f7fc;text-shadow:none}
body.armored-ui select option:checked{background-color:#d4dfeb;color:#101923}
body.armored-ui select option:disabled{color:#aebacb}
@media(forced-colors:active){
 body.armored-ui select,body.armored-ui select option,body.armored-ui select optgroup{background-color:Canvas;color:CanvasText}
 body.armored-ui select option:checked{background-color:Highlight;color:HighlightText}
}
body.armored-ui label{color:var(--muted)}
body.armored-ui :is(button,a,input,select,summary,textarea,canvas[tabindex]):focus-visible{
 outline:3px solid var(--command-bright);outline-offset:4px;
}
body.armored-ui a{color:#dae8f7;text-underline-offset:3px}
body.armored-ui summary{color:var(--command-accent);min-height:44px}
body.armored-ui .eyebrow{color:var(--command-accent)}
body.armored-ui dialog{
 --command-accent:#d4dfeb;--command-bright:#f4f8ff;--command-dim:#738296;
 --command-tint:rgba(187,207,230,.10);--command-glow:rgba(187,207,230,.16);
 border:1px solid #8794a4;border-radius:5px;padding:28px;
 background:radial-gradient(circle at 9px 9px,#b6c2cf 0 1px,#111a25 2px 4px,transparent 5px),
 radial-gradient(circle at calc(100% - 9px) 9px,#b6c2cf 0 1px,#111a25 2px 4px,transparent 5px),
 linear-gradient(135deg,#2f3b48,#161f2b 30%,#101722);
 box-shadow:inset 0 0 0 3px #101721,inset 0 0 0 5px #465463,0 24px 80px #000c;
}
body.armored-ui dialog::backdrop{background:#03070dd9;backdrop-filter:blur(6px)}
body.armored-ui dialog h2{font-family:CommandDisplay,system-ui;letter-spacing:.02em}
body.armored-ui dialog p,body.armored-ui dialog li{line-height:1.6}
body.armored-ui .music-controls summary{border-color:#647486;border-radius:3px;background:linear-gradient(#2b3644,#121c29);color:#e7edf5}
body.armored-ui .music-controls>div{border-color:#8794a4;background:#131d2b;border-radius:3px}
/* Neutral Academy and title navigation share the steel treatment. */
body.armored-ui[data-music=tutorial] header,body.armored-ui .studio-bar{
 background:linear-gradient(#273340,#101823);border-bottom:3px ridge #516171;
}
body.armored-ui[data-music=tutorial] .mode-grid article,body.armored-ui[data-music=tutorial] aside{
 border:1px solid #778697;border-radius:4px;padding:26px;
 background:radial-gradient(circle at 9px 9px,#9fadb9 0 1px,#080f18 2px 4px,transparent 5px),
 linear-gradient(140deg,#2a3542,#131c29 50%);
 box-shadow:inset 0 0 0 3px #080f18,inset 0 0 0 4px #445365,0 8px 22px #0005;
}
body.armored-ui[data-music=tutorial] .mode-grid .featured{border-top:3px solid var(--command-accent)}
body.armored-ui[data-music=tutorial] h2{font-family:CommandDisplay,system-ui}
body.armored-ui[data-music=tutorial] .number,body.armored-ui[data-music=tutorial] .step-count{color:var(--command-accent)}
body.armored-ui[data-music=tutorial] .canvas-wrap{border:4px ridge #718194;border-radius:3px}
body.armored-ui[data-music=tutorial] .telemetry span,body.armored-ui[data-music=tutorial] .givens{
 border-radius:3px;background:#0b1420;border:1px solid #4a5a6e;box-shadow:inset 0 2px 5px #0007;
}
body.armored-ui[data-music=tutorial] .givens dd,body.armored-ui[data-music=tutorial] .telemetry strong{color:#eff4fc}
body.armored-ui .game-menu{gap:8px}
body.armored-ui .game-menu .primary{font-family:CommandDisplay,system-ui;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
body.armored-ui .game-menu>a:not(.primary),body.armored-ui .game-menu button{font-size:11px;min-height:44px}
body.armored-ui .font-option[aria-pressed=true]{border-color:var(--command-accent);box-shadow:inset 0 -2px var(--command-accent)}
@media(max-width:680px){body.armored-ui dialog{padding:22px}body.armored-ui[data-music=tutorial] .mode-grid article,body.armored-ui[data-music=tutorial] aside{padding:20px}}
@media(prefers-reduced-motion:reduce){body.armored-ui *,body.armored-ui *::before,body.armored-ui *::after{scroll-behavior:auto!important;transition:none!important}}