html,body {background:#e6dcf2!important;margin:0;overflow:hidden;font-family:"Microsoft YaHei",sans-serif}
#cocosLoading{position:fixed;inset:0;z-index:3;display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden;background:radial-gradient(ellipse at 12% 20%,#f8d8e4 0%,#f8d8e400 56%),radial-gradient(ellipse at 88% 14%,#cdc3ee 0%,#cdc3ee00 54%),radial-gradient(ellipse at 86% 90%,#bee4e8 0%,#bee4e800 58%),linear-gradient(140deg,#f8e5e9 0%,#e4d6f0 48%,#d2e5f2 100%);color:#78619d}
#cocosLoading:before,#cocosLoading:after{content:"";position:absolute;z-index:0;width:min(48vw,530px);aspect-ratio:1;border:1px solid #ffffff70;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffafc99,#f9ddec35 48%,#c9dff226 75%);box-shadow:inset 0 0 55px #ffffff80,0 0 90px #ffffff30;pointer-events:none}
#cocosLoading:before{left:-12%;top:-22%}#cocosLoading:after{right:-12%;bottom:-30%;width:min(58vw,680px);background:radial-gradient(circle at 34% 28%,#f5ffff90,#d2f0ef42 50%,#d6ccf226 80%)}
#cocosLoading .boot-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff1f 34%,transparent 48%,#ffffff12 70%,transparent 82%)}
#cocosLoading .boot-pearl{position:absolute;display:block;width:clamp(36px,6vw,88px);aspect-ratio:1;border-radius:50%;border:1px solid #ffffffe0;background:radial-gradient(ellipse at 28% 22%,#ffffffed 0%,#ffffff50 14%,#ffffff08 38%),linear-gradient(135deg,#f6cce659,#e5dbf452 48%,#c9edf479);box-shadow:inset 3px 3px 10px #ffffffc4,inset -4px -5px 12px #baacd340,0 8px 26px #9f89bd15;opacity:.66}
#cocosLoading .boot-pearl:nth-child(1){left:14%;top:28%}
#cocosLoading .boot-pearl:nth-child(2){right:13%;top:20%;width:clamp(26px,3.8vw,56px);opacity:.48}
#cocosLoading .boot-pearl:nth-child(3){right:19%;bottom:16%;width:clamp(48px,8vw,116px);opacity:.46}
#cocosLoading .boot-halo{position:absolute;width:min(94vw,980px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#fff9fbe6 0%,#fff9fb85 34%,#fff9fb00 70%);pointer-events:none}
#cocosLoading .boot-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:28px 16px;max-height:100%;box-sizing:border-box}
#cocosLoading .boot-kicker{font-size:14px;letter-spacing:7px;font-weight:800;color:#a08bbb;margin-bottom:10px}
#cocosLoading h1{margin:0;color:#8066ae;font-size:clamp(34px,6vw,64px);line-height:1.2;letter-spacing:5px;text-shadow:0 3px 0 #fff7fb,0 5px 12px #b995ce38}
#cocosLoading .boot-tagline{font-size:clamp(12px,1.6vw,17px);margin:14px 0 28px;letter-spacing:2px;color:#917eaa}
#cocosLoading #cocosLoadingImg{width:min(480px,76vw);max-height:28vh;object-fit:contain;margin:0 auto 22px;filter:drop-shadow(0 10px 10px #9977b020)}
#cocosLoading .boot-dots{display:flex;gap:9px;height:18px;align-items:center}
#cocosLoading .boot-dots i{display:block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee2ff,#b797d1 68%,#9478b3);box-shadow:0 2px 4px #8674a326;animation:boot-breathe 1.5s ease-in-out infinite}
#cocosLoading .boot-dots i:nth-child(2){background:radial-gradient(circle at 30% 25%,#ffe9f1,#e6adc7 68%,#ca91ae);animation-delay:.18s}#cocosLoading .boot-dots i:nth-child(3){background:radial-gradient(circle at 30% 25%,#e2ffff,#89c9c3 68%,#69aaa9);animation-delay:.36s}
#cocosLoading .boot-caption{font-size:13px;letter-spacing:1px;margin:12px 0 0;color:#7d6898}
@keyframes boot-breathe{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}
@media(max-height:440px){#cocosLoading .boot-content{padding:12px}#cocosLoading h1{font-size:32px}#cocosLoading .boot-tagline{margin:8px 0 12px}#cocosLoading #cocosLoadingImg{max-height:30vh;margin-bottom:8px}#cocosLoading .boot-kicker{margin-bottom:4px;font-size:11px}}
@media(max-width:600px){#cocosLoading .boot-pearl:nth-child(1){left:6%;top:16%}#cocosLoading .boot-pearl:nth-child(2){right:7%;top:12%}#cocosLoading .boot-pearl:nth-child(3){right:6%;bottom:13%}}
@media(prefers-reduced-motion:reduce){#cocosLoading .boot-dots i{animation:none;opacity:.8}}
canvas {touch-action:none}
#minis-room-guide{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:clamp(16px,4vw,64px);box-sizing:border-box;background:radial-gradient(ellipse at 14% 15%,#ffedf6 0,transparent 55%),linear-gradient(145deg,#e8e3fb,#d9eff6);color:#073781;font:18px/1.65 "Microsoft YaHei",Arial,sans-serif;overflow:auto}
.minis-room-guide-card{display:flex;align-items:center;gap:clamp(20px,4vw,56px);width:min(880px,100%);padding:clamp(20px,4vw,48px);box-sizing:border-box;border:2px solid white;border-radius:32px;background:#ffffffa8;box-shadow:0 15px 0 #b5cddd80,0 25px 60px #65799725}
.minis-room-guide-card img{width:25%;max-height:320px;object-fit:contain;flex:none}
.minis-room-guide-card h1{font-size:clamp(24px,3vw,36px);line-height:1.35;margin:10px 0 20px}
.minis-room-guide-card p{margin:12px 0}
.minis-room-guide-kicker{font-size:15px;font-weight:700;color:#8263a8;letter-spacing:.06em}
.minis-room-guide-objective{padding:14px 18px;border-radius:16px;background:#dcedf7;color:#315d8b}
.minis-room-guide-card [data-status]{font-size:15px;color:#61748a}
.minis-room-guide-card button{font:700 19px/1.4 "Microsoft YaHei",Arial,sans-serif;border:1px solid #86b4e3;border-radius:16px;padding:14px 28px;color:white;background:linear-gradient(#5894e1,#2555a0);box-shadow:0 5px 0 #1f4277;cursor:pointer;margin-top:12px}
.minis-room-guide-card button:disabled{opacity:.7;cursor:wait}
@media(max-width:600px){.minis-room-guide-card{flex-direction:column;gap:8px;text-align:center}.minis-room-guide-card img{width:110px;height:155px}.minis-room-guide-card p{font-size:15px}.minis-room-guide-card button{width:100%}}
/* Localized titles wrap within the boot safe area; Arabic uses native connected glyphs. */
#cocosLoading .boot-content{width:min(96vw,920px);text-align:center}
html:not([lang="zh-CN"]) #cocosLoading h1{font-size:clamp(24px,4.5vw,54px);letter-spacing:.02em;overflow-wrap:anywhere}
#cocosLoading .boot-tagline,#cocosLoading .boot-caption{max-width:90vw;overflow-wrap:anywhere}
html[dir="rtl"] #cocosLoading h1,html[dir="rtl"] #cocosLoading p,html[dir="rtl"] #huaxi-brand{letter-spacing:0;font-family:Tahoma,Arial,sans-serif}
#huaxi-brand {position:fixed;left:12px;bottom:7px;z-index:99;pointer-events:none;padding:5px 12px;border-radius:12px;border:1px solid #c6d7ed88;background:linear-gradient(135deg,#dce9f4dd,#dfdff5dd);color:#465d91;box-shadow:0 2px 7px #263d6322;font:700 11px/1.2 "Microsoft YaHei",sans-serif;letter-spacing:2px;white-space:nowrap}
#huaxi-brand img{width:63px;height:auto;max-height:22px;object-fit:contain}
@media(max-width:600px){#huaxi-brand{bottom:2px;left:3px;font-size:7px;padding:2px 5px;gap:4px}#huaxi-brand img{width:39px}}

/* Shared guide body scale follows the game canvas. */
#minis-room-guide{font-size:var(--huaxi-guide-body,18px);line-height:1.5}
.minis-room-guide-card h1{font-size:1.3em;line-height:1.4}
.minis-room-guide-card p,.minis-room-guide-card [data-status],.minis-room-guide-kicker{font-size:1em;line-height:1.5}
.minis-room-guide-card button{font-size:1em}
@media(max-width:600px){.minis-room-guide-card{padding:20px}.minis-room-guide-card p{font-size:1em}.minis-room-guide-card img{width:88px;height:116px}}

/* Match the shared pearl speech panels. */
#minis-room-guide p,#minis-room-guide h1,#minis-room-guide .room-guide-status,#minis-room-guide .room-guide-kicker{color:#654782;font-weight:700}