.shipwreck-loading{--p:0;position:absolute;inset:0;z-index:40;isolation:isolate;container-type:inline-size;overflow:hidden;background:#061823;color:#f5efdf}
.loader-photo,.loader-shade,.loader-content,.loader-doors{position:absolute;inset:0}.loader-photo{width:100%;height:100%;object-fit:cover;object-position:49% 45%;transform:scale(1.045) translateY(-2.5px)}.loader-shade,.loader-door-shade{background:linear-gradient(180deg,#03121bc9 0%,#06182065 21%,transparent 49%,#03121c68 65%,#03121bf5 90%)}.loader-content{z-index:4}.loader-brand{position:absolute;top:4.4%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:10px}.loader-brand a{font-size:14px;font-weight:850;letter-spacing:-.045em;color:inherit;text-decoration:none}.loader-brand span{font:7px/1.4 Menlo,Consolas,monospace;letter-spacing:.13em;color:#c1d6db}
.loader-story{position:absolute;top:14.5%;left:8%;right:8%}.loader-eyebrow{display:flex;align-items:center;gap:8px;color:#e9bd73;font:8px/1.5 Menlo,Consolas,monospace;letter-spacing:.16em}.loader-eyebrow::before{content:"";width:20px;height:1px;background:#e9bd73}.loader-title{font:500 clamp(34px,12cqw,52px)/1.15 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.055em;margin:15px 0 12px}.loader-story>p:last-child{font-size:clamp(12px,3.1cqw,14px);line-height:1.8;margin:0;color:#e1e6df}.loader-signal{position:absolute;left:8%;right:8%;bottom:19%;display:flex;align-items:center;gap:10px;border-left:1px solid #e9bd7366;padding:10px 0 10px 13px}.loader-signal>i{width:5px;height:5px;border-radius:50%;background:#ecbd70;box-shadow:0 0 10px #e9bd7380;animation:loader-signal 2s ease-in-out infinite;flex-shrink:0}.loader-signal>div{display:flex;flex-direction:column;gap:6px}.loader-signal b{font:8px/1.4 Menlo,Consolas,monospace;letter-spacing:.1em;color:#e9bd73}.loader-signal span{font-size:10px;color:#c6d9d8}.loader-wave{display:flex;align-items:center;gap:3px;height:22px;margin-left:auto;padding-right:3px}.loader-wave i{width:2px;height:16px;background:#d1af74;transform:scaleY(.25);animation:loader-radio 1.25s ease-in-out infinite}.loader-wave i:nth-child(3n){height:22px;animation-delay:-.4s}.loader-wave i:nth-child(2n){animation-delay:-.75s}
.loader-bottom{position:absolute;left:8%;right:8%;bottom:max(4%,env(safe-area-inset-bottom))}.loader-caption{display:flex;align-items:baseline;justify-content:space-between;gap:9px;min-height:25px}.loader-caption>[data-loader-status]{font-size:clamp(10px,2.9cqw,12px);line-height:1.5;font-weight:500}.loader-caption strong{font:500 20px/1 Menlo,Consolas,monospace;letter-spacing:-.07em;flex-shrink:0}.loader-caption strong small{font-size:9px;letter-spacing:0;opacity:.65;margin-left:3px}.loader-track{height:2px;background:#e9bd732d;margin:10px 0 14px;overflow:hidden}.loader-track>i{height:100%;display:block;background:#e9bd73;transform:scaleX(calc(var(--p)/100));transform-origin:left}.loader-foot{display:flex;justify-content:space-between;gap:8px;font-size:7px;line-height:1.5;color:#9ab5b7}.loader-foot>span:first-child{letter-spacing:.08em}.loader-foot>span:last-child{text-align:right}.loader-retry{width:100%;min-height:40px;padding:9px;margin:0 0 12px;border:1px solid #c5a26e;border-radius:4px;background:#15313b;color:#f4d69d}.loader-retry:focus-visible{outline:2px solid #edc784;outline-offset:3px}.shipwreck-loading[data-state="error"] .loader-caption{color:#efb991}.shipwreck-loading[data-state="error"] .loader-wave i{animation-play-state:paused}
.loader-doors{z-index:3;visibility:hidden;pointer-events:none}.loader-door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#061820}.loader-door-left{left:0}.loader-door-right{right:0}.loader-door>img{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:49% 45%;transform:scale(1.045) translateY(-2.5px)}.loader-door-right>img{left:-100%}.loader-door-shade{position:absolute;inset:0}.loader-door::after{content:"";position:absolute;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#282921,#a78854,#eccd91,#514530,#051219);box-shadow:0 0 15px #000a}.loader-door-left::after{right:0}.loader-door-right::after{left:0}.loader-door::before{content:"";position:absolute;z-index:2;top:46%;height:43px;width:8px;background:linear-gradient(90deg,#413c2f,#d0af70,#382f20);border-radius:3px;box-shadow:0 2px 10px #0008}.loader-door-left::before{right:13px}.loader-door-right::before{left:13px}
.shipwreck-loading[data-state="opening"]{background:transparent}.shipwreck-loading[data-state="opening"]>.loader-photo,.shipwreck-loading[data-state="opening"]>.loader-shade,.shipwreck-loading[data-state="opening"]>.loader-content{animation:loader-content-out 180ms ease-in forwards}.shipwreck-loading[data-state="opening"] .loader-doors{visibility:visible}.shipwreck-loading[data-state="opening"] .loader-door-left{animation:loader-door-left 1000ms cubic-bezier(.3,.06,.18,1) both}.shipwreck-loading[data-state="opening"] .loader-door-right{animation:loader-door-right 1000ms cubic-bezier(.3,.06,.18,1) both}.game:has(.shipwreck-loading[data-state="opening"])>.game-ui{animation:loader-room-settle 1000ms ease-out both}
.shipwreck-loading[data-locale="zh"] .loader-title{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;letter-spacing:.04em;line-height:1.25}.shipwreck-loading[data-locale="zh"] .loader-eyebrow{font-size:10px;letter-spacing:.15em}.shipwreck-loading[data-locale="zh"] .loader-brand span{font-size:9px;letter-spacing:.15em}.shipwreck-loading[data-locale="zh"] .loader-foot{font-size:9px}.shipwreck-loading[data-locale="zh"] .loader-caption>[data-loader-status]{font-size:11px}.shipwreck-loading[data-locale="zh"] .loader-signal b{font-size:9px}
@keyframes loader-radio{0%,100%{transform:scaleY(.3);opacity:.5}45%{transform:scaleY(1);opacity:1}}@keyframes loader-signal{0%,100%{opacity:.45}50%{opacity:1}}@keyframes loader-content-out{from{opacity:1}to{opacity:0}}@keyframes loader-door-left{0%,12%{transform:translateX(0)}100%{transform:translateX(-104%)}}@keyframes loader-door-right{0%,12%{transform:translateX(0)}100%{transform:translateX(104%)}}@keyframes loader-room-settle{0%,12%{transform:scale(1.035)}100%{transform:scale(1)}}
@media(max-height:640px){.loader-story{top:13%}.loader-title{font-size:clamp(30px,10cqw,43px)}.loader-signal{bottom:23%;padding-block:6px}.loader-foot{font-size:7px}.loader-track{margin:7px 0 10px}}
@media(prefers-reduced-motion:reduce){.shipwreck-loading *,.game:has(.shipwreck-loading[data-state="opening"])>.game-ui{animation:none!important;transition:none!important}}