/* Full-bleed room with restrained edge typography. */
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
#fixed-ui{display:block;padding:0;isolation:isolate;--intro-copy-opacity:1;--intro-edge:clamp(24px,3.4vw,64px)}
#fixed-ui main{position:absolute;inset:0;display:block}
#viewport{width:100%;height:100%;aspect-ratio:auto}
#fixed-ui::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#17110c80,transparent 24%,transparent 76%,#17110c91)}
#fixed-ui header{position:absolute;inset:0 0 auto;z-index:2;min-height:0;padding:clamp(24px,3vw,44px) var(--intro-edge);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px;color:#fffaf2}
#fixed-ui .intro-name{padding:0;min-height:44px;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;text-align:left;font-family:inherit;text-shadow:0 1px 12px #0005;opacity:var(--intro-copy-opacity)}
#fixed-ui .intro-name strong{display:block;font:500 15px/1.5 system-ui,sans-serif;letter-spacing:.02em}
#fixed-ui .intro-name>span{display:block;margin-top:5px;font:400 12px/1.5 system-ui,sans-serif;letter-spacing:.02em;color:#eee6dc}
#fixed-ui header nav{display:flex;align-items:center;gap:16px}
#fixed-ui #skip{min-height:44px;padding:10px 18px;color:#fffaf2;font:400 14px/1.4 system-ui,"Microsoft YaHei",sans-serif;background:#201b174d;border:1px solid #fff5;border-radius:24px;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
#fixed-ui #skip:hover{background:#fff2;border-color:#fff9}
#fixed-ui #power[hidden]{display:none}
#fixed-ui button:focus-visible{outline:2px solid #fffaf2;outline-offset:6px}
#fixed-ui .intro-copy,#fixed-ui .intro-disciplines{position:absolute;bottom:32px;z-index:2;margin:0;color:#fffaf2;text-shadow:0 1px 12px #0008;opacity:var(--intro-copy-opacity);pointer-events:none}
#fixed-ui .intro-copy{left:var(--intro-edge);max-width:34%;font:400 18px/1.5 Georgia,"Times New Roman",serif;text-wrap:balance}
#fixed-ui .intro-disciplines{right:var(--intro-edge);font:400 13px/1.5 "Microsoft YaHei",system-ui,sans-serif;letter-spacing:.04em;text-align:right}
#fixed-ui footer{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0;padding:0;z-index:2;gap:12px;text-align:center;color:#fffaf2;text-shadow:0 1px 8px #0008}
#fixed-ui #status{font:400 14px/1.5 "Microsoft YaHei",system-ui,sans-serif;letter-spacing:.02em;text-wrap:balance}
.intro-scroll-mark{display:block;width:18px;height:29px;border:1px solid #fff9;border-radius:10px;position:relative}
.intro-scroll-mark::after{content:"";position:absolute;left:7px;top:6px;width:2px;height:7px;border-radius:2px;background:#fffaf2}
.intro-seek-accessible{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro-seek-accessible:focus-within{position:static!important;width:auto!important;height:auto!important;clip-path:none;background:#201b17bd;padding:8px 12px;border-radius:8px}
@media(max-width:700px){
 #fixed-ui header{padding:24px 22px;gap:12px}
 #fixed-ui .intro-name strong{font-size:14px}
 #fixed-ui #skip{font-size:13px;padding:10px 13px}
 #fixed-ui .intro-copy{left:24px;right:24px;bottom:130px;max-width:none;text-align:center;font-size:18px}
 #fixed-ui .intro-disciplines{left:24px;right:24px;bottom:104px;text-align:center;font-size:12px}
 #fixed-ui footer{bottom:26px;gap:10px}
 #fixed-ui #status{font-size:13px}
}
@media(max-height:500px) and (max-width:700px){
 #fixed-ui .intro-copy{bottom:100px;font-size:16px}
 #fixed-ui .intro-disciplines{bottom:78px}
 #fixed-ui footer{bottom:12px;gap:6px}
}
@media(prefers-reduced-motion:reduce){#fixed-ui #skip{transition:none}}