/* Loading geometry; refreshed presentation overrides are at the end. */
.claw-loading{position:absolute;inset:0;z-index:130;display:grid;place-items:center;overflow:auto;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(#fff4e9,#ede5fc);color:#20234e;font:14px 'Noto Sans TC','Noto Sans CJK TC','Microsoft JhengHei',sans-serif;touch-action:pan-y;container-type:size;isolation:isolate}
.claw-loading *{box-sizing:border-box}.claw-loading[hidden],.claw-loading [hidden]{display:none!important}
/* Loading owns the room: suppress all sibling HUD, including chat/audio. */
#room:has(>.claw-loading:not([hidden]))>:not(#game):not(.claw-loading){visibility:hidden!important;pointer-events:none!important}
body:has(>.claw-loading:not([hidden]))>.claw-bgm{visibility:hidden!important;pointer-events:none!important}
.claw-loading-card{position:relative;width:min(100%,780px,46.20853cqh);min-width:min(100%,320px);aspect-ratio:780/1688;container-type:inline-size;isolation:isolate;text-align:center;flex:none}
.claw-loading-scenery{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.claw-loading-brand{position:absolute;left:14.74359%;top:4.73934%;width:70.51282%;height:13.03318%;object-fit:contain;display:block}
.claw-loading p.claw-loading-tagline{position:absolute;left:0;top:17.83175%;width:100%;margin:0;color:#726187;font-size:max(11px,2.5641cqw);font-weight:600;line-height:1.4;letter-spacing:.25em}
.claw-loading-stage{position:absolute;left:0;top:19.54976%;width:100%;height:55.6872%;isolation:isolate;pointer-events:none;overflow:hidden}
.claw-loading-stage>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.claw-loading-stage-front{z-index:2}
/* Atlas open-pose alpha bounds align with the approved model's visible silhouette. */
.claw-loading .claw-loading-stage canvas,.claw-loading-fallback{display:block;position:absolute;left:-3.20513%;top:10.85106%;width:104.35897%;height:auto;aspect-ratio:256/320;max-width:none;z-index:1;margin:0}
.claw-loading-info{position:absolute;left:6.41026%;top:74.52607%;width:87.17949%;min-height:15.04739%;padding:5.89744cqw 8.33333cqw 5.12821cqw;background:#fffaf1;border: max(2px,.64103cqw) solid #fff;border-radius:5.64103cqw;box-shadow:1.02564cqw 2.17949cqw 0 -.38462cqw #d9c9e78c;text-align:center;z-index:3}
.claw-loading-info:before{content:'';position:absolute;width:7.17949cqw;height:7.17949cqw;top:-4.03846cqw;left:50%;transform:translateX(-50%);border:.64103cqw solid #fff5e9;border-radius:50%;background:linear-gradient(90deg,#ffa58f,#ff6e78)}
.claw-loading-info:after{content:'';position:absolute;width:2.30769cqw;height:.51282cqw;min-height:2px;top:-.70513cqw;left:50%;transform:translateX(-50%);border-radius:4px;background:#fff}
.claw-loading h2{font-size:max(19px,4.35897cqw);line-height:1.3;margin:0 0 4.23077cqw;color:#20234e;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}
.claw-loading p[data-detail]{margin:3.84615cqw 0 0;color:#8a789f;font-size:max(12px,2.4359cqw);line-height:1.55;overflow-wrap:anywhere}
.claw-loading progress{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.claw-progress-track{height:2.5641cqw;min-height:8px;width:100%;border-radius:20px;background:#ede3f3;overflow:hidden;position:relative}
.claw-progress-track i{display:block;height:100%;width:22.22222%;border-radius:inherit;background:linear-gradient(90deg,#ffa58f,#ff6e78);animation:claw-loading-sweep 1.5s ease-in-out infinite alternate}
.claw-progress-track.determinate i{width:var(--loaded,0%);animation:none;transition:width .15s linear}
@keyframes claw-loading-sweep{from{transform:translateX(0)}to{transform:translateX(350%)}}
.claw-loading-actions{position:absolute;left:6.41026%;right:6.41026%;top:93.1%;display:flex;gap:12px;justify-content:center;z-index:4}
.claw-loading button{width:auto;min-width:110px;min-height:44px;height:auto;margin:0;padding:10px 18px;font:700 13px/1.4 'Microsoft JhengHei','Microsoft YaHei',sans-serif;border:2px solid #fff;border-radius:23px;background:linear-gradient(#fffef8,#f3e9f8);color:#78618d;box-shadow:0 4px 0 #cdb9dc80;cursor:pointer;flex:none}
.claw-loading button[data-retry]{color:#fff;background:linear-gradient(#ffa48e,#ff7887);box-shadow:0 4px 0 #c67d9170}
.claw-loading button:focus-visible{outline:3px solid #726187;outline-offset:4px}
.claw-loading[data-phase=error] .claw-loading-info{min-height:18%}
.claw-loading[data-phase=error] .claw-loading-actions{top:93.5%}
@media(orientation:portrait) and (max-height:700px){
 .claw-loading-card{aspect-ratio:780/1340}
 .claw-loading-brand{top:0;height:17%}
 .claw-loading p.claw-loading-tagline{top:15.5%}
 .claw-loading-stage{left:18%;top:20%;width:64%;height:auto;aspect-ratio:780/940}
 .claw-loading-info{top:63%}
 .claw-loading-actions,.claw-loading[data-phase=error] .claw-loading-actions{top:91%}
}
@media(orientation:landscape){
 .claw-loading{padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 0 20%,#ffdcd1 0 9%,transparent 9.1%),radial-gradient(circle at 100% 15%,#e6d8f7 0 13%,transparent 13.1%),linear-gradient(#fff4e9,#ede5fc)}
 .claw-loading-card{width:min(100%,1100px);min-width:0;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:28px;row-gap:18px;align-items:center;padding:10px 0}
 .claw-loading-scenery{display:none}
 .claw-loading-stage{position:relative;left:auto;top:auto;grid-column:1;grid-row:1/5;width:100%;height:auto;aspect-ratio:780/940;align-self:center}
 .claw-loading-brand{position:static;grid-column:2;grid-row:1;width:90%;height:auto;max-height:130px;aspect-ratio:550/220;justify-self:center}
 .claw-loading p.claw-loading-tagline{position:static;grid-column:2;grid-row:2;width:auto;font-size:14px;line-height:1.4;letter-spacing:.15em;margin:-12px 0 8px}
 .claw-loading-info{position:relative;left:auto;top:auto;grid-column:2;grid-row:3;width:100%;min-height:0;padding:28px 26px 24px;border:3px solid #fff;border-radius:28px;box-shadow:5px 9px 0 -2px #d9c9e78c}
 .claw-loading-info:before{width:34px;height:34px;top:-19px;border:3px solid #fff5e9}
 .claw-loading-info:after{width:12px;height:3px;top:-3px}
 .claw-loading h2{font-size:clamp(20px,2.8cqw,30px);margin:0 0 20px}
 .claw-loading p[data-detail]{font-size:14px;margin:16px 0 0}
 .claw-progress-track{height:12px}
 .claw-loading-actions,.claw-loading[data-phase=error] .claw-loading-actions{position:static;grid-column:2;grid-row:4;align-self:start}
 .claw-loading[data-phase=error] .claw-loading-info{min-height:0}
}
@media(orientation:landscape) and (max-height:500px){
 .claw-loading-card{width:min(100%,760px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 24px;padding:0}
 .claw-loading-stage{width:min(100%,calc((100dvh - 32px)*.829787));height:auto;justify-self:center}
 .claw-loading-brand{max-height:76px}
 .claw-loading p.claw-loading-tagline{font-size:12px;margin:-8px 0 8px}
 .claw-loading-info{padding:22px 18px 16px;border-radius:24px}
 .claw-loading h2{font-size:20px;margin-bottom:14px}
 .claw-loading p[data-detail]{font-size:12px;margin-top:12px}
}

@media(prefers-reduced-motion:reduce){.claw-loading *{animation:none!important;transition:none!important}.claw-progress-track:not(.determinate) i{margin-left:36.2963%;opacity:.8}}

/* Center the approved brand and live status; the former claw stage takes no layout space. */
.claw-loading{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 0 20%,#ffdcd1 0 9%,transparent 9.1%),radial-gradient(circle at 100% 15%,#e6d8f7 0 13%,transparent 13.1%),linear-gradient(#fff4e9,#ede5fc)}
.claw-loading .claw-loading-stage,.claw-loading .claw-loading-scenery{display:none!important}
.claw-loading .claw-loading-card{width:min(100%,540px);min-width:0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0}
.claw-loading .claw-loading-brand{position:static;width:min(92%,420px);height:auto;max-height:none;aspect-ratio:550/220;flex:none}
.claw-loading p.claw-loading-tagline{position:static;width:100%;margin:-16px 0 16px;font-size:14px;line-height:1.5;letter-spacing:.15em}
.claw-loading .claw-loading-info{position:relative;left:auto;top:auto;width:100%;min-height:0;padding:30px 28px 26px;border:3px solid #fff;border-radius:28px;box-shadow:5px 9px 0 -2px #d9c9e78c}
.claw-loading .claw-loading-info:before{width:34px;height:34px;top:-19px;border:3px solid #fff5e9}
.claw-loading .claw-loading-info:after{width:12px;height:3px;top:-3px}
.claw-loading h2{font-size:26px;margin:0 0 20px;line-height:1.35}
.claw-loading p[data-detail]{font-size:14px;margin:16px 0 0;line-height:1.6}
.claw-loading .claw-progress-track{height:12px;min-height:0}
.claw-loading .claw-loading-actions{position:static;width:100%;align-self:auto;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:4px}
.claw-loading button{max-width:100%;white-space:normal}
@media(max-width:500px){
 .claw-loading .claw-loading-card{gap:18px}
 .claw-loading p.claw-loading-tagline{font-size:12px;margin:-12px 0 14px}
 .claw-loading .claw-loading-info{padding:28px 20px 24px;border-radius:26px}
 .claw-loading h2{font-size:22px;margin-bottom:18px}
 .claw-loading p[data-detail]{font-size:13px;margin-top:14px}
 .claw-loading .claw-loading-actions{gap:10px}
}
@media(orientation:landscape) and (max-height:500px){
 .claw-loading{padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
 .claw-loading .claw-loading-card{width:min(100%,500px);gap:12px}
 .claw-loading .claw-loading-brand{width:200px;max-width:80%;height:80px}
 .claw-loading p.claw-loading-tagline{font-size:12px;margin:-8px 0 12px}
 .claw-loading .claw-loading-info{padding:22px 22px 18px;border-radius:24px}
 .claw-loading h2{font-size:20px;margin-bottom:14px}
 .claw-loading p[data-detail]{font-size:12px;margin-top:12px}
 .claw-loading .claw-loading-actions{margin-top:2px}
}

/* Airy loading presentation, using the existing brand and real claw assets. */
.claw-loading{background:radial-gradient(ellipse at 25% 30%,#ffe4d980,transparent 48%),radial-gradient(ellipse at 80% 70%,#e7ddffb0,transparent 48%),#fffaf4;font-family:ClawSystemLocal,sans-serif;font-weight:400;font-synthesis:none}
.claw-loading .claw-loading-card{width:min(100%,440px);gap:0}
.claw-loading .claw-loading-brand{width:260px;max-width:80%;height:104px;aspect-ratio:auto}
.claw-loading p.claw-loading-tagline{margin:2px 0 0;color:#8a789e;font-size:13px;letter-spacing:.12em;line-height:1.6}
.claw-loading .claw-loading-stage{display:block!important;position:relative;left:auto;top:auto;width:204px;height:204px;margin:26px 0 24px;isolation:isolate;overflow:visible;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#eee4fc 72%);box-shadow:inset 0 0 24px #fff,0 16px 48px #a695c41c}
.claw-loading-stage>svg{display:none}
.claw-loading-stage:before{content:'';position:absolute;inset:-10px;border:1px solid #dcd0ee88;border-radius:50%;transform:rotate(-30deg) scaleY(.88)}
.claw-loading-stage:after{content:'';position:absolute;right:4px;top:20px;width:16px;height:16px;border:3px solid #fff8ed;border-radius:50%;background:#ffbd65;box-shadow:-194px 128px 0 -3px #ff9a9c}
.claw-loading .claw-loading-stage canvas,.claw-loading .claw-loading-fallback{left:0;top:-12px;width:100%;height:auto;aspect-ratio:256/320;object-fit:contain}
.claw-loading .claw-loading-info{padding:0 12px;border:0;border-radius:0;background:none;box-shadow:none}
.claw-loading .claw-loading-info:before,.claw-loading .claw-loading-info:after{display:none}
.claw-loading h2{font:400 24px/1.5 ClawSystemLocal,sans-serif;margin:0 0 20px;color:#17174e}
.claw-loading p[data-detail]{margin:12px 0 0;color:#82718f;font:400 13px/1.7 ClawSystemLocal,sans-serif}
.claw-loading .claw-progress-track{height:10px;padding:2px;background:#eae2f1;box-shadow:inset 0 1px 2px #73608710}
.claw-progress-track i{background:linear-gradient(90deg,#ffb49a,#ff5975);box-shadow:0 1px 4px #ff7e9860}
.claw-loading .claw-loading-actions{margin-top:28px}
.claw-loading button{min-width:112px;padding:10px 22px;border:1px solid #e4d8ec;background:#ffffffa8;color:#716087;font:400 14px/1.5 ClawSystemLocal,sans-serif;box-shadow:0 3px 10px #6d52880a}
.claw-loading button:hover{background:#fff;border-color:#c6acde}
.claw-loading button[data-retry]{background:#ff6078;color:white;border-color:#ff6078;box-shadow:none}
.claw-loading button:disabled{opacity:.5;cursor:default}
.claw-loading[data-phase=error] .claw-loading-stage,.claw-loading[data-phase=machine-blocked] .claw-loading-stage{filter:saturate(.45)}
@media(max-width:500px){.claw-loading .claw-loading-brand{width:220px;height:88px}.claw-loading .claw-loading-stage{width:174px;height:174px;margin:30px 0 26px}.claw-loading-stage:after{box-shadow:-166px 110px 0 -3px #ff9a9c}.claw-loading h2{font-size:21px}.claw-loading .claw-loading-info{padding:0}.claw-loading p.claw-loading-tagline{font-size:12px}}
@media(orientation:landscape) and (max-height:540px){.claw-loading .claw-loading-card{width:min(100%,720px);display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:40px;row-gap:0;align-items:center}.claw-loading .claw-loading-brand{grid-column:2;grid-row:1;width:200px;height:80px;justify-self:center}.claw-loading p.claw-loading-tagline{grid-column:2;grid-row:2;margin:0 0 18px;font-size:12px}.claw-loading .claw-loading-stage{grid-column:1;grid-row:1/5;width:190px;height:190px;margin:0;justify-self:center}.claw-loading .claw-loading-info{grid-column:2;grid-row:3;padding:0}.claw-loading h2{font-size:20px;margin-bottom:14px}.claw-loading .claw-loading-actions{grid-column:2;grid-row:4;margin-top:18px}.claw-loading p[data-detail]{font-size:12px}}

/* Lift baked claw shading without changing the game model or animation. */
.claw-loading .claw-loading-stage canvas,.claw-loading .claw-loading-fallback{filter:brightness(1.2) contrast(.92) saturate(1.08)}
.claw-loading .claw-loading-stage{box-shadow:inset 0 0 24px #fff,0 10px 32px #a695c410}

body .claw-loading .claw-loading-actions button[data-retry]{border:0;border-radius:14px;background:transparent url(/game/platform-art/local-system-dom-v1/enter-desktop@3x-skin.png) center/100% 100% no-repeat;color:#fff!important;box-shadow:inset 0 1px #ffffffbb,0 3px 0 #77718b22;transition:filter .15s,transform .1s}
body .claw-loading .claw-loading-actions button[data-retry]:hover{filter:brightness(1.04)}
body .claw-loading .claw-loading-actions button[data-retry]:active{transform:translateY(2px)}

/* Match the lobby mission action's approved skin and neutral palette. */
body .claw-loading .claw-loading-actions button:not([data-retry]){position:relative;isolation:isolate;border:1px solid transparent;border-radius:14px;background:transparent;color:#0b055b!important;box-shadow:inset 0 1px #ffffffbb,0 3px 0 #77718b22;transition:filter .15s,transform .1s}
body .claw-loading .claw-loading-actions button:not([data-retry]):before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url(/game/platform-art/local-system-dom-v1/enter-desktop@3x-skin.png) center/100% 100% no-repeat;filter:grayscale(1) brightness(2) contrast(.25) brightness(1.6);pointer-events:none}
body .claw-loading .claw-loading-actions button:not([data-retry]):hover{filter:brightness(1.04)}
body .claw-loading .claw-loading-actions button:not([data-retry]):active{transform:translateY(2px)}