
/* v0.5: broadcast canvas, spectator commands, host-only controls. */
.art-icon{display:inline-block;background-image:url('art/v5/items.png');background-size:400% 400%;background-position:calc(var(--ix)*100%/3) calc(var(--iy)*100%/3);width:48px;height:48px;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 3px #25152b55)}
#giftSeal,#viewerRoster,.impact-banner{display:none!important}
#giftRibbon{position:absolute;left:32px;right:32px;top:78px;display:flex;justify-content:space-between;z-index:7;pointer-events:none}.gift-token{width:53px;text-align:center;filter:saturate(.75);position:relative}.gift-token .art-icon{width:44px;height:44px}.gift-token small{display:block;font:10px var(--serif);color:#ffeccc;text-shadow:0 1px 3px #000,0 1px 3px #000;margin-top:-1px}.gift-token.on{filter:saturate(1.3) drop-shadow(0 0 5px #fce89a)}
.scene-top{top:144px!important}.scene-top h2{font-size:25px!important;letter-spacing:3px!important}.scene-top p{font-size:9px!important;margin-top:4px!important}.boss-hud{top:211px!important}.boss-hud>div:first-child{font-size:11px!important}#storyObjective{top:249px;left:90px;right:90px;font-size:11px}.journey-card{top:282px}.command-panel{top:428px;right:15px;gap:17px}.command b{background:radial-gradient(#7d6443dd,#1f242bdd)}.command-panel .command{width:42px}.command-panel .command b{width:38px;height:38px}.command-panel .command span{font-size:9px}
#nameplates{position:absolute;inset:0;pointer-events:none;z-index:5}.nameplate{position:absolute;transform:translate(-50%,-100%);width:116px;display:flex;justify-content:center;gap:3px;align-items:center;color:#fff3d1;text-shadow:0 1px 3px #132833,0 1px 3px #132833;font-family:var(--serif);background:linear-gradient(90deg,transparent,#142733cc 20%,#142733cc 80%,transparent);padding:2px 5px;border-radius:4px;line-height:1.15;will-change:left,top}.nameplate>div{min-width:0}.nameplate strong{display:block;max-width:79px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.nameplate small{display:block;font-size:8px;color:#ffe79a;white-space:nowrap}.nameplate span:not(.face){font:9px Georgia}.face{width:36px;height:36px;position:relative;border:1px solid #e8c875;box-shadow:0 0 0 2px #60452a66;border-radius:50%;background:radial-gradient(#a68c59,#2b493d);display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;color:#fff6d9}.face em{font-style:normal;font-size:17px}.face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nameplate .face{width:25px;height:25px}.nameplate .face em{font-size:12px}.nameplate.small{width:88px;padding:1px 3px}.nameplate.small strong{font-size:8px;max-width:59px}.nameplate.small small{font-size:6px}.nameplate.small span:not(.face){font-size:7px}.nameplate.small .face{width:20px;height:20px}.xp-mini{display:inline-block;width:29px;height:2px;background:#325e60;vertical-align:middle}.xp-mini b{display:block;height:100%;background:#7eedd7}.combo-mini{position:absolute;left:14px;right:14px;bottom:-2px;height:2px;background:linear-gradient(90deg,#ffe597 var(--charge),#3a536555 var(--charge))}
#cultivationTitle{display:none;position:absolute;top:151px;left:145px;right:145px;text-align:center;font:bold 24px var(--serif);letter-spacing:5px;color:#513916;text-shadow:0 2px 1px #fff9d5;z-index:5}#cultivationTitle small{display:block;letter-spacing:2px;font:11px Georgia;margin-top:4px;color:#34515b}
.cultivation-mode .scene-top,.cultivation-mode .boss-hud,.cultivation-mode #storyObjective,.cultivation-mode .command-panel,.cultivation-mode .status-strip,.cultivation-mode .journey-card,.cultivation-mode #lootBadge,.cultivation-mode .difficulty-label,.cultivation-mode #stopBtn,.cultivation-mode #returnLobby{display:none!important}.cultivation-mode #cultivationTitle{display:block}.cultivation-mode .scene-grain{background:linear-gradient(0deg,#19333c99,transparent 14%,transparent 88%,#17455766);box-shadow:inset 0 0 50px #14363c33}.cultivation-mode header:before{background:linear-gradient(#fff8d8,#e4c17a 60%,#764f22);background-clip:text}.cultivation-mode .rail{background:linear-gradient(transparent,#102933bb);border-radius:10px}.cultivation-mode .nameplate{background:linear-gradient(90deg,transparent,#315f67cc 20%,#315f67cc 80%,transparent)}.cultivation-mode .combo-mini{display:none}.cultivation-mode #joinCue{top:982px;left:25px;right:225px;font-size:11px;letter-spacing:1px;color:#fff4d3}
.challenge-card #startBtn{top:969px;left:326px;width:180px;height:50px;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px;font-size:18px;letter-spacing:2px;border-radius:25px;background:linear-gradient(#967544,#452a27);box-shadow:inset 0 0 0 3px #deb97633,0 4px 12px #0004}.challenge-card #startBtn .art-icon{width:43px;height:43px}#returnLobby{position:absolute;top:985px;left:32px;z-index:7;color:#e4d0a5;background:#18252cbb;border:1px solid #9b8558;padding:7px 12px;border-radius:20px;font:12px var(--serif)}#stopBtn{display:none!important}.difficulty-label{top:950px;left:353px}.status-strip{top:925px;height:32px;left:100px;right:50px;gap:12px}.status-strip .bar{width:70px}.status-strip .status-icon{width:18px;height:18px;font-size:12px}.status-strip strong{font-size:9px}.status-strip>div{gap:4px}#joinCue{top:897px;font-size:12px;letter-spacing:1px}#lootBadge{top:932px;left:26px;width:57px;padding:0;border:0;background:none}#lootBadge .art-icon{width:35px;height:35px}#lootBadge b{font:11px Georgia}
#entryPanel{position:absolute;top:691px;left:80px;right:80px;z-index:9;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,transparent,#eee0a9f5 18%,#e3c481f5 82%,transparent);padding:15px 8px;border-top:1px solid #fff6c4;border-bottom:1px solid #bc8d42;filter:drop-shadow(0 8px 14px #102c3f);color:#462927;text-align:center}#entryPanel[hidden],#profilePeek[hidden]{display:none}#entryPanel .face{width:54px;height:54px}#entryPanel strong{display:block;font:bold 25px var(--serif);max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#entryPanel small{font-size:13px;display:block;color:#785727}#entryPanel span:not(.face){font-size:12px;display:block;margin-top:4px}
#profilePeek{position:absolute;left:90px;right:90px;top:435px;z-index:11;display:flex;gap:15px;padding:18px;background:linear-gradient(135deg,#244958ee,#152435f5);border:1px solid #bda770;box-shadow:0 8px 30px #0007;color:#f5e6bd;border-radius:12px;pointer-events:none}#profilePeek .face{width:64px;height:64px}#profilePeek small{display:block;font-size:11px;color:#dbc98b;margin:5px 0}#profilePeek strong{font-size:17px}#profilePeek .art-icon{width:38px;height:38px}
.panel:not(#battlePanel) .page-intro .eyebrow,.panel:not(#battlePanel) .info-note{display:none}.page-intro h2{font-size:25px;margin:0}.page-intro{margin-bottom:15px}.panel:not(#battlePanel){border-radius:16px;background:linear-gradient(135deg,#263d43f5,#161f2af5),url('art/v5/cultivation.png') center/cover;border:1px solid #c7ac70;padding:18px 13px}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stage-card{height:160px;min-height:160px;clip-path:none;border-radius:10px}.stage-card canvas.enemy-thumb{height:115px;top:4px}.stage-card h3{font-size:14px;bottom:18px;left:8px}.stage-card small{bottom:5px;left:8px}.stage-card .stage-num{font-size:14px;top:7px;left:8px}.chapter-tabs{margin:8px 0;gap:4px}.chapter-tabs button{padding:7px 2px}
.profile-summary{display:flex;gap:10px;align-items:center;padding:8px;color:#fae6b5}.profile-summary strong{display:block;font-size:15px}.profile-summary small{font-size:10px;display:block;margin-top:5px}.profile-summary>span:not(.face){margin-left:auto;font-size:11px}.profile-summary .art-icon{width:27px;height:27px}.weapon-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.weapon-card{position:relative;height:210px;border:1px solid #bda16b55;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#d8c59122,transparent 70%),#11222e;overflow:hidden}.weapon-card canvas{position:absolute;right:-13px;top:5px;width:135px;height:135px;opacity:.6}.weapon-card .weapon-large{position:absolute;top:27px;left:12px;width:110px;height:115px;filter:drop-shadow(0 0 9px #f6dfad77)}.weapon-card>b{position:absolute;left:15px;top:12px;font:17px Georgia;color:#ffe19b}.weapon-card h3{position:absolute;bottom:41px;left:12px;font:17px var(--serif)}.weapon-card>small{position:absolute;bottom:14px;left:12px;right:5px;font-size:9px;color:#d2c599}.weapon-card.locked{filter:saturate(.3);opacity:.65}.weapon-card.equipped{border-color:#f4d38b;box-shadow:inset 0 0 20px #ccb57222}.command-scroll{display:flex;gap:12px;margin:14px 0}.command-scroll>span{width:50%;padding:8px;background:#aa87541a;border:1px solid #d4b37244;border-radius:9px}.command-scroll b{font:22px var(--serif);margin-left:7px}.command-scroll small{display:block;font-size:9px;line-height:1.6;color:#d4c398}.material-bag{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.material-bag>div{text-align:center;background:#30403c66;border-radius:9px;padding:5px}.material-bag b{font:12px Georgia}.material-bag small{display:block;font-size:8px;line-height:1.4;color:#cdbd92}.material-bag .art-icon{width:38px;height:38px}
.podium-card{position:relative;border-radius:12px;background:radial-gradient(ellipse at top,#dcb66944,transparent),#162631;padding-top:40px}.podium-card>.art-icon{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:45px;height:45px}.podium-card>b{position:absolute;top:24px;left:10px;font-size:16px}.podium-card .face{width:49px;height:49px}.podium-card h3{font-size:12px;margin:7px 0}.podium-card small{display:block;font-size:8px;color:#dabf82}.podium-card span:not(.face){display:block;margin-top:5px}.ranking-table .face{width:24px;height:24px;margin-right:5px;vertical-align:middle}.ranking-table td{font-size:10px}
#resultDialog{width:415px;max-width:90vw;padding:22px 20px 16px;border-radius:22px;background:radial-gradient(ellipse at top,#b3956633,transparent 55%),linear-gradient(155deg,#233d4a,#171f2d);border:1px solid #d1b273;box-shadow:0 0 0 5px #b99b5122,0 30px 80px #0008;text-align:center}#resultDialog .close-dialog{display:none}#resultEmblem{height:115px;margin-top:-10px}#resultEmblem .art-icon{width:110px;height:130px}#resultTitle{font:bold 29px var(--serif);letter-spacing:5px;margin:0 0 8px;color:#f9df9f}#resultReward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin:4px 0 13px}#resultReward .art-icon{width:37px;height:37px}#resultReward strong{font-size:17px}#resultReward small{font-size:10px;width:100%;color:#cdb887}#resultRanks{display:flex;flex-direction:column;gap:7px}.result-row{display:flex;align-items:center;gap:10px;padding:7px 8px;background:linear-gradient(90deg,#cdab6544,#22394599);border:0;border-radius:9px;text-align:left}.result-row .rank-medal{font:23px Georgia;width:22px;text-align:center;color:#f6d785}.result-row .face{width:37px;height:37px}.result-row>div{flex:1;min-width:0}.result-row strong{display:block;font:14px var(--serif);color:#fff1ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row small{display:block;font-size:9px;color:#c7be9d;margin-top:3px}.result-row>span:last-child{font:13px Georgia;color:#f1d391}#nextRoundClock{margin:18px 0 10px;font:17px var(--serif);color:#f5dc9f}#continueBtn{background:none;border:0;border-bottom:1px solid #a8916c;padding:5px 10px;font:11px var(--serif);color:#c8c1a2;width:auto}#resultDialog::backdrop{backdrop-filter:blur(4px);background:#091c2977}

.challenge-card #startBtn span{display:inline!important}

#renderMetrics{position:absolute;left:25px;top:50px;font:10px monospace;color:#effff2;z-index:20}

#cultivationTitle{top:141px;left:160px;right:100px;font-size:18px;letter-spacing:3px;line-height:20px}#cultivationTitle small{display:inline;letter-spacing:0;margin-left:8px;font-size:10px}

#resultDialog{width:460px;max-width:none;transform:scale(var(--game-scale,1));transform-origin:center}
