#raidButton{color:#ebd1ff;border-color:#ac8ac6;background:linear-gradient(#554765,#342d49);min-height:42px;font-size:13px}
#raidButton.raid-unlocked{box-shadow:0 0 0 1px #dac0e455,0 0 12px #b28dde44}
.raid-panel{position:absolute;z-index:38;inset:18px 10%;max-width:490px;margin:auto;padding:16px;background:linear-gradient(155deg,#302d49,#152e2a 80%);border:1px solid #b69ac3;border-radius:16px;box-shadow:0 12px 60px #050f1ec9;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;color:#efe8d4}
.raid-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:#c6bdd9;padding-bottom:10px;border-bottom:1px solid #9785b344}
.raid-panel>header button{width:34px;height:34px;font-size:22px;background:#ffffff0a;border:1px solid #a693bd55;border-radius:8px;box-shadow:none}
.raid-banner{text-align:center;padding:16px 6px 12px;background:radial-gradient(ellipse at 50% 35%,#7770ad32,transparent 70%)}
.raid-banner>span{font-size:10px;letter-spacing:3px;color:#cbb7e9}
.raid-crest{font-size:58px;line-height:1.15;color:#efdaa4;text-shadow:0 0 25px #c298ed99;margin:6px 0}
.raid-banner h2{font-size:26px;line-height:1.3;color:#f6e2b4;margin:5px 0 8px}
.raid-banner p{font-size:12px;line-height:1.6;color:#c4bfcc;margin:0 auto;max-width:330px;word-break:keep-all}
.raid-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;list-style:none;margin:5px 0 14px;padding:0}
.raid-route li{display:flex;gap:7px;align-items:center;padding:10px 7px;background:#101e2566;border:1px solid #786c8b55;border-radius:8px;font-size:12px}
.raid-route li>b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#81709c44;color:#d5c1e7;flex-shrink:0}
.raid-route small{display:block;color:#a8a5b2;font-size:9px;line-height:1.5;margin-top:4px}
.raid-route li.current{border-color:#dfba85;background:#73604233}.raid-route li.done{border-color:#92bc8b;color:#c5e4ad}.raid-route li.done>b{background:#789a5244;color:#d0efab}
.raid-reward{display:flex;gap:13px;align-items:center;padding:14px;background:linear-gradient(110deg,#6f5a4938,#48395e55);border:1px solid #d6ba814f;border-radius:11px}
.raid-reward-icon{display:grid;place-items:center;width:52px;height:58px;flex-shrink:0;font-size:36px;color:#ffe4a0;border:1px solid #bc9bcc88;border-radius:12px;background:radial-gradient(#725d9166,#261d3966)}
.raid-reward small{font-size:10px;color:#b9aecb}.raid-reward h3{font-size:21px;color:#f8df9a;margin:4px 0}.raid-reward p{font-size:11px;line-height:1.6;color:#cec4d8;margin:0}
.raid-note{text-align:center;font-size:11px;line-height:1.7;color:#a9baa7;margin:12px 0}
.raid-primary{width:100%;min-height:46px;padding:10px;border:1px solid #f0d2a0;border-radius:9px;background:linear-gradient(#ead296,#c4a96f);color:#303b30;box-shadow:0 3px #0d211d;font-size:16px}
.raid-retreat{width:100%;min-height:36px;background:transparent;border:0;box-shadow:none;margin-top:7px;color:#bdb1c9;font-size:12px}
.raid-progress{position:absolute;top:99px;left:10px;right:10px;z-index:8;padding:7px 8px;border:1px solid #aa8cbe66;border-radius:7px;background:#292640e8;color:#dbc5e9;font-size:11px;text-align:center}
.in-raid .boss-hud{top:138px}.in-raid .danger-banner{top:201px}
.raid-skill{position:absolute;left:10px;bottom:116px;z-index:8;min-height:26px;padding:4px 8px;border-radius:6px;border:1px solid #bda38377;background:#302d40e8;color:#f3dca4;font-size:10px;box-shadow:none}
.in-raid #worldStage{background:#181426}.in-raid .map-title>span:first-child{color:#ddc1ef}
.ui-panel-open .raid-progress{visibility:hidden}
@media(max-width:620px),(max-width:960px) and (pointer:coarse){
 .viewport{grid-template-areas:'hud' 'region' 'raid' 'boss' 'danger' 'world' 'shop' 'activity' 'skills' 'special' 'equip' 'actions'}
 .viewport .game-bottom:has(#raidButton:not(.hidden)){grid-template-columns:repeat(4,minmax(0,1fr))}
 .game-bottom #raidButton{min-width:0;width:100%;height:44px;font-size:13px;border-radius:8px;padding:4px;display:flex;justify-content:center;align-items:center;white-space:nowrap}
 .viewport .raid-progress{position:relative;inset:auto;grid-area:raid;margin:0 8px 6px;font-size:10px;line-height:1.5;padding:6px 3px}
 .viewport.in-raid .boss-hud{top:auto}.viewport.in-raid .danger-banner{top:auto}
 .viewport .raid-skill{position:relative;inset:auto;grid-area:special;width:auto;margin:6px 8px 0;height:27px;font-size:11px;text-align:center;background:linear-gradient(90deg,#283c35,#3e3652,#283c35)}
 .raid-panel{inset:8px;max-width:none;padding:12px;border-radius:12px;max-height:none}
 .raid-panel>header{font-size:13px}.raid-banner{padding:12px 4px 10px}.raid-banner h2{font-size:23px}.raid-crest{font-size:48px}.raid-banner>span{font-size:9px}.raid-banner p{font-size:11px}
 .raid-route{gap:5px}.raid-route li{display:block;text-align:center;padding:8px 3px;font-size:11px}.raid-route li>b{margin:0 auto 5px}.raid-route small{font-size:9px}
 .raid-reward{padding:11px;gap:10px}.raid-reward h3{font-size:20px}.raid-reward p{font-size:10px}.raid-note{font-size:10px;margin:10px 0}
}