
body{isolation:isolate;position:relative;background:#0b0e0c}
.atxi-video-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#0b0e0c}
.atxi-video-backdrop video{width:100%;height:100%;object-fit:cover;filter:blur(12px) saturate(.6);transform:scale(1.4);transform-origin:50% 0;opacity:.4}
.atxi-video-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080c09ad,#080c09c4),radial-gradient(ellipse at 50% 0,#9d78362e,transparent 70%)}
.atxi-sound-control{position:fixed;left:18px;bottom:18px;z-index:9}
.atxi-sound-control button{border:1px solid #92713f;background:#0c100eee;color:#f1d28b;border-radius:24px;padding:10px 16px;font:600 11px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.12em;box-shadow:0 4px 20px #0006;min-height:40px}
.atxi-sound-control button:hover{background:#302719}
.atxi-sound-control button:focus-visible{outline:2px solid #f4d28a;outline-offset:4px}
.atxi-video-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:680px){.atxi-sound-control{left:10px;bottom:10px}.atxi-sound-control button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.atxi-video-backdrop video{display:none}}
/* Match page and nested scrolling panels to the ATXI palette. */
html{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:#a88648 #10150f}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#10150f;border-radius:8px}
::-webkit-scrollbar-thumb{background:#a88648;border:2px solid #10150f;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#e9c47c}
::-webkit-scrollbar-corner{background:#10150f}
::-webkit-scrollbar-button{background:#171c14;height:0;width:0}
@media(forced-colors:active){*{scrollbar-color:auto}}
