/* The hit area follows the portal. Its light is drawn on the actual 3D door. */
.door-target,.door-target:hover{border:0;background:transparent;box-shadow:none;border-radius:50% 50% 0 0;min-width:0;min-height:0;cursor:pointer}
.door-target:focus-visible{outline:1px solid #e9d5ac88;outline-offset:3px}
.theme-panel{width:318px;max-height:calc(100svh - 110px);overflow-y:auto;scrollbar-width:thin}
.theme-panel>button{min-height:61px;transition:background .25s,border-color .25s,transform .25s}
.theme-panel>button:hover{transform:translateX(-2px)}
.theme-panel [data-scene-theme=light]>span:first-child{color:#edc77e;background:#d5b06612}
.theme-panel [data-scene-theme=dark]>span:first-child{color:#b6c7ef;background:#91b3f012}
.theme-panel [data-scene-theme=rainy]>span:first-child{color:#9ec8e0;background:#82b9e012}
.theme-panel [data-scene-theme=thunder]>span:first-child{color:#c9bcf1;background:#a192d412}
.theme-panel [data-scene-theme=snowy]>span:first-child{color:#c4e4f1;background:#bedfe612}
.theme-panel [data-scene-theme=desert]>span:first-child{color:#e1b77f;background:#d5b06612}
.theme-panel [data-scene-theme=aurora]>span:first-child{color:#9fe8c6;background:linear-gradient(150deg,#5bd2a31f,#a387df29)}
.theme-panel [data-scene-theme=bloodmoon]>span:first-child{color:#f2a092;background:linear-gradient(150deg,#d775582a,#6a39791c)}
.theme-panel [data-scene-theme=nuclear]>span:first-child{color:#c7d692;background:#9da96820}
.theme-panel [data-scene-theme=meteors]>span:first-child{color:#c3b9ff;background:linear-gradient(135deg,#738bec20,#936bc329)}
.theme-panel [data-scene-theme=eclipse]>span:first-child{color:#ffdb93;background:#dd912723}
.theme-panel>button>span:first-child{filter:none!important;box-shadow:inset 0 1px 0 #ffffff08}
.theme-panel svg{overflow:visible;stroke-width:1.4}
html:is([data-theme=light],[data-theme=snowy]) .theme-panel>button>span:first-child{background-color:#162638de!important;border-color:#253e4744!important}
html[data-theme=nuclear]{--paper:#e4e9d9;--muted:#b2bbae;--gold:#d3d5a5;--line:#b8c4a83b}
html[data-theme=nuclear] .theme-panel,html[data-theme=nuclear] .settings-panel{background:#26312ff5}
html[data-theme=meteors]{--paper:#eeeafa;--muted:#b2b6d6;--gold:#cac0f1;--line:#b4b2d844}
html[data-theme=meteors] .theme-panel,html[data-theme=meteors] .settings-panel{background:#151c35f5;border-color:#a393d64a}
html[data-theme=eclipse]{--paper:#f6e5ce;--muted:#c7ac97;--gold:#ebc48a;--line:#d2a77e44}
html[data-theme=eclipse] .theme-panel,html[data-theme=eclipse] .settings-panel{background:#291d23f5;border-color:#d698694a}
.floor:not(.floor-home){display:none!important}
.in-flight .floor-home{visibility:hidden}
#theme-label{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-bottom{grid-template-columns:1fr 1fr}
.hero-description{grid-column:2;justify-self:end}
.language-panel{max-height:calc(100svh - 125px);overflow-y:auto;scrollbar-width:thin}
@media(min-width:900px){.theme-panel{display:grid;grid-template-columns:1fr 1fr;width:530px;column-gap:6px}.theme-panel>p{grid-column:1/-1}.theme-panel>button{min-width:0;align-self:stretch}.theme-panel>button>span:nth-child(2){flex:1;min-width:0}.theme-panel small{font-size:9px}.theme-panel[hidden]{display:none}}
html:is([lang=ja],[lang=ko],[lang=zh-Hans]) .header nav{font-size:12px}
@media(max-width:760px){.hero-bottom{display:flex}.hero-description{display:none}.theme-panel{max-height:calc(100svh - 108px)}.language-panel{max-height:calc(100svh - 108px)}}
html[data-theme=bloodmoon]{--paper:#f3e2da;--muted:#c7a8ae;--line:#d49a9145;--gold:#edb3a0}
html[data-theme=bloodmoon] body{background:#191322}
html[data-theme=bloodmoon] .scene:after{background:linear-gradient(90deg,#170e2280,transparent 65%),linear-gradient(180deg,#21122110,transparent 50%,#150e2435)}
html[data-theme=bloodmoon] .settings-panel,html[data-theme=bloodmoon] .theme-panel{background:#251b2af5;border-color:#d38b7950}
html[data-theme=bloodmoon] .theme-trigger,html[data-theme=bloodmoon] .language-trigger{background:#2e1b2bd9;border-color:#d89d814d}
html[data-theme=aurora]{--paper:#e0f3ea;--muted:#9ec2bd;--line:#94cfb83a;--gold:#a6e6c5}
html[data-theme=aurora] body{background:#071b24}
html[data-theme=aurora] .scene:after{background:linear-gradient(90deg,#03151999,transparent 62%),linear-gradient(180deg,#0a19301c,transparent 45%,#071b2030)}
html[data-theme=aurora] .settings-panel,html[data-theme=aurora] .theme-panel{background:#0a242cf5;border-color:#94dcb63d}
html[data-theme=aurora] .theme-trigger,html[data-theme=aurora] .language-trigger{background:#0d2b32d9;border-color:#94dcb64d}
body.is-loading{overflow:hidden}
body.is-loading .custom-cursor{opacity:0!important}
body.is-loading *,body.is-loading button{cursor:auto!important}
body.is-loading button{cursor:pointer!important}
.scene-loading{background:#0b191b;color:#dbebe3;z-index:600;pointer-events:auto;isolation:isolate;overflow:hidden;transition:opacity .35s,visibility .35s}
.scene-loading[hidden]{display:none}
.scene-loading i{animation:none;width:auto;height:auto;transform:none;background:none}
.loading-card{position:relative;width:min(560px,calc(100vw - 48px));padding:22px 0 16px}
.loading-track{overflow:hidden}
.scene-loading .loading-track i{display:block;height:100%;width:100%;transform-origin:left;transition:transform .25s}
@media(prefers-reduced-motion:reduce){.scene-loading *{animation:none!important;transition:none!important}}
.reduced-motion .scene-loading *{animation:none!important;transition:none!important}

.theme-panel [data-scene-theme=neutral]{--theme-accent:#e1e8df}
html[data-theme=neutral] #theme-icon{color:#e1e8df!important}
.theme-panel [data-scene-theme=light]{--theme-accent:#edc77e}
html[data-theme=light] #theme-icon{color:#edc77e!important}
.theme-panel [data-scene-theme=dark]{--theme-accent:#b6c7ef}
html[data-theme=dark] #theme-icon{color:#b6c7ef!important}
.theme-panel [data-scene-theme=rainy]{--theme-accent:#9ec8e0}
html[data-theme=rainy] #theme-icon{color:#9ec8e0!important}
.theme-panel [data-scene-theme=thunder]{--theme-accent:#c9bcf1}
html[data-theme=thunder] #theme-icon{color:#c9bcf1!important}
.theme-panel [data-scene-theme=snowy]{--theme-accent:#c4e4f1}
html[data-theme=snowy] #theme-icon{color:#c4e4f1!important}
.theme-panel [data-scene-theme=desert]{--theme-accent:#e1b77f}
html[data-theme=desert] #theme-icon{color:#e1b77f!important}
.theme-panel [data-scene-theme=aurora]{--theme-accent:#9fe8c6}
html[data-theme=aurora] #theme-icon{color:#9fe8c6!important}
.theme-panel [data-scene-theme=bloodmoon]{--theme-accent:#f2a092}
html[data-theme=bloodmoon] #theme-icon{color:#f2a092!important}
.theme-panel [data-scene-theme=nuclear]{--theme-accent:#c7d692}
html[data-theme=nuclear] #theme-icon{color:#c7d692!important}
.theme-panel [data-scene-theme=meteors]{--theme-accent:#c3b9ff}
html[data-theme=meteors] #theme-icon{color:#c3b9ff!important}
.theme-panel [data-scene-theme=eclipse]{--theme-accent:#ffdb93}
html[data-theme=eclipse] #theme-icon{color:#ffdb93!important}
.theme-panel [data-scene-theme=sakura]{--theme-accent:#f2acc9}
html[data-theme=sakura] #theme-icon{color:#f2acc9!important}
.theme-panel>button>span:first-child{color:var(--theme-accent)!important;background-color:#23313bea!important;border-color:#cfddd820!important}
#theme-icon{display:grid;place-items:center;background:#23313b;border-radius:4px;min-width:29px;height:30px}
html[data-theme=sakura]{--paper:#fff0ec;--muted:#e4ced1;--gold:#ffd5ce;--line:#edc6cb55}
html[data-theme=sakura] .theme-panel,html[data-theme=sakura] .settings-panel{background:#302b39f5;border-color:#e6b7c24d}
html[data-theme=sakura] .theme-trigger,html[data-theme=sakura] .language-trigger{background:#34313fd9}
html[data-theme=sakura] .scene:after{background:linear-gradient(90deg,#27233577,transparent 68%),linear-gradient(180deg,#31263322,transparent 50%,#271d3222)}

/* Center the artwork inside the fixed badge; keep the badge left of the label. */
.theme-trigger #theme-icon{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;min-width:29px;height:30px;padding:0;line-height:0}
.theme-trigger #theme-icon svg{display:block;flex:0 0 21px;width:21px;height:21px;margin:0}
html[data-theme=sakura] .scene:after{background:linear-gradient(90deg,#20162d66,transparent 67%),linear-gradient(180deg,#34204412,transparent 50%,#27132325)}

.sound-credits{display:block;margin-top:10px;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}

html[data-theme=blackhole]{--paper:#ede5d7;--muted:#a8a9ad;--line:#c5cfda29;--gold:#f4c696}
html[data-theme=blackhole] .theme-panel,html[data-theme=blackhole] .settings-panel{background:#111a24f5;border-color:#d0a57644}
.theme-panel [data-scene-theme=blackhole]{--theme-accent:#f4c696}
html[data-theme=blackhole] #theme-icon{color:#f4c696!important}
