:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#e8f0ff;background:#0a1020}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;max-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at top,#1a2d5d,#060b18 55%)}#app{height:100%;max-height:100dvh;overflow:hidden}.app{height:100%;max-height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.app--auth{align-items:center;justify-content:center;padding:12px}.terminal-login{width:min(560px,100%);max-height:100%;overflow-y:auto;border:1px solid #58ffa6;background:#04140c;box-shadow:0 0 30px #4dff9b33}.terminal-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1e6948}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff6e6e}.dot.yellow{background:#ffd663}.dot.green{background:#66ff9d}.title{margin-left:8px;font-size:12px;color:#7bffbf}.terminal-body{padding:16px;color:#7bffbf}label{display:block;margin-top:10px;font-size:14px}input{width:100%;margin-top:6px;padding:10px;background:#071f14;color:#a9ffd1;border:1px solid #2e8d60}button{border:1px solid #2e8d60;background:#0a2d1e;color:#a9ffd1;padding:10px 14px;cursor:pointer}.ghost{background:transparent}.auth-actions{display:flex;gap:10px;margin-top:14px}.error{color:#ff8f8f}.avatar-preview{width:72px;height:72px;border-radius:50%;margin-top:10px;object-fit:cover;border:1px solid #2e8d60}.ship-area{flex:1;min-height:0;width:100%;max-width:none;display:flex;flex-direction:column;overflow:hidden;border:none;background:#080e23f5;box-shadow:none}.top-bar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #3349a3;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.pilot-info{display:flex;align-items:center;gap:8px;min-width:0}.pilot-title{font-weight:600;color:#dfe9ff}.pilot-level{color:#9cb8ff;font-size:12px;border:1px solid rgba(106,145,242,.5);border-radius:999px;padding:2px 8px;background:#20377859}.top-bar-center{color:#c6d7ff;font-size:14px;opacity:.92}.top-bar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.resource-panel{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid rgba(93,121,212,.55);border-radius:8px;background:#101c4ab8}.resource-item{font-size:12px;color:#e6eeff;white-space:nowrap}.net-state{font-size:12px;color:#ffcf9a}.net-state.good{color:#8cffb5}@media(max-width:760px){.top-bar-center{display:none}}.avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #5174ff}.ship-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.ship-scene-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden;width:100%}.ship-console{flex-shrink:0;width:100%;max-width:100%}.scene-tip{flex-shrink:0;color:#98abf5;margin:0 0 4px;font-size:12px;line-height:1.35}.action-feed{flex-shrink:0;display:flex;flex-direction:column;margin:0;border:1px solid #3653bf;background:#0b143ac2;min-height:0}.action-feed-title{padding:6px 8px;border-bottom:1px solid #2e469d;color:#b5c8ff;font-size:12px}.action-feed-list{display:flex;flex-direction:column;gap:3px;height:clamp(52px,7.8dvh,84px);min-height:clamp(52px,7.8dvh,84px);max-height:clamp(52px,7.8dvh,84px);overflow-y:auto;overflow-x:hidden;padding:4px 6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.action-feed-item{display:flex;gap:6px;font-size:11px;padding:2px 0;color:#d7e5ff;flex-shrink:0}.action-feed-item.is-shout{color:#e8f6ff;background:#3878ff1f;border-radius:4px;padding:4px 6px}.action-feed-item.is-system{color:#ffc8a8;font-size:11px}.action-feed-body{flex:1;min-width:0;word-break:break-word}.action-feed-time{flex-shrink:0;color:#8eb0ff}.action-feed-empty{font-size:12px;color:#90a6d8}.action-feed-empty--fill{flex:1 1 auto;min-height:2.25rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px 8px;margin:1px 0;border:1px dashed rgba(142,176,255,.38);border-radius:6px;line-height:1.4}.action-feed-composer{flex-shrink:0;display:flex;gap:6px;align-items:center;padding:5px 6px;border-top:1px solid #2e469d;background:#080e288c}.action-feed-composer input{flex:1;min-width:0;margin-top:0;min-height:22px;padding:4px 6px;font-size:12px;border:1px solid #4a6fd4;background:#0a1436;color:#e4ecff}.action-feed-send{flex-shrink:0;min-height:22px;padding:4px 10px;font-size:11px;border-color:#6a9cff;background:#1e46b4d9;color:#eaf2ff}.ship-scene-slot{flex:1 1 0%;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;overflow:hidden}.ship-scene{position:relative;flex:0 0 auto;width:min(100cqw,calc(100cqh * 4 / 3));height:min(100cqh,75cqw);max-width:100%;max-height:100%;aspect-ratio:4 / 3;border:1px solid rgba(120,160,230,.55);background:transparent;overflow:hidden;box-shadow:inset 0 0 50px #00000059,0 0 24px #2850a040}@supports not (width: 1cqw){.ship-scene{width:100%;height:auto;max-height:100%}}.ship-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:repeating-linear-gradient(to right,transparent 0,transparent 10.5%,rgba(132,167,255,.05) 10.5%,rgba(132,167,255,.05) 11%);pointer-events:none;opacity:.55}.ship-stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.ship-cutaway-hull{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.92;filter:drop-shadow(0 0 12px rgba(0,0,0,.45))}.ship-doorframes-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}.corridor-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.ship-corridor-strip{vector-effect:non-scaling-stroke}.cabin-hotspot{position:absolute;z-index:5;transform:translate(-50%,-50%);border:1px solid #9db8ff;background:#1c317ee0;padding:3px 6px;min-width:0;max-width:5.2rem;border-radius:999px;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .2s ease,background .25s ease,border-color .2s ease}.cabin-hotspot.is-locked{border-color:#ffb47873;background:#3c281cbf;color:#ffd4b8}.cabin-hotspot.opening{background:#6de8fff2;color:#06202a;border-color:#7ef0ff;transform:translate(-50%,-50%) scale(1.05)}.cabin-hotspot.is-locked.opening{background:#ff8c6459;color:#ffe8dc;border-color:#ffa078cc}.actor{position:absolute;width:42px;transform:translate(-50%,-50%);z-index:6}.actor-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #d2e0ff;display:block;margin:0 auto}.chibi-body{position:relative;width:20px;height:16px;margin:3px auto 0;background:#dce8ff;border-radius:8px 8px 6px 6px}.chibi-body .arm,.chibi-body .leg{position:absolute;display:block;background:#dce8ff}.chibi-body .arm{width:4px;height:8px;top:2px;border-radius:3px}.chibi-body .arm.left{left:-3px;transform:rotate(20deg)}.chibi-body .arm.right{right:-3px;transform:rotate(-20deg)}.chibi-body .leg{width:4px;height:8px;bottom:-6px;border-radius:3px}.chibi-body .leg.left{left:4px}.chibi-body .leg.right{right:4px}.actor-other{opacity:.92}.actor-other.is-offline{filter:grayscale(.92) brightness(.88);opacity:.78}.actor-other.is-offline .actor-avatar{border-color:#8c96aabf}.actor-other.is-offline .chibi-body,.actor-other.is-offline .chibi-body .arm,.actor-other.is-offline .chibi-body .leg{background:#9aa6c0}.actor-other.is-fading-out{pointer-events:none;transition:opacity .45s ease,filter .45s ease;opacity:0;filter:grayscale(1) brightness(.7)}.actor.left .actor-offline-badge{transform:translate(-50%,-2px) scaleX(-1)}.actor-offline-badge{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px);padding:1px 5px;border-radius:4px;font-size:9px;line-height:1.2;white-space:nowrap;color:#e8ecf5;background:#373e4eeb;border:1px solid rgba(160,170,190,.55);box-shadow:0 0 6px #00000059;z-index:2}.actor.left{transform:translate(-50%,-50%) scaleX(-1)}.actor.left .name-tag,.actor.left .action-bubble{transform:scaleX(-1)}.actor.walking .leg.left{animation:walk-left .34s infinite alternate}.actor.walking .leg.right{animation:walk-right .34s infinite alternate}@keyframes walk-left{0%{transform:translateY(0) rotate(8deg)}to{transform:translateY(-2px) rotate(-8deg)}}@keyframes walk-right{0%{transform:translateY(-2px) rotate(-8deg)}to{transform:translateY(0) rotate(8deg)}}.name-tag{margin-top:4px;text-align:center;font-size:11px;color:#c8d8ff;white-space:nowrap}.action-bubble{position:absolute;left:50%;top:-28px;transform:translate(-50%);padding:3px 8px;border-radius:999px;background:#0e193ef2;border:1px solid rgba(148,182,255,.7);font-size:12px}.action-wheel{position:absolute;width:0;height:0;z-index:8}.wheel-btn{position:absolute;width:56px;padding:6px;border-radius:999px;border:1px solid #9ab4ff;background:#13235cf2;color:#d6e5ff;font-size:12px}.wheel-btn.top{left:-28px;top:-52px}.wheel-btn.bottom{left:-28px;top:16px}.wheel-btn.left{left:-80px;top:-18px}.wheel-btn.right{left:24px;top:-18px}.cabin-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3349a3;padding:12px;background:#0a1027c7}.panel-head{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.panel-head h2{margin:0;font-size:clamp(16px,2.8vw,20px)}.cabin-panel>div:not(.panel-head){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.list{display:flex;flex-direction:column;gap:10px;margin:0;min-height:0}.item{flex-shrink:0;border:1px solid #32489f;padding:12px 14px;background:#101b3d;border-radius:6px;font-size:15px;line-height:1.45}.name{color:#9fbeff;margin-right:8px;font-weight:600}.time{font-size:12px;color:#8093d6}.item p{margin:8px 0 0;word-break:break-word}.composer{flex-shrink:0;display:flex;gap:10px;margin-top:0;padding-top:10px;border-top:1px solid #2e469d}.composer input{flex:1;min-width:0;min-height:46px;font-size:16px;padding:12px 14px}.composer button{flex-shrink:0;min-height:46px;padding:10px 18px;font-size:15px}.chat-cabin{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.chat-cabin .chat-message-list{flex:1 1 0%;min-height:clamp(11rem,34dvh,20rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 2px 8px}.scroll-list-placeholder{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:clamp(10rem,30dvh,16rem);margin:2px 0 8px;padding:14px 16px;text-align:center;font-size:14px;line-height:1.45;color:#baccffb8;border:1px dashed rgba(110,140,220,.45);border-radius:8px;background:#0a12306b}.chat-cabin .composer{margin-top:0}.social-cabin{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.social-cabin .social-post-list{flex:1 1 0%;min-height:clamp(11rem,34dvh,20rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 2px 10px}.social-cabin .social-composer{flex-shrink:0;margin-top:0;padding-top:10px;border-top:1px solid #2e469d}