/* Background choices use the same floating rows and selection glow as XMB. */
.theme-dialog{--theme-ease:cubic-bezier(.22,1,.36,1);position:fixed;inset:50% auto auto max(16px,calc(20vw - 24px));width:min(640px,calc(80vw - 8px));max-width:none;max-height:calc(100dvh - 40px);margin:0;padding:24px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#e4eff5;overflow:auto;opacity:0;transform:translate(18px,-50%);transition:opacity .25s ease,transform .42s var(--theme-ease)}
.theme-dialog.is-visible{opacity:1;transform:translate(0,-50%)}
.theme-dialog.is-closing{opacity:0;transform:translate(-12px,-50%);pointer-events:none;transition-duration:.2s}
.theme-dialog::backdrop{background:#03101a00;backdrop-filter:blur(0);transition:background .25s ease,backdrop-filter .3s ease}
.theme-dialog.is-visible::backdrop{background:#03101a66;backdrop-filter:blur(2px)}
.theme-dialog.is-closing::backdrop{background:#03101a00;backdrop-filter:blur(0)}
.theme-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 18px 24px 158px}
.theme-header h2{margin:0;font:400 15px/1.4 var(--font);color:#c7d9e6;text-shadow:var(--chromatic)}
.theme-close{display:flex;align-items:center;gap:9px;padding:6px 0;border:0;background:transparent;color:#b2c8d8;font:12px var(--font);transition:color .18s,text-shadow .18s}
.theme-close kbd{padding:2px 5px;border:1px solid #d5e8f14d;border-radius:5px;font:10px var(--font)}
.theme-close:hover{color:#fff;text-shadow:var(--focus-glow)}
.theme-dialog .theme-options{display:flex;flex-direction:column;gap:12px;margin:0}
.theme-dialog .theme-card{display:flex;align-items:center;gap:18px;width:100%;min-width:0;min-height:108px;padding:8px 0;overflow:visible;border:0;border-radius:0;background:none;color:#fff;text-align:left;box-shadow:none;opacity:.48;transition:opacity .25s}
.theme-dialog .theme-card[aria-pressed=true]{border:0;background:none;box-shadow:none;opacity:1}
.theme-dialog .theme-card:hover,.theme-dialog .theme-card:focus-visible{opacity:.92}
.theme-dialog .theme-preview{display:block;position:relative;flex:none;width:96px;height:72px;margin:0 22px;padding:0;border:1px solid #ffffff55;border-radius:3px;box-shadow:0 3px 8px #0008;transform:scale(.83);transition:transform .32s var(--theme-ease),box-shadow .3s,border-color .3s}
.theme-dialog .theme-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#e0f2ff20,transparent 50%)}
.theme-dialog .theme-preview img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:2px;filter:grayscale(1);transition:filter .3s}
.theme-dialog .theme-card[aria-pressed=true] .theme-preview{transform:scale(1.08);border-color:#e4f6ff;box-shadow:0 0 0 1px #cbeeff88,0 0 18px #c9eeff38,0 4px 10px #0007}
.theme-dialog .theme-card[aria-pressed=true] img{filter:grayscale(0)}
.theme-dialog .theme-caption{display:block;min-width:0;padding:0;font:400 clamp(17px,1.45vw,21px)/1.45 var(--font);text-shadow:var(--chromatic);transition:text-shadow .25s}
.theme-dialog .theme-card[aria-pressed=true] .theme-caption,.theme-dialog .theme-card:hover .theme-caption,.theme-dialog .theme-card:focus-visible .theme-caption{text-shadow:var(--focus-glow)}
.theme-dialog .theme-card:focus-visible{outline:none}
.theme-dialog .theme-card:focus-visible .theme-preview{box-shadow:0 0 0 1px #e4f6ff,0 0 20px #b7e5fa66}
.theme-close:focus-visible{outline:1px solid #c4e7f5;outline-offset:5px}
body.theme-open #console{opacity:0;filter:blur(3px);pointer-events:none}
body #console.is-background-changing{opacity:1;filter:none;transition:none;pointer-events:none;will-change:transform}
body #console.is-background-loading{visibility:hidden}
body.theme-open .music-player{opacity:0}
.background-scene{position:absolute;inset:0;overflow:hidden;background:#041323}
.background-scene>img,.background-scene>video,.background-scene>.tape-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.background-scene>.tape-canvas{opacity:0;pointer-events:none}
.background-scene>.tape-canvas.is-ready{opacity:1}
.background-scene.is-sliding{will-change:transform}
.crt-off .background-scene>.tape-canvas,.motion-off .background-scene>.tape-canvas{display:none}
.motion-off .theme-dialog,.motion-off .theme-dialog *,.motion-off .theme-dialog::backdrop{transition:none!important}
@media(max-width:640px){.theme-dialog{left:16px;width:calc(100% - 32px);padding:18px 0}.theme-header{margin:0 8px 18px 112px;gap:16px}.theme-header h2{font-size:14px}.theme-dialog .theme-options{gap:6px}.theme-dialog .theme-card{min-height:94px;gap:12px}.theme-dialog .theme-preview{width:72px;height:54px;margin:0 14px}.theme-dialog .theme-caption{font-size:17px}.theme-close{font-size:11px}}
@media(prefers-reduced-motion:reduce){.theme-dialog,.theme-dialog *,.theme-dialog::backdrop{transition:none!important}.background-scene>.tape-canvas{display:none}}