/* Arcade skins retain custom media and control semantics; the cabinet is redrawn. */
.scene-object .arcade-control{border: 2px solid var(--accent-on-dark);border-radius: var(--r-md);background: linear-gradient(145deg,var(--n-800),var(--n-850));box-shadow: inset 0 2px 0 color-mix(in srgb, var(--n-150) 23%, transparent), 0 4px 0 var(--n-900)}
.scene-object .arcade-key-name{font-family: var(--font-ui);letter-spacing: 0}
.scene-object .arcade-track{border: 3px solid var(--n-500);border-radius: var(--r-md);background: linear-gradient(var(--n-800),var(--n-700));box-shadow: inset 0 3px 7px color-mix(in srgb, var(--n-900) 50%, transparent)}
.scene-object .arcade-track-grid{opacity: .4;background-size: 32px 100%}
.scene-object .arcade-start-line{background: var(--accent-200)}.scene-object .arcade-finish-line{opacity: 1}
.scene-object .arcade-vault{border: 4px solid var(--accent-400);background: var(--n-800);border-radius: var(--r-md);box-shadow: inset 0 0 0 6px var(--n-400)}
.scene-object .arcade-vault-door{background: linear-gradient(135deg,var(--n-300),var(--accent-400));border: 3px solid var(--accent-400);border-radius: var(--r-sm)}
.scene-object .arcade-vault-ring{border: 6px double var(--n-700);border-radius: 50%;background: var(--n-200);color: var(--n-700)}
.scene-object .arcade-result{border: 2px solid var(--accent-400);background: linear-gradient(var(--n-800),var(--n-800));border-radius: var(--r-md);box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--n-300) 13%, transparent)}
.scene-object .arcade-result-status{letter-spacing: .03em}
.library-guide{width: min(390px,calc(100vw - var(--library-width,216px) - 22px));max-height: calc(100dvh - 155px);background: var(--n-25);color: var(--n-800);resize: both;min-width: 260px;min-height: 250px;overscroll-behavior: contain}
.library-guide[data-size="medium"]{width: min(490px,calc(100vw - var(--library-width,216px) - 22px));max-height: calc(100dvh - 155px)}
.library-guide[data-size="large"]{width: min(630px,calc(100vw - var(--library-width,216px) - 22px));max-height: calc(100dvh - 140px)}
.library-guide .library-guide-description,.library-guide .library-guide-kicker,.library-guide .behavior-demo small,.library-guide .demo-wave b{color: var(--accent-600)}
.library-guide .demo-chart{background: var(--n-100);border: 1px solid var(--n-300);border-radius: var(--r-sm)}
.library-guide .demo-signal{stroke: var(--accent-500)}.library-guide .demo-output{stroke: var(--accent-400)}.library-guide .demo-metric{stroke: var(--warn-ink)}
.library-guide .demo-grid{stroke: var(--n-400)}.library-guide .demo-delay{color: var(--warn-ink)}
.library-guide .library-guide-controls button{background: var(--n-0);color: var(--n-700);border: 1px solid var(--n-400)}
@media(max-width:760px){.library-guide,.library-guide[data-size]{left: 10px !important;top: 130px;width: calc(100vw - 20px);min-width: 0;max-width: calc(100vw - 20px);max-height: calc(100dvh - 150px);resize: none}}