.art-sprite { position:absolute;width:0;height:0;overflow:hidden; }
.illustrated-icon { width:100%;height:100%;filter:drop-shadow(0 3px 4px #0006); }
.gift-art > img.illustrated-icon { object-fit:contain; }
.hero-subtitle { display:flex;flex-direction:column;align-items:center;gap:8px;letter-spacing:4px;font-size:20px; }
.hero-brand-logo { display:block;width:270px;max-width:60%;height:auto; }
.site-logo img { width:210px; }
.hero-title-group::before { height:86px;margin-bottom:0; }
.hero-title.art-title { height:390px; }
.hero-title-group { margin:8px 0; }
.hero-content { padding-top:58px; }
.squad-wide .squad-slots { max-width:none;gap:26px; }
.group-member-meta { min-height:20px; margin:4px 0 12px; color:var(--text-muted); font-size:12px; text-align:center; letter-spacing:.5px; }
.squad-slot .avatar-icon { overflow:hidden; padding:0; }
.squad-slot .avatar-icon .job-avatar { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.action-avatar-diamond span.has-job-avatar { transform:none; }
.action-avatar-diamond span .action-job-avatar { display:block; width:100%; height:100%; padding:8px; box-sizing:border-box; object-fit:contain; transform:rotate(-45deg); }
.squad-slot .member-profession { display:block; font-size:11px; color:var(--text-muted); line-height:1.2; white-space:nowrap; }
.legion-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:14px 0 18px; }
.legion-action-btn, .inline-copy-btn { border:1px solid rgba(109,184,239,.38); border-radius:4px; padding:7px 12px; color:var(--ice-light); background:rgba(45,104,151,.2); cursor:pointer; }
.legion-action-btn:hover, .legion-action-btn:focus-visible, .inline-copy-btn:hover, .inline-copy-btn:focus-visible { background:rgba(74,150,210,.35); }
.legion-code-readout, .legion-points-readout { color:var(--text-muted); font-size:12px; }
.legion-points-readout { margin-left:auto; }
.ranking-empty { padding:22px 12px; color:var(--text-muted); text-align:center; }
.qual-status { margin-left:6px; padding:2px 6px; border-radius:10px; font:500 11px/1.4 'Noto Sans SC',sans-serif; color:var(--text-muted); background:rgba(255,255,255,.08); vertical-align:middle; }
.qual-status.qualified { color:#a9f0c8; background:rgba(86,214,150,.15); }
.qual-status.claimed { color:#ffe7a0; background:rgba(213,168,74,.18); }
.login-status { width:100%; margin-top:8px; color:var(--text-muted); font-size:12px; text-align:center; }
.reservation-status { width:100%; margin-top:6px; color:var(--text-muted); font-size:12px; text-align:center; }
.login-link { border:0; padding:0; color:var(--ice-light); background:none; text-decoration:underline; cursor:pointer; }
.action-form { display:grid; gap:6px; margin:14px auto 0; max-width:300px; text-align:left; }
.action-form[hidden] { display:none !important; }
.action-form label { color:var(--text-secondary); font-size:12px; }
.action-form input { width:100%; box-sizing:border-box; border:1px solid rgba(139,192,237,.45); border-radius:4px; padding:9px 10px; color:#fff; background:rgba(8,18,33,.75); outline:none; }
.action-form input:focus { border-color:var(--ice-light); box-shadow:0 0 0 2px rgba(90,178,255,.15); }
.inline-copy-btn { justify-self:start; font-size:12px; }
.claim-reward-btn { display:block; margin:16px auto 0; }
.footer-link { text-decoration:none; }
.squad-wide .action-bar { max-width:none; }
.squad-wide .reward-box { max-width:none;display:flex;gap:24px;padding:20px 28px; }
.squad-wide .full-squad-label { max-width:none; }
.squad-wide .reward-icon { width:85px;height:85px;background:none;box-shadow:none;flex-shrink:0; }
.squad-wide .reward-icon svg { width:85px;height:85px; }
.squad-wide .reward-info { display:grid;grid-template-columns:auto 1fr;gap:8px 20px;align-items:center; }
.squad-wide .reward-tag { grid-column:1; margin:0; }
.squad-wide .reward-name { grid-column:2; }
.squad-wide .reward-desc { grid-column:1 / -1; }
.points-overview.points-feedback { display:flex;flex-direction:column;gap:32px; }
.points-feedback .points-block { width:100%; }
.points-feedback .squad-progress { border-top:1px solid #8ac7e64d;padding-top:24px; }
.points-feedback .squad-progress .points-tiers { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.points-feedback .squad-progress .tier-item { display:flex;flex-direction:column;text-align:center;gap:12px;padding:22px 14px; }
.points-feedback .squad-progress .tier-info { min-width:0; }
.points-feedback .tier-badge { width:64px;height:64px;background:none;border:0;box-shadow:none;flex-shrink:0; }
.points-feedback .tier-badge svg { width:64px;height:64px; }
.points-feedback .squad-progress .tier-status { margin-top:auto; }
.points-feedback .personal-progress .tier-item { gap:20px; }
.task-reward-group.card { overflow:visible;position:relative;margin-top:46px; }
.task-reward-group.card::before { background:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/d1.png') center/100% auto no-repeat;width:210px;height:34px;left:50%;right:auto;top:-17px;transform:translateX(-50%);opacity:1; }
.task-reward-group .task-list { grid-template-columns:repeat(5,minmax(0,1fr));gap:14px; }
#panel-once.task-reward-group .task-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.task-reward-group .reward-task { display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px 12px;gap:12px;min-width:0; }
.reward-task .task-icon.task-art,.reward-task .task-icon.platform-brand { width:76px;height:76px;background:radial-gradient(ellipse at bottom,#a1a6df22,transparent 70%);border:0;box-shadow:none;border-radius:0; }
.reward-task .task-icon.task-art svg,.reward-task .platform-brand svg { width:76px;height:76px; }
.reward-task .task-points { text-align:center; }
.reward-task .task-body { min-height:92px;flex:1; }
.reward-task .task-name { font-size:16px; }
.reward-task .task-btn { margin-top:auto; }
.brand-tap { color:#28d5c0;font-weight:800;font-family:Arial,sans-serif;font-size:21px;letter-spacing:-1px; }
.brand-douyin { color:#fff;font-size:75px;font-weight:900;line-height:1;text-shadow:-3px -2px #28f0e8,3px 2px #ff3965; }
.follow-achievement { text-align:center;font-size:16px;color:#adc9dc;line-height:1.8;margin:20px 0 4px; }
.follow-achievement strong { color:#e1c6ff; }
.legion-stacked .legion-reward-item { padding:22px 12px; }
.legion-stacked .legion-reward-content { width:100%; }
.gift-pair { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.gift-item { min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px; }
.gift-item strong { font-size:14px;color:#dec9a4; }
.gift-art { width:100%;max-width:115px;aspect-ratio:1;padding:12px;border:1px solid #84a8bb88;background:radial-gradient(circle,#8b85bb29,#101e30);position:relative; }
.gift-art::after { content:'';position:absolute;inset:4px;border:1px solid #bcd5e533;pointer-events:none; }
.legion-stacked .legion-reward-num { order:3;flex-direction:row;justify-content:center;gap:6px;margin-top:8px; }
.legion-stacked .legion-reward-num .n { font-size:24px; }
.legion-stacked .legion-reward-num .u { font-size:16px; }
.ranking-podium { display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:24px;align-items:end;margin:30px auto;max-width:900px; }
.legion-stacked .ranking-podium .ranking-row { display:flex;flex-direction:column;gap:10px;text-align:center;border:1px solid #93bed088;padding:24px 12px 20px;border-radius:12px 12px 0 0;background:linear-gradient(150deg,#23334e,#101c2d);min-width:0; }
.legion-stacked .ranking-podium .place-1 { padding-top:32px;padding-bottom:32px;background:linear-gradient(155deg,#534a39,#1c283d 65%);border-color:#e4c988;box-shadow:0 0 24px #cab27122; }
.podium-emblem { width:84px;height:84px; }
.place-1 .podium-emblem { width:108px;height:108px; }
.podium-label { font-family:'Noto Serif SC',serif;color:#d5e4ed;font-size:18px; }
.place-1 .podium-label { color:#f1dba6;font-size:21px; }
.ranking-podium .rank-num { display:none; }
.ranking-podium .rank-legion { flex:none; }
.ranking-podium .rank-score { font-size:23px; }
.ranking-podium .rank-members { order:5; }
@media(max-width:1100px) and (min-width:820px) {
 .task-reward-group.task-panel { padding:24px 18px; }
 .task-reward-group .task-list { gap:8px; }
 .task-reward-group .reward-task { padding:15px 8px 10px; }
 .reward-task .task-name { font-size:15px; }
 .reward-task .task-desc { font-size:13px; }
}
@media(max-width:819px) {
 .hero-subtitle { font-size:15px;letter-spacing:2px; }
 .hero-brand-logo { width:190px; }
 .site-logo img { width:130px; }
 .hero-title-group::before { height:55px; }
 .hero-title.art-title { height:clamp(158px,51vw,230px); }
 .squad-wide .squad-slots { gap:8px; }
 .squad-wide .reward-box { padding:16px 12px;gap:12px; }
 .squad-wide .reward-icon,.squad-wide .reward-icon svg { width:58px;height:58px; }
 .squad-wide .reward-info { display:block; }
 .squad-wide .reward-name { margin:7px 0; }
 .points-feedback .squad-progress .points-tiers { grid-template-columns:1fr;gap:12px; }
 .points-feedback .squad-progress .tier-item { flex-direction:row;flex-wrap:wrap;text-align:left;padding:16px 12px; }
 .points-feedback .squad-progress .tier-status { margin-left:auto; }
 .task-reward-group .task-list,#panel-once.task-reward-group .task-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
 .task-reward-group .reward-task { padding:16px 10px 10px; }
 .reward-task .task-name { font-size:15px; }
 .reward-task .task-desc { font-size:13px; }
 .reward-task .task-body { min-height:88px; }
 .legion-stacked .legion-reward-item { display:flex;flex-direction:column;text-align:center;padding:20px 16px; }
 .legion-stacked .tier-status { align-self:center; }
 .gift-art { max-width:120px; }
 .ranking-podium { gap:8px;margin-top:20px; }
 .legion-stacked .ranking-podium .ranking-row { padding:16px 5px 12px;gap:8px; }
 .legion-stacked .ranking-podium .place-1 { padding-top:24px;padding-bottom:22px; }
 .podium-emblem { width:48px;height:48px; }
 .place-1 .podium-emblem { width:60px;height:60px; }
 .podium-label,.place-1 .podium-label { font-size:14px; }
 .ranking-podium .rank-legion { font-size:12px;white-space:normal; }
 .legion-stacked .ranking-podium .rank-score { font-size:16px; }
 .follow-achievement { font-size:14px; }
}

/* More breathing room around the corner logo; smaller illustrated icons. */
.site-logo { padding:12px 16px; }
.illustrated-icon { scale:.78; }
.reward-task .platform-brand > svg,
.reward-task .platform-brand > span { scale:.78; }
@media(min-width:820px) {
 .back-btn { top:122px;left:34px; }
}
@media(max-width:819px) {
 .site-logo { padding:8px; }
}

.hero-bg { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/bgrally.png'); background-position:center center; }

/* Glow follows the transparent cut-corner artwork instead of the button box. */
.reward-task .task-btn { position:relative;isolation:isolate;border-image:none;box-shadow:none;background:none;filter:none;transition:transform .15s ease; }
.reward-task .task-btn::before { content:'';position:absolute;inset:-10px;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimprimary.svg') 12 fill stretch;transition:filter .18s ease; }
.reward-task .task-btn:hover { box-shadow:none; }
.reward-task .task-btn:not(.done):hover::before,
.reward-task .task-btn:not(.done):focus-visible::before { filter:brightness(1.12) drop-shadow(0 0 3px #9de4ff99) drop-shadow(0 0 7px #5bbdff66); }
.reward-task .task-btn:not(.done):active { transform:translateY(1px); }
.reward-task .task-btn:not(.done):active::before { filter:brightness(1.22) drop-shadow(0 0 4px #a9ecffbb); }
.reward-task .task-btn.done { border-image:none;box-shadow:none; }
.reward-task .task-btn.done::before { border-image-source:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimsecondary.svg');filter:none; }

/* Lift the hero artwork away from the characters in the new background. */
.hero-title-group { position:relative;top:-48px; }
@media(max-width:819px) { .hero-title-group { top:-20px; } }

/* Ornament, main title, then supporting copy. */
.hero-title-group::before { background-size:72% auto; }
.hero-title-group .hero-subtitle { margin:0; }

/* Generated fantasy podium frames. */
.legion-stacked .ranking-podium .ranking-row { border:0;border-radius:0;box-shadow:none;background:transparent url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframesilver.png') center/100% 100% no-repeat;padding:55px 25px 38px; }
.legion-stacked .ranking-podium .place-1 { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframegold.png');padding-top:70px;padding-bottom:48px; }
.legion-stacked .ranking-podium .place-3 { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframeviolet.png'); }
@media(max-width:819px) {
 .ranking-podium { gap:2px;margin-left:-12px;margin-right:-12px; }
 .legion-stacked .ranking-podium .ranking-row { padding:36px 16px 26px; }
 .legion-stacked .ranking-podium .place-1 { padding-top:44px;padding-bottom:32px; }
}

.legion-entry { border-image-source:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimprimary.svg');color:#f0fbff;text-shadow:0 1px 3px #123452;font-weight:700;transition:filter .18s ease,transform .15s ease; }
.legion-membership-actions { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-left:auto; }
.legion-entry:hover,.legion-entry:focus-visible { filter:brightness(1.15) drop-shadow(0 0 5px #7cd7ff88); }
.legion-entry:active { transform:translateY(1px); }
.legion-upgrade { appearance:none; background:transparent; cursor:pointer; font:inherit; }
.legion-members-btn { appearance:none; background:transparent; cursor:pointer; font:inherit; }
.legion-upgrade[disabled] { cursor:not-allowed; filter:saturate(.45); opacity:.55; }
.legion-upgrade[disabled]:hover,.legion-upgrade[disabled]:focus-visible { filter:saturate(.45); }
.legion-upgrade[disabled]:active { transform:none; }
.hero-content { z-index:auto; }
.hero-title-group { top:-110px;z-index:4; }
.hero-top,.hero-meta { position:relative;z-index:6; }
.hero-characters { position:absolute;inset:0;z-index:5;pointer-events:none;background:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/herocharacters.png') center/cover no-repeat; }
@media(max-width:819px) { .hero-title-group { top:-38px; } }

.hero-bg { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/bgrallyclean.png'); }
.hero-characters { transform:translate3d(0,var(--character-offset,120px),0);will-change:transform; }
.legion-stacked .ranking-podium .ranking-row { position:relative;isolation:isolate;background:none; }
.legion-stacked .ranking-podium .ranking-row::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/framesilver.png') center/100% 100% no-repeat;mix-blend-mode:screen; }
.legion-stacked .ranking-podium .place-1::before { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/framegold.png'); }
.legion-stacked .ranking-podium .place-3::before { background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/frameviolet.png'); }
@media(prefers-reduced-motion:reduce) { .hero-characters { will-change:auto; } }
.activity-video-region { clip-path:inset(0); }
.activity-video-backdrop { display:block;position:fixed;inset:0;z-index:0;background:#080d1b url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/sectionsposter.jpg') center/cover no-repeat; }
.activity-video-backdrop video { width:100%;height:100%;object-fit:cover;object-position:center;opacity:1; }
.activity-video-backdrop::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,#040c1855,#040b1866); }
.activity-video-region .section { background:transparent!important; }

/* Explicit luminance masks remove the black plate without blend-mode dependence. */
.legion-stacked .ranking-podium .ranking-row::before { mix-blend-mode:normal;mask-mode:luminance;mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat; }
.legion-stacked .ranking-podium .ranking-row::before { mask-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframesilver.png'); }
.legion-stacked .ranking-podium .place-1::before { mask-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframegold.png'); }
.legion-stacked .ranking-podium .place-3::before { mask-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/rankframeviolet.png'); }

/* Mobile foreground uses the full-width composition instead of cover cropping. */
@media(max-width:819px) {
 .hero-characters { top:auto;right:0;bottom:0;left:0;height:100vw;background-size:100% auto;background-position:center bottom;transform:translate3d(0,var(--character-offset,0px),0); }
 .hero::after { content:'';position:absolute;inset:60% 0 0;z-index:5;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(8,13,27,.12) 35%,rgba(8,13,27,.8) 80%,#080d1b 100%); }
}
@media(max-width:819px){
 .hero::after{inset:52% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(8,13,27,.15) 35%,rgba(8,13,27,.94) 64%,#080d1b 82%);}
}
@media(max-width:819px){.hero::after{background:linear-gradient(180deg,transparent 0%,rgba(8,13,27,.2) 20%,#080d1b 46%);}}

.legion-members-modal { height:80vh; max-height:80vh; box-sizing:border-box; overflow:hidden; }
.legion-members-modal[open] { display:flex; flex-direction:column; }
.legion-members-modal .legion-members-hint { margin:6px 0 20px; color:#a6bfd2; font-size:14px; }
.legion-members-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; min-height:0; flex:1 1 auto; align-content:start; overflow-y:auto; padding:4px 8px 8px 0; text-align:left; scrollbar-color:#6096b8 #0c1a2c; }
.legion-member-card { display:flex; align-items:center; gap:12px; min-width:0; padding:10px; border:1px solid #6d95ad88; border-radius:10px; background:linear-gradient(135deg,#1d3850aa,#081525aa); box-shadow:inset 0 0 0 1px #d5f2ff12; }
.legion-member-avatar { flex:0 0 58px; width:58px; height:58px; overflow:hidden; border:1px solid #85b4cc; border-radius:8px; background:radial-gradient(circle at 50% 20%,#36506b,#091425); box-shadow:inset 0 0 0 3px #0e1d30,0 0 10px #57bfff33; }
.legion-member-avatar img { display:block; width:100%; height:100%; object-fit:contain; }
.legion-member-info { display:flex; flex-direction:column; gap:6px; min-width:0; }
.legion-member-info strong { overflow:hidden; color:#e5f4ff; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.legion-member-info span { color:#a6bfd2; font-size:12px; white-space:nowrap; }
.legion-members-empty { grid-column:1/-1; padding:44px 12px; color:#a6bfd2; text-align:center; }
@media(max-width:819px) { .legion-membership-actions { width:100%; margin-left:0; justify-content:center; flex-wrap:wrap; } }
@media(max-width:520px) { .legion-members-modal { height:80vh; max-height:80vh; padding:20px; } .legion-members-list { grid-template-columns:1fr; gap:12px; padding-right:2px; } }
/* Soft translucent podium color rises from the foot of each frame. */
.legion-stacked .ranking-podium .ranking-row::after{content:'';position:absolute;inset:7% 7% 5%;z-index:-2;pointer-events:none;background:linear-gradient(0deg,rgba(102,179,230,.22),rgba(76,151,213,.06) 40%,transparent 72%);}
.legion-stacked .ranking-podium .place-1::after{background:linear-gradient(0deg,rgba(235,175,62,.35),rgba(205,145,40,.10) 38%,transparent 75%);}
.legion-stacked .ranking-podium .place-3::after{background:linear-gradient(0deg,rgba(174,134,225,.23),rgba(146,112,201,.06) 40%,transparent 72%);}
.legion-stacked .ranking-podium .ranking-row::before{filter:brightness(1.4) drop-shadow(0 0 1px #9bdcff);}
.legion-stacked .ranking-podium .place-3::before{filter:brightness(1.4) drop-shadow(0 0 1px #d9b8ff);}
.legion-stacked .ranking-podium .place-1::before{background-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/framegoldv2.png');mask-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/framegoldv2.png');filter:brightness(1.12) drop-shadow(0 0 1px #ffdb88);}
.legion-stacked .ranking-podium .place-1::after{inset:9% 12% 9%;}