/* Grand Fantasia Dawnfall · Midnight Tech · 2026 */
html{scroll-behavior:smooth;scroll-padding-top:30px}
.public-page{--bg:#080f23;--surface:#10192c;--surface-2:#172137;--text:#f6f1e9;--muted:#a4afc4;--accent:#ffa654;--accent-strong:#ffc788;--line:rgba(160,182,221,.13);background:radial-gradient(ellipse at 94% 22%,#29182780,transparent 35%),radial-gradient(ellipse at 1% 46%,#13284d70,transparent 35%),#080f23;color:var(--text);font-family:"Segoe UI",Arial,"Microsoft JhengHei",sans-serif;line-height:1.5}
.public-page .page-shell{overflow:hidden}
/* Keep navigation above the hero decorations that extend into the header. */
.site-header{position:relative;z-index:10;height:100px;width:min(1360px,calc(100% - 64px));gap:26px}
.brand img{width:162px;height:auto;display:block}
.nav{gap:4px;margin-left:auto}
.nav a,.nav-form button{font-size:13px;border-radius:7px;padding:10px 13px;color:#abb6cc;font-weight:600;white-space:nowrap}
.nav a.current{color:#ffb875;background:#ffa6540a;border-bottom:1px solid #ff914c}
.nav .nav-join{border:1px solid #f9955945;color:#ffc18b;background:linear-gradient(120deg,#ff8c3810,#912b221c);margin-left:12px}
.nav .nav-join:hover{border-color:#ffa654;background:#ff8c3820}
.language-switch{display:flex;gap:2px;padding:5px;background:#111a2d;border:1px solid #a4b4d01a;border-radius:8px}
.language-switch a{font-size:10px;font-weight:750;color:#96a4bd;border-radius:4px;padding:6px 5px;min-width:26px;text-align:center}
.language-switch a[aria-current]{color:#ffbb7b;background:#ff9d4d17}
.menu-toggle{display:none;border:1px solid #a4b4d02a;padding:9px;border-radius:6px;background:#111a2d;width:38px;height:36px;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:1px;background:#ffc18b;margin:4px 0}
.skip-link{position:fixed;top:-60px;left:20px;padding:12px 20px;background:#ffa654;color:#080f23;z-index:20;border-radius:6px}
.skip-link:focus{top:10px}
.icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #ffb875;outline-offset:4px}
.public-page .content{width:min(1280px,calc(100% - 64px));padding:0 0 65px}
.public-page .eyebrow{font-size:10px;letter-spacing:.18em;color:#ffb875;font-weight:700;display:inline-flex;gap:9px;align-items:center}
.public-page h1,.public-page h2,.public-page h3{font-family:Georgia,"Times New Roman","Microsoft JhengHei",serif;font-weight:500;letter-spacing:-.02em;line-height:1.18}
.dawn-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:435px;position:relative;isolation:isolate;margin:0 -50px;padding:48px 50px 44px;gap:35px}
.dawn-hero:before,.dawn-hero:after,.hero-stars,.hero-orbit,.logo-halo{pointer-events:none}
.dawn-hero:before{content:"";position:absolute;z-index:-2;inset:-100px -100px -25px;background:radial-gradient(ellipse at 75% 55%,#611f2a77,transparent 29%),radial-gradient(ellipse at 69% 36%,#e27c302a,transparent 30%),radial-gradient(ellipse at 72% 55%,#193567aa,transparent 46%)}
.dawn-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ffae6330,transparent)}
.hero-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#ffc98b80 1px,transparent 1.5px),radial-gradient(circle,#d6e4ff70 .7px,transparent 1px);background-size:127px 111px,183px 171px;background-position:77px 12px,41px 59px;mask-image:linear-gradient(90deg,transparent 22%,#000 90%);opacity:.55}
.hero-orbit{position:absolute;width:430px;height:430px;right:85px;top:-4px;border:1px solid #ffbc7020;border-radius:50%;z-index:-1;box-shadow:0 0 0 28px #ffc67804,0 0 0 29px #ffbc7010;transform:rotate(-25deg)}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:8px;height:8px;background:#ffc17e;border-radius:50%;top:15%;left:14%;box-shadow:0 0 22px #ffa85b}
.hero-orbit:after{top:auto;left:auto;right:10%;bottom:15%;width:4px;height:4px}
.hero-copy h1{font-size:clamp(36px,3.6vw,53px);max-width:530px;margin:18px 0 20px;line-height:1.1;color:#fff3df;text-wrap:balance}
.hero-copy>p{font-size:14px;line-height:1.8;max-width:480px;color:#b0b9cc;margin:0}
.public-page .hero-actions{margin-top:28px;gap:12px}
.public-page .button{min-height:47px;border-radius:7px;gap:16px;font-size:12px;letter-spacing:.02em;transition:background .2s,border-color .2s,transform .2s}
.public-page .button.primary{background:linear-gradient(120deg,#ffc17a,#f68a43 55%,#d34b34);color:#2d1420;border:1px solid #ffb36d;box-shadow:0 4px 24px #f1743025}
.public-page .button.primary:hover{transform:translateY(-2px);background:linear-gradient(120deg,#ffd198,#ffac63,#e87042)}
.public-page .button.ghost{background:#10213b40;border-color:#b7c5dd29;color:#e1e7f2}
.hero-status{display:flex;align-items:center;gap:13px;margin-top:24px;font-size:10px;color:#8f9ab0}
.state-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #a2b4d82a;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:650;white-space:nowrap;color:#b8c3d5;background:#16203680}
.state-pill i{width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.state-pill.online,.state-pill.alive{color:#86d8bc;border-color:#67c9a937;background:#12363545}
.state-pill.online i,.state-pill.alive i{box-shadow:0 0 9px #67c9a9}
.state-pill.offline,.state-pill.not_alive{color:#e79992;border-color:#a1524b40;background:#51232833}
.state-pill.scheduled{color:#ffc48c;border-color:#b67b4635;background:#49332240}
.state-pill.ended{color:#91a0b8;border-color:#91a0b820;background:#111a2d}
.state-pill.unknown{color:#c7bba7;border-color:#c7bba72a}
.hero-art{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center}
.hero-art>img{position:relative;width:110%;height:auto;max-width:650px;filter:drop-shadow(0 16px 27px #0008)}
.logo-halo{position:absolute;width:280px;height:280px;background:radial-gradient(circle,#b34d3c30,#ce853810,transparent 70%);filter:blur(10px);border-radius:50%}
.art-caption{font-size:9px;letter-spacing:.34em;color:#cdb59c;margin-top:20px}
.world-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(115deg,#16223a88,#131b3088);border:1px solid var(--line);border-radius:9px;margin-top:22px;box-shadow:0 18px 36px #03081b40}
.world-strip>div{display:flex;align-items:center;gap:18px;padding:20px 24px;position:relative}
.world-strip>div:not(:last-child):after{content:"";width:1px;height:40px;background:var(--line);position:absolute;right:0}
.world-strip .icon{color:#cba175;width:24px;height:24px}
.world-strip small{color:#abb7cf;font-size:11px;display:block}
.world-strip b{display:block;font-size:23px;font-weight:650;letter-spacing:.02em;margin:3px 0 1px;font-variant-numeric:tabular-nums}
.world-strip em{font-size:8px;letter-spacing:.08em;color:#78869f;font-style:normal;display:block}
.refresh-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 42px;min-height:24px}
.refresh-meta{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:9px;color:#98a4bb}
.live-dot{width:4px;height:4px;border-radius:50%;background:#ffad67}
#refresh-data{border:0;background:transparent;padding:4px;color:#c2a180;cursor:pointer;border-radius:3px;line-height:1}
#refresh-data .icon{width:14px;height:14px}
#data-warning{font-size:11px;color:#e9b680;max-width:75%}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}
.section-heading h2{font-size:30px;margin:8px 0 0}
.section-heading p{color:#a2aec5;margin:10px 0 0;font-size:12px}
.month-label,.zone-tag{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;color:#c3ad96;font-size:10px;white-space:nowrap}
.month-label .icon,.zone-tag .icon{width:14px;height:14px}
.fame-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:19px;align-items:stretch}
.panel{border:1px solid var(--line);border-radius:9px;position:relative;background:linear-gradient(150deg,#14213b80,#111a2c);box-shadow:0 9px 30px #03081b30;overflow:hidden;min-width:0}
.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:9px}
.panel-head h2{font-family:"Segoe UI",Arial,"Microsoft JhengHei",sans-serif;font-size:13px;font-weight:650;margin:0;display:flex;align-items:center;gap:9px;letter-spacing:0}
.panel-head .icon{width:17px;height:17px;color:#ffb76f}
.tiny-label{font-size:9px;letter-spacing:.05em;color:#a4907a;white-space:nowrap}
.guild-panel{background:radial-gradient(ellipse at 50% 38%,#7048271a,transparent 70%),linear-gradient(160deg,#1d21337f,#111a2c);border-top-color:#ffb56b55;display:flex;flex-direction:column}
#guild-content,#healing-content{padding:24px 24px 14px;text-align:center;flex:1}
.guild-crest{width:102px;height:110px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;color:#ebad66;background:linear-gradient(145deg,#6f493326,#14233c);clip-path:polygon(0 0,50% 8%,100% 0,92% 72%,50% 100%,8% 72%);filter:drop-shadow(0 7px 20px #cf74381a)}
.guild-crest:before{content:"";position:absolute;inset:3px;border:1px solid #cc9c5240;clip-path:inherit}
.guild-crest .icon{width:45px;height:45px;stroke-width:1.2}
.guild-crest span{font-size:7px;letter-spacing:.25em;margin-top:10px}
.guild-panel h3,.healing-panel h3{font-size:25px;margin:8px 0 12px;color:#fff1dc;overflow-wrap:anywhere}
.guild-panel .empty-title,.healing-panel .empty-title{font-size:21px;max-width:230px;margin:10px auto 12px;line-height:1.35}
.soft{color:#a2adc1;font-size:12px;line-height:1.7;margin:0}
.grand-score{font-size:42px;line-height:1.3;font-weight:650;color:#ffc080;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:10px 0 5px}
.grand-score small{display:block;font-size:10px;letter-spacing:.06em;color:#a99987;margin-bottom:12px;font-weight:400}
.guild-list{margin:20px 0 0;padding:0;list-style-position:inside;text-align:left;font-size:11px;color:#929fb7}
.guild-list li{padding:8px 0;border-top:1px solid var(--line)}
.guild-list li b{float:right;color:#c9bba7}
.panel-footnote{padding:15px 20px;margin:0;border-top:1px solid var(--line);color:#99a6bd;font-size:10px;line-height:1.7}
.rank-panel{display:flex;flex-direction:column}
.rank-tabs{display:flex;gap:5px;padding:13px 16px 0}
.rank-tabs a{font-size:10px;color:#a4b0c6;padding:7px 12px;border-radius:5px;border:1px solid transparent}
.rank-tabs a[aria-selected=true]{color:#ffbc7f;border-color:#ffb66e30;background:#ff8f4510}
.rank-table{margin:10px 0 16px;width:100%;table-layout:fixed;font-size:12px}
.rank-table th{font-size:9px;font-weight:500;letter-spacing:.03em;color:#8e9cb6;text-transform:none;padding:13px 10px;background:#0a132431;white-space:normal}
.rank-table td{padding:14px 10px;white-space:normal;word-break:break-word;font-size:12px;color:#c0c9da}
.rank-table th:first-child{width:48px;padding-left:20px}
.rank-table td:first-child{padding-left:20px}
.rank-table th:nth-child(3){width:55px;text-align:center}
.rank-table th:last-child{width:66px;text-align:right;padding-right:20px}
.rank-table td:nth-child(3){text-align:center;color:#ffbb7c}
.rank-table td:last-child{text-align:right;padding-right:20px}
.rank-table td strong{font-size:12px;font-weight:600;color:#e7eaf3}
.rank-table tr:first-child td{background:linear-gradient(90deg,#ffa55409,transparent)}
.rank-number{font-size:12px;font-weight:600;color:#98a5bf}
.rank-number .icon{width:19px;height:19px;color:#ffc073}
.rank-2{color:#c1d3f0}.rank-3{color:#bf8a61}
.rank-panel>.panel-footnote{margin-top:auto}
.empty-rank{display:grid;place-content:center;text-align:center;gap:14px;min-height:233px;padding:20px;color:#a2adc1;font-size:12px}
.empty-rank>.icon{width:34px;height:34px;color:#cfb597;margin:auto;stroke-width:1.1}
.healing-panel{border-top-color:#b7585955;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#81283e20,transparent 60%),#111a2c}
.healing-panel .panel-head .icon{color:#e48f85}
.healing-emblem{display:grid;place-items:center;margin:0 auto 22px;width:100px;height:106px;position:relative;color:#e6978d;background:radial-gradient(circle,#9d3c492d,transparent 68%)}
.healing-emblem:before{content:"";position:absolute;width:65px;height:65px;transform:rotate(45deg);border:1px solid #ce776b45;background:linear-gradient(120deg,#dc897510,#07102a60);box-shadow:0 0 0 8px #ce776b07}
.healing-emblem .icon{position:relative;width:37px;height:37px;stroke-width:1.2}
.healing-score{font-size:35px;color:#f1aaa0;overflow-wrap:anywhere}
#world-events{margin-top:48px}
.events-panel{padding:0 22px}
.event-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.day-selector{display:flex;gap:6px}
.day-selector a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:51px;padding:8px 10px;border-radius:6px;border:1px solid #b7c6e011;background:#080f2330;color:#a2afc9}
.day-selector a small{font-size:9px}.day-selector a b{font-size:17px;font-weight:500}
.day-selector a[aria-current]{border-color:#ffa65966;background:linear-gradient(140deg,#ff984525,#bc422212);color:#ffc48d}
.boss-filters{display:flex;gap:4px}
.boss-filters a{font-size:10px;color:#a2afc9;padding:8px 11px;border-radius:5px;white-space:nowrap;border:1px solid transparent}
.boss-filters a[aria-current]{background:#ffa65410;color:#ffbf83;border-color:#ffa65422}
#boss-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;transition:opacity .2s}
#boss-content[aria-busy=true]{opacity:.65}
.boss-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:16px;background:#0b14268f;border:1px solid #adbcd218;border-radius:6px;position:relative}
.boss-card.boss-alive{border-color:#6fc9ac44;background:linear-gradient(110deg,#155c4220,#0b1426)}
.boss-avatar{height:48px;width:48px;border:1px solid #b5594740;background:linear-gradient(140deg,#60252e40,#14213b);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e69777;gap:2px}
.boss-avatar>.icon{width:24px;height:24px;stroke-width:1.2}
.boss-avatar>span{font-size:6px;letter-spacing:.12em;opacity:.75}
.boss-avatar.herald{color:#c4b692;background:linear-gradient(140deg,#5c4b2240,#14213b);border-color:#c09e5430}
.boss-info .boss-type{font-size:8px;letter-spacing:.06em;color:#bd8d73}
.boss-info h3{font-family:"Segoe UI",Arial,"Microsoft JhengHei",sans-serif;font-size:12px;font-weight:650;letter-spacing:0;line-height:1.4;margin:3px 0 5px;color:#edf0f5;overflow-wrap:anywhere}
.boss-info p{display:flex;align-items:center;gap:5px;font-size:9px;color:#93a2be;margin:0;line-height:1.5}
.boss-info p .icon{width:11px;height:11px}
.boss-schedule{text-align:right;align-self:start;padding-top:4px}
.boss-schedule>span{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.boss-schedule .icon{width:12px;height:12px;color:#bca68b}
.boss-schedule strong{font-size:13px;color:#edcaaa;font-variant-numeric:tabular-nums;font-weight:600}
.boss-schedule small{font-size:9px;color:#93a2be}
.boss-state{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px}
.boss-state .state-pill{font-size:9px;padding:3px 7px}
.countdown{font-size:8px;color:#8493ac;white-space:nowrap;font-variant-numeric:tabular-nums}
.events-panel>.panel-footnote{padding:14px 0 18px}
.boss-empty{grid-column:1/-1;text-align:center;min-height:150px;display:grid;place-content:center;color:#9caac3;font-size:12px;gap:10px}
.boss-empty>.icon{margin:auto;width:30px;height:30px;color:#c5a17e}
.site-footer{width:min(1280px,calc(100% - 64px));align-items:center;padding:26px 0 30px;color:#8696b1;gap:30px}
.footer-brand>img{width:130px;height:auto;display:block;margin-left:-9px}
.footer-brand>p{font-size:10px;margin:0}
.site-footer>div:last-child{text-align:right}
.site-footer nav{display:flex;gap:22px;justify-content:flex-end;font-size:11px;color:#b0b9cc;margin-bottom:14px}
.copyright{font-size:10px;margin:0;color:#a9a0a0}
.public-page .auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:640px;padding:65px 50px;position:relative}
.auth-art{display:flex;flex-direction:column;align-items:center;text-align:center}
.auth-art>img{width:min(100%,490px);height:auto;filter:drop-shadow(0 8px 35px #ab592b40)}
.auth-art h2{font-size:30px;margin:10px 0 13px;color:#fff1dc}
.auth-art p{font-size:13px;color:#a9b5cd;line-height:1.8;max-width:330px}
.public-page .auth-card{width:100%;max-width:450px;border:1px solid var(--line);border-top-color:#ffa55955;background:linear-gradient(130deg,#172338,#101a2c);border-radius:9px;padding:30px;box-shadow:0 20px 45px #01071940}
.public-page .auth-card h1{font-size:33px;line-height:1.2;letter-spacing:-.02em;margin:12px 0 16px}
.public-page .auth-card>p{font-size:12px;color:#a9b5cd;margin-bottom:24px}
.public-page .form{gap:19px}
.public-page .form label{font-size:11px;color:#d1d9e9;font-weight:500;gap:8px}
.public-page input{background:#0b1426;border-color:#a4b4d02c;color:#f3f1e9;border-radius:5px}
.public-page input:focus{border-color:#ffb875aa;box-shadow:0 0 0 3px #ffb8750a}
.public-page .form small{font-size:10px;line-height:1.7;color:#9aa8c2}
.auth-link{font-size:11px;text-align:center;margin:22px 0 0!important}
.auth-link a{color:#ffc18b;margin-left:5px}
.public-page .status-page{padding-top:65px;min-height:570px}
.public-page .status-page h1{font-size:44px;line-height:1.1}
.public-page .status-page .card{margin-top:28px;background:#121d32;border-radius:9px}
.public-page .stat-card{border-radius:8px;background:#121d32;border-color:var(--line);padding:25px}
.public-page .stat-card small{font-size:12px}
.public-page .stat-card .icon{color:#e9a66b;margin-bottom:17px;width:28px;height:28px}
.public-page .stat-card strong{color:#ffbc7b;font-size:35px}
.public-page .stat-card span{font-size:11px}
.public-page .account-page{padding:60px 0;max-width:600px;min-height:580px;margin:auto}
.public-page .account-page .card{background:#121d32;border-radius:9px}
.public-page .account-page h1{font-size:43px;color:#ffe1b9;overflow-wrap:anywhere}
.public-page .account-page p{color:#aebad0;font-size:13px;line-height:1.8}
.public-page .account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.admin-page .brand img{width:135px}.admin-page .site-header{width:min(1520px,calc(100% - 40px))}.admin-page .language-switch{flex:none}
@media(min-width:1450px){.hero-copy h1{font-size:56px}.dawn-hero{min-height:465px}}
@media(max-width:1100px){.site-header{gap:13px;width:calc(100% - 40px)}.nav a,.nav-form button{font-size:11px;padding:10px 8px}.nav .nav-join{margin-left:3px}.brand img{width:140px}.public-page .content,.site-footer{width:calc(100% - 40px)}.fame-grid{gap:12px;grid-template-columns:1fr 1.2fr 1fr}.panel-head{padding:16px 15px}.panel-head h2{font-size:12px}.tiny-label{display:none}.world-strip>div{padding:20px 15px;gap:12px}.boss-card{grid-template-columns:40px minmax(0,1fr);column-gap:12px}.boss-avatar{width:40px;height:45px}.boss-schedule{grid-column:2;grid-row:2;text-align:left;margin-top:6px}.boss-schedule>span{justify-content:flex-start}.boss-schedule>small{display:none}.boss-state{grid-column:1/3}.hero-orbit{right:40px;width:365px;height:365px;top:33px}.public-page .auth-wrap{padding:45px 15px;gap:30px}}
@media(max-width:850px){.site-header{position:relative;height:84px;flex-wrap:nowrap;align-items:center;padding:0;gap:12px}.brand{margin-right:auto}.brand img{width:133px}.menu-toggle{display:block;order:3}.language-switch{order:2}.nav{display:none;position:absolute;z-index:10;left:0;right:0;top:74px;padding:15px;background:#101a2cf5;border:1px solid #e2ac6a36;border-radius:9px;box-shadow:0 15px 40px #0007;margin:0;flex-wrap:wrap;justify-content:center}.nav.is-open{display:flex}.nav a,.nav-form button{font-size:12px;padding:11px}.dawn-hero{margin:0;padding:38px 0;grid-template-columns:1.1fr .9fr;gap:20px;min-height:355px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:12px}.hero-art>img{width:130%}.art-caption{font-size:7px;letter-spacing:.24em}.hero-orbit{width:290px;height:290px;right:-20px;top:35px}.public-page .hero-actions{gap:8px}.public-page .button{padding:0 13px;gap:7px;font-size:11px;min-height:43px}.hero-status{font-size:9px;gap:9px}.world-strip{grid-template-columns:repeat(2,1fr);margin-top:12px}.world-strip>div{padding:19px 25px}.world-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.world-strip>div:nth-child(2):after{display:none}.fame-grid{grid-template-columns:1fr 1fr}.rank-panel{grid-column:1/3;grid-row:2}.guild-panel,.healing-panel{min-height:350px}.rank-table th:nth-child(3),.rank-table th:last-child{width:90px}.event-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.day-selector{width:100%;justify-content:space-between}.day-selector a{min-width:48px;padding:8px 12px;flex:1}.boss-filters{align-self:flex-end}.section-heading h2{font-size:27px}.public-page .auth-wrap{min-height:600px;grid-template-columns:.85fr 1.15fr;gap:23px;padding:40px 0}.auth-art h2{font-size:25px}.public-page .auth-card{padding:25px}.section-heading p{max-width:480px}.zone-tag{font-size:9px}}
@media(max-width:560px){.site-header,.public-page .content,.site-footer{width:calc(100% - 28px)}.brand img{width:112px}.site-header{gap:8px;height:77px}.language-switch{padding:3px;gap:0}.language-switch a{min-width:22px;padding:5px 3px;font-size:9px}.menu-toggle{width:32px;height:32px;padding:6px}.dawn-hero{display:flex;flex-direction:column-reverse;padding:20px 0 30px;gap:12px;text-align:center}.hero-art>img{width:88%;max-width:385px}.hero-art{width:100%}.art-caption{display:none}.hero-orbit{width:285px;height:285px;right:calc(50% - 143px);top:0}.dawn-hero:before{background:radial-gradient(ellipse at 50% 15%,#73302d60,transparent 40%),radial-gradient(ellipse at 50% 15%,#243b67cc,transparent 55%)}.hero-stars{mask-image:linear-gradient(#000,transparent 75%)}.hero-copy h1{font-size:36px;margin:13px auto 16px;max-width:370px}.hero-copy>p{font-size:12px;max-width:370px;margin:auto;line-height:1.8}.public-page .eyebrow{font-size:8px;letter-spacing:.13em}.hero-actions{justify-content:center}.hero-status{justify-content:center;margin-top:19px}.hero-copy .eyebrow>.icon{width:15px;height:15px}.world-strip>div{padding:16px 14px;gap:11px}.world-strip b{font-size:21px}.world-strip small{font-size:10px}.world-strip em{font-size:7px}.world-strip .icon{width:21px;height:21px}.refresh-line{margin-bottom:29px;flex-wrap:wrap;gap:8px}.refresh-meta{font-size:8px}#data-warning{max-width:100%;font-size:10px}.section-heading{margin-bottom:18px;gap:12px;align-items:flex-end}.section-heading h2{font-size:25px}.month-label{padding:6px 7px;font-size:8px}.month-label .icon{display:none}.fame-grid{grid-template-columns:1fr;gap:16px}.rank-panel{grid-column:auto;grid-row:auto;order:2}.healing-panel{order:3}.guild-panel,.healing-panel{min-height:0}#guild-content,#healing-content{padding:23px 28px}.guild-crest,.healing-emblem{margin-bottom:16px}.guild-panel .empty-title,.healing-panel .empty-title{max-width:280px;font-size:24px}.panel-head{padding:17px 20px}.panel-head h2{font-size:13px}.tiny-label{display:block}.empty-rank{min-height:190px}.panel-footnote{font-size:9px;line-height:1.8}#world-events{margin-top:35px}.zone-tag{padding:6px 8px;font-size:8px}.zone-tag .icon{width:12px;height:12px}.section-heading p{font-size:11px;line-height:1.7}.events-panel{padding:0 14px}.day-selector{gap:4px}.day-selector a{min-width:0;padding:6px 4px;border-radius:4px}.day-selector a small{font-size:8px}.day-selector a b{font-size:15px}.boss-filters{align-self:flex-start}.boss-filters a{padding:7px 11px;font-size:9px}#boss-content{grid-template-columns:1fr;gap:9px;padding:14px 0}.boss-card{padding:14px;grid-template-columns:44px minmax(0,1fr) auto;gap:0 11px}.boss-avatar{width:44px;height:47px}.boss-schedule{grid-column:3;grid-row:1;margin:0;text-align:right}.boss-schedule>span{justify-content:flex-end;gap:3px}.boss-schedule .icon{display:none}.boss-schedule strong{font-size:12px}.boss-schedule small{font-size:8px}.boss-state{grid-column:2/4;margin-top:8px}.boss-info h3{font-size:11px}.boss-info p{font-size:8px}.countdown{font-size:7px}.site-footer{padding-top:23px;align-items:flex-start;gap:24px}.site-footer>div:last-child{text-align:left}.site-footer nav{justify-content:flex-start;gap:17px;font-size:10px}.copyright{font-size:9px}.public-page .auth-wrap{grid-template-columns:1fr;padding:20px 0 35px;gap:15px}.auth-art>img{width:230px}.auth-art h2{font-size:25px;margin:0}.auth-art p{display:none}.public-page .auth-card{max-width:100%;padding:25px}.public-page .auth-card h1{font-size:31px}.public-page .status-page{padding-top:35px}.public-page .status-page h1{font-size:36px}.public-page .account-page{padding:35px 0}.public-page .account-page .card{padding:23px}.admin-page .site-header{width:calc(100% - 24px)}.admin-page .brand img{width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Dawnfall · ember edition */
.public-page,.admin-page{--bg:#0a090e;--surface:#151219;--surface-2:#201821;--text:#fff1e1;--muted:#b5a9af;--accent:#ffac53;--accent-strong:#ffc880;--line:#db8b5326;background:radial-gradient(ellipse at 50% 0,#6a251f36,transparent 42%),radial-gradient(ellipse at 0 65%,#1c24493d,transparent 40%),#0a090e;color:var(--text);font-family:"Segoe UI",Arial,"Microsoft JhengHei",sans-serif;line-height:1.5}
.page-shell{position:relative;z-index:1}
.site-header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:auto;min-height:220px;padding:24px 0 20px;gap:15px 25px;border-bottom:1px solid #eb964329;background:radial-gradient(ellipse at center top,#b24d1320,transparent 70%)}
.site-header .brand{flex:0 0 100%;display:flex;justify-content:center}
.site-header .brand img{width:285px;max-width:65vw;filter:drop-shadow(0 5px 28px #da641533)}
.site-header .nav{margin:0;gap:4px;flex-wrap:wrap;justify-content:center}
.site-header .nav a,.site-header .nav-form button{color:#c9b8bb;padding:9px 13px;font-size:13px}
.site-header .nav a:hover,.site-header .nav-form button:hover{color:#ffbd72;background:#ff993616}
.site-header .nav a.current{background:#ff992210;color:#ffc477}
.language-switch{background:#1b151e;border-color:#b47f4c2c}
.language-switch a{color:#c6b2b5}.language-switch a[aria-current]{color:#ffd49a;background:#af532d30}
.public-page .dawn-hero{margin-top:38px;border-radius:24px;border:1px solid #be784421;min-height:360px;margin-left:0;margin-right:0;padding:46px 42px;background:linear-gradient(125deg,#20151cd9,#14121ed9 65%,#36191390);box-shadow:0 22px 60px #0004}
.dawn-hero:before{background:radial-gradient(ellipse,#ff622e1c,transparent 64%)}
.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(38px,4.6vw,63px);line-height:1.06;color:#fff0d9}
.hero-copy p{color:#c6b6bd}.hero-art img{filter:drop-shadow(0 20px 36px #ff781422)}
.hero-orbit{border-color:#ef9e4420}.hero-orbit:before,.hero-orbit:after{border-color:#ef9e4417}
.logo-halo{background:radial-gradient(ellipse,#df511c25,transparent 68%)}
.public-page .panel,.public-page .card,.public-page .stat-card,.public-page .world-strip{background:linear-gradient(145deg,#1d161fe8,#12121bdc);border-color:#b4834c26;box-shadow:0 14px 40px #0002}
.public-page .panel-head{border-bottom-color:#cb895220}.public-page .world-strip>div+div{border-color:#bc7e4324}
.public-page .button.primary,.admin-page .button.primary{background:linear-gradient(120deg,#ffc775,#f09540 55%,#dc6034);border:1px solid #ffc676;color:#25110a;box-shadow:0 4px 20px #d6782326;font-weight:750}
.public-page .button.ghost,.admin-page .button.ghost{border-color:#c7874b3d;background:#291e251c;color:#eed3b9}
.public-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f48b2525}.public-page .button:disabled,.admin-page button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.section-heading h2,.auth-card h1,.points-page h1,.welcome-card h1,.news-detail h1,.account-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#fff0db;letter-spacing:-.025em}
.public-page .section-heading{margin-top:50px}.public-page .section-heading h2{font-size:32px}
.public-page .boss-card{border-color:#a4794930;background:#18141d}.public-page .boss-alive{background:linear-gradient(110deg,#322319,#161922)}
.public-page .rank-tabs,.public-page .boss-filters,.public-page .day-selector a{background:#130f1a;border-color:#b5754428}
.public-page .rank-tabs a[aria-selected=true],.public-page .boss-filters a[aria-current],.public-page .day-selector a[aria-current]{background:#ce702519;color:#ffbf77}
.public-page .site-footer{border-color:#af7c492b;color:#c2b0b5;background:linear-gradient(180deg,transparent,#27152130)}
.public-page input,.public-page textarea{background:#0d0b12;border:1px solid #9c795237;color:#fcebd9;min-height:46px;border-radius:8px;padding:11px 13px;width:100%}
.public-page input:focus{border-color:#faaa5d;outline:2px solid #ffae4015}.public-page input[aria-invalid=true]{border-color:#f27765}
.public-page .auth-wrap{margin:45px auto;max-width:1040px}.public-page .auth-card{padding:34px}.public-page .form{gap:10px}
.field-error{color:#ff9a88;font-size:13px;line-height:1.4;margin:0}.field-error:empty{display:none}.form small{color:#b9a8af}
.welcome-card,.points-page{text-align:center;max-width:760px;margin:55px auto;padding:44px;display:flex;align-items:center;flex-direction:column;gap:18px}
.welcome-card img{width:310px;max-width:100%;height:auto}.welcome-card h1,.points-page h1{font-size:42px;margin:0}.welcome-card p,.points-page p{max-width:560px;margin:0;color:#cbb6be}.welcome-card small{max-width:540px;color:#ac9da9}.success-emblem{color:#a0debd}.success-emblem .icon{width:38px;height:38px}
.points-token{display:grid;place-items:center;width:106px;height:106px;border:2px solid #ffa342;border-radius:50%;color:#ffc56b;font:600 35px Georgia,serif;background:radial-gradient(circle at 30% 25%,#ad582850,#20121a);box-shadow:0 0 50px #de6a2224;margin:8px 0}
.account-page{padding-top:40px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.account-heading h1{font-size:40px;margin:12px 0}.wallet{border:1px solid #b47d443a;border-radius:16px;padding:22px 30px;background:linear-gradient(130deg,#46281660,#211625);min-width:240px}.wallet small{display:block;font-size:10px;letter-spacing:.2em;color:#e4ad71}.wallet strong{display:block;font-size:32px;font-weight:500;margin:6px 0}.wallet em{font-style:normal;color:#ffc778;font-size:20px}.wallet a{color:#e3ab71;font-size:13px}.wallet .icon{margin-left:12px}
.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character-card{padding:24px}.character-crest{color:#dc9e66;margin-bottom:15px}.character-crest .icon{width:34px;height:34px}.character-card h3{font-size:24px;margin:14px 0}.character-card dl{display:grid;gap:12px;margin:20px 0}.character-card dl div{display:flex;gap:20px;justify-content:space-between}.character-card dt{color:#a593a1;font-size:12px}.character-card dd{margin:0;text-align:right;font-size:13px}.character-card .button{font-size:12px;padding:9px 12px}.rename-button{margin-top:10px}.character-card .state-pill{font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid>.panel,.unstuck-review{padding:28px}.settings-grid h3{margin-top:0}.settings-grid .form{display:grid}.settings-grid label{display:grid;gap:8px;margin-bottom:10px;font-size:13px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{border:1px solid #c485402b;background:#19131d;border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}.news-card:hover{transform:translateY(-4px);border-color:#e9984c66}.news-cover{height:160px;background:radial-gradient(circle at 70% 5%,#ffb84150,transparent 60%),linear-gradient(140deg,#501e17,#1c1325);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border-bottom:1px solid #e8a25724;position:relative;overflow:hidden}.news-cover:before{content:"";width:160px;height:160px;transform:rotate(45deg);border:1px solid #fbc2732b;position:absolute}.news-cover .icon{width:45px;height:45px;color:#f5ad6c}.news-cover>span{font:12px Georgia,serif;letter-spacing:.3em;color:#f3c39b}.theme-crimson .news-cover{background:radial-gradient(circle at 80% 0,#e85c3650,transparent 65%),linear-gradient(140deg,#49161f,#1c1325)}.theme-midnight .news-cover{background:radial-gradient(circle at 80% 0,#527bc250,transparent 65%),linear-gradient(140deg,#182444,#1c1325)}.news-copy{padding:24px}.news-meta{display:flex;gap:25px;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#ce9c78;text-transform:uppercase}.news-copy h3{font-size:21px;line-height:1.3;margin:18px 0 12px}.news-copy p{color:#bba9b4;font-size:13px;line-height:1.7;min-height:44px}.text-link{color:#f6b974;display:inline-flex;gap:18px;align-items:center;font-weight:600;font-size:13px}.news-copy .text-link{margin-top:12px}.news-grid .empty-state{grid-column:1/-1}.news-detail{max-width:880px;margin:50px auto;padding:45px}.news-detail .news-meta{margin-top:30px}.news-detail h1{font-size:40px;line-height:1.2}.news-lead{color:#d5b6b9;font-size:18px}.article-body{color:#c9b6bf;font-size:15px;line-height:1.9}.article-body h2,.article-body h3{color:#f7c68b}.article-body p{white-space:pre-wrap}
.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.atmosphere i{position:absolute;width:3px;height:3px;left:12%;bottom:-20px;border-radius:50%;background:#ffad50;box-shadow:0 0 6px #ff7d36;opacity:0;animation:ash-rise 19s linear infinite}.atmosphere i:nth-child(3n){width:2px;height:2px;background:#c58b72;animation-duration:24s}.atmosphere i:nth-child(2n){left:77%;animation-delay:-9s}.atmosphere i:nth-child(3n+1){left:34%;animation-delay:-3s}.atmosphere i:nth-child(4n){left:53%;animation-delay:-14s}.atmosphere i:nth-child(5n){left:91%;animation-delay:-17s}.atmosphere i:nth-child(7n){left:7%;animation-delay:-6s}.atmosphere i:nth-child(8n){left:65%;animation-delay:-12s}@keyframes ash-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.65}80%{opacity:.3}100%{opacity:0;transform:translate(65px,-105vh)}}
.admin-page .site-header{width:calc(100% - 64px)}.admin-page .content{width:min(1600px,calc(100% - 48px))}.admin-page .site-footer{max-width:1500px;margin:45px auto}
@media(max-width:1100px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{gap:14px 10px}.site-header .nav a{padding:8px;font-size:12px}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);min-height:172px;padding:18px 0 14px;gap:12px}.site-header .brand img{width:225px}.site-header .brand{flex-basis:100%}.site-header .menu-toggle{display:block;background:#221721;border-color:#bb7e4639}.site-header .nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:3px;padding:12px;background:#17121ce8;border:1px solid #a7754035;border-radius:10px}.site-header .nav.is-open{display:flex}.site-header .nav a,.site-header .nav-form button{width:100%;text-align:center;padding:11px}.site-header .nav-join{margin-left:0}.language-switch{margin:0}.public-page .content{width:calc(100% - 32px)}.public-page .dawn-hero{padding:30px 23px;margin-top:25px;min-height:0}.hero-copy h1{font-size:42px}.hero-art{padding:12px}.public-page .section-heading h2{font-size:27px}.news-grid,.character-grid,.settings-grid{grid-template-columns:1fr}.account-heading{align-items:stretch;flex-direction:column}.wallet{min-width:0}.news-detail{padding:27px}.news-detail h1{font-size:30px}.points-page,.welcome-card{padding:30px 20px}.points-page h1,.welcome-card h1{font-size:34px}.public-page .auth-card{padding:25px}.admin-page .site-header{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.atmosphere i{animation:none;display:none}.news-card,.public-page .button{transition:none}html{scroll-behavior:auto}}

.hero-art>img{width:100%;max-width:540px}

/* Desktop account: shared portal width, aligned data and explicit settings navigation. */
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:32px 0 22px}.dashboard-heading h1{font-size:34px;margin:8px 0 0}.dashboard-heading .eyebrow{font-size:10px}.public-page .world-strip{margin-top:0}
.public-page .account-page{max-width:none;width:100%;margin:0;padding:34px 0 12px;min-height:500px}.account-overview{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:32px;padding:30px 34px}.account-identity h1{font-size:40px;margin:12px 0}.account-identity p{color:#c3b0bc;margin:0 0 22px}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.account-actions .button{font-size:13px;padding:12px 18px}.account-overview .wallet{min-width:0;padding:26px;background:linear-gradient(135deg,#502b1b80,#211726);border-color:#db975343}.account-overview .wallet strong{font-size:38px}.character-total{color:#dbc2af;font-size:13px}.public-page .characters-panel{padding:0;overflow:hidden}.character-table-wrap{overflow-x:auto}.character-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.character-table th{padding:16px 22px;background:#251c27;color:#e4ba93;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;white-space:nowrap}.character-table td{padding:22px;border-top:1px solid #d8975220;vertical-align:middle}.character-table .number{font-variant-numeric:tabular-nums;white-space:nowrap}.character-table .gold-value{color:#ffcd91}.character-name{display:flex;align-items:center;gap:15px;min-width:145px}.character-name>.icon{width:28px;height:28px;color:#e9a562;flex-shrink:0}.character-name strong{display:block;font:21px Georgia,serif;color:#ffe5cb;margin-bottom:8px}.character-name .state-pill{font-size:10px;padding:4px 9px}.character-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:230px}.character-actions form{margin:0}.character-actions .button{padding:10px 13px;font-size:12px;white-space:nowrap}.character-actions button:disabled{opacity:.6}.coming-label{display:block;font-size:9px;font-weight:400;margin-top:2px}.unstuck-review{margin-top:24px}.unstuck-review form{display:flex;gap:12px;flex-wrap:wrap}.account-settings-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:30px;align-items:start}.settings-navigation{display:grid;gap:10px}.settings-navigation a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border:1px solid #b9803e26;background:#18121b;border-radius:10px;color:#c9b1b8;font-size:14px}.settings-navigation a.active{border-color:#e6a25b70;background:#b5622220;color:#ffd49b}.public-page .settings-editor{padding:30px 34px}.settings-editor h2{margin:0 0 24px}.settings-editor .form{display:grid;gap:18px;max-width:600px}.settings-editor label{display:grid;gap:9px;font-size:14px}.settings-editor input{width:100%;min-height:46px}.settings-editor small{color:#c4a9b5;line-height:1.6}.settings-editor .account-actions{margin-top:6px}.footer-brand>strong{font:15px Georgia,serif;letter-spacing:.1em;color:#e9b582}.public-page .help,.public-page .panel-footnote{color:#c7b1bd}.public-page .panel-footnote{font-size:12px;line-height:1.65}
@media(max-width:1000px){.character-table th,.character-table td{padding:16px 14px}.character-actions{min-width:170px}.account-overview{grid-template-columns:minmax(0,1fr) 240px;padding:26px}.account-settings-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.account-overview{grid-template-columns:1fr;padding:24px}.account-overview .wallet{width:100%}.account-settings-layout{grid-template-columns:1fr}.settings-navigation{grid-template-columns:1fr 1fr}.settings-navigation a{padding:13px;font-size:12px}.public-page .settings-editor{padding:24px}.character-table{min-width:850px}.dashboard-heading{margin-top:24px}.dashboard-heading h1{font-size:28px}.character-total{display:none}}

@media(max-width:760px){.site-header .nav{position:static;inset:auto;transform:none;max-width:none}.hero-art{display:none}.public-page .dawn-hero{grid-template-columns:1fr}}

/* Visible ember atmosphere across public and administrative pages. */
canvas.atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;display:block;contain:strict;opacity:.9}

/* Monthly rewards, client download and community records. */
.site-header .nav a.current,.site-header .nav a[aria-current="page"]{color:#ffd59c;background:#c85e1925;border-bottom-color:#f4a74c}
.download-hero,.pass-heading{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:center;margin:48px 0 40px}
.download-hero h1,.pass-heading h1,.rankings-page h1{font:clamp(32px,3.5vw,52px)/1.15 Georgia,serif;color:#ffe1bd;margin:16px 0 22px;max-width:740px}
.download-hero p,.pass-heading p{max-width:730px;color:#d1bfc7;font-size:15px;line-height:1.8}
.download-steps{display:grid;gap:20px;margin-top:32px}.download-steps>div{display:flex;align-items:center;gap:16px;color:#f0dbca;font-size:15px}.download-steps b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f4a74c45;border-radius:10px;color:#ffc476;background:#db762218;font-size:12px}
.download-card{padding:34px;text-align:center;background:radial-gradient(ellipse at top,#8b422535,transparent 70%),#15101a}.download-card h2{font:25px Georgia,serif;margin:22px 0}.download-card .button{width:100%;justify-content:center}.download-sigil{width:66px;height:66px;display:grid;place-items:center;background:#d66e2420;border:1px solid #e89c5850;border-radius:20px;margin:0 auto 28px;transform:rotate(45deg)}.download-sigil .icon{transform:rotate(45deg);width:30px;height:30px;color:#ffb864}.download-card p{font-size:13px;line-height:1.7}.download-card dl{display:grid;gap:12px;font-size:13px;color:#d2bdc6;margin-top:24px}.download-card dl>div{display:flex;justify-content:space-between;gap:20px}.download-card dd{margin:0;color:#f3ddc4}.download-card details{border-top:1px solid #d69b4230;padding-top:16px;text-align:left;font-size:12px}.download-card summary{cursor:pointer;color:#ffc281}.download-hash{display:block;word-break:break-all;font-size:11px;color:#c2b2bd;padding-top:12px}
.pass-heading{gap:32px;grid-template-columns:minmax(0,1fr) 280px}.pass-heading small{color:#c4aebb;line-height:1.65;font-size:12px}.pass-wallet{padding:28px;text-align:left;background:linear-gradient(130deg,#77341e30,#201626)}.pass-wallet>small{font-size:12px}.pass-wallet>strong{display:block;color:#ffd28c;font:38px Georgia,serif;margin:17px 0 24px}.pass-wallet>strong span{font:15px system-ui,sans-serif}.pass-wallet .button{width:100%;justify-content:center;font-size:12px}.pass-wallet .state-pill{font-size:11px;white-space:normal}.pass-wallet form{margin:0}
.pass-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0}.pass-stage{min-width:0;border:1px solid #d4945236;border-radius:15px;overflow:hidden;background:#130f18}.pass-stage>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(120deg,#763c2528,#241721)}.pass-stage>header strong{font:29px Georgia,serif;color:#ffcf91}.pass-prize{padding:18px 20px;border-top:1px solid #dfb07024;position:relative;display:flex;flex-direction:column;min-height:255px}.pass-prize.premium{background:linear-gradient(140deg,#9b692116,transparent 75%)}.pass-track-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em;color:#dec2b1}.premium .pass-track-label{color:#ffc771}.pass-track-label .icon{width:17px;height:17px;color:#c19167}.pass-prize.unlocked{box-shadow:inset 0 0 40px #ff901010}.pass-prize.claimed .pass-track-label{color:#83d2b4}.pass-items{flex:1;display:grid;align-content:start;gap:12px;margin:20px 0}.pass-item{display:flex;gap:12px;align-items:center}.pass-item img{flex:none;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 6px #000)}.pass-item span{font-size:12px;color:#f2dfcc;line-height:1.5;overflow-wrap:anywhere}.pass-item small{display:block;color:#ffc886;font-size:12px;margin-top:4px}.pass-item-empty{text-align:center;padding:10px 0;color:#c1aab8}.pass-item-empty .icon{width:34px;height:34px;opacity:.45}.pass-item-empty small{display:block;font-size:11px;margin-top:14px}.pass-prize.locked .pass-item img{opacity:.55;filter:grayscale(.5)}.pass-threshold{font-size:11px;color:#cbb2bf;margin-bottom:16px;display:flex;justify-content:space-between;gap:10px}.pass-threshold b{color:#efd5b9;white-space:nowrap}.pass-prize .button{width:100%;justify-content:center;min-height:38px;padding:10px;font-size:11px}.pass-prize form{margin:0}.pass-prize button:disabled{opacity:.6;cursor:default}
.city-wars,.battle-records{margin:44px 0}.war-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.war-card{padding:25px 28px;min-height:260px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#99582315,transparent 75%),#151019}.war-card.city-2{background:radial-gradient(ellipse at 50% 40%,#6553ae20,transparent 75%),#151019}.war-card.city-3{background:radial-gradient(ellipse at 50% 40%,#bc543c18,transparent 75%),#151019}.war-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.war-card header>.icon{color:#b97c49;width:20px;height:20px}.war-crest{display:grid;place-items:center;width:94px;height:94px;background:#0002;border:1px solid #deab6740;box-shadow:0 0 25px #e6881110;border-radius:24px;margin:24px auto 20px}.war-crest>.icon{width:45px;height:45px;color:#c09865}.war-crest img{object-fit:contain;border-radius:12px}.war-card h3{font:27px Georgia,serif;color:#ffe1b8;margin:14px 0 24px}.war-card .war-empty{font:18px/1.5 Georgia,serif;max-width:230px;margin:auto;color:#c9b8be}.war-card dl{display:grid;gap:12px;font-size:12px;color:#cab4c0}.war-card dl>div{display:flex;justify-content:space-between;gap:16px}.war-card dd{margin:0;color:#f3d9bf}.war-history{padding:20px 26px;margin-top:20px}.war-history summary{cursor:pointer;color:#eeb67f}.war-history ol{list-style:none;padding:10px 0 0;margin:0}.war-history li{display:flex;gap:24px;padding:12px 0;border-top:1px solid #c5904d25;font-size:13px;color:#c8b5bf}.war-history li span{flex:1;color:#ffe1b9}
.record-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.record-card{padding:24px;display:flex;flex-direction:column;background:linear-gradient(145deg,#281821,#121018)}.record-icon{color:#eea355}.record-card h3{font-size:12px;line-height:1.5;font-weight:500;color:#ecd3bb;min-height:36px;margin:14px 0}.record-value{font:28px Georgia,serif;color:#ffcd86;overflow-wrap:anywhere}.record-card p{color:#c5aeba;font-size:12px;line-height:1.6;margin:13px 0 0}.battle-records .section-heading .button{flex:none;font-size:12px}.rankings-page{margin:38px 0 50px}.rankings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.ranking-navigation{display:grid;gap:8px}.ranking-navigation a{display:flex;gap:13px;align-items:center;padding:15px 18px;background:#17111b;border:1px solid #ca95512c;border-radius:9px;color:#cfbac5;font-size:13px}.ranking-navigation a[aria-current="page"]{background:#ce76201c;color:#ffd598;border-color:#eea74a75}.ranking-navigation .icon{width:17px;height:17px;flex:none}.full-ranking{overflow:hidden}.full-ranking .rank-table td,.full-ranking .rank-table th{padding:17px 26px}.full-ranking .career-table th:last-child{text-align:right;width:150px}.career-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.career-table th:nth-child(3){width:80px}.career-table td:nth-child(3){color:#c1a8b8}.full-ranking .panel-footnote{padding:0 26px 16px}
.alchemy-ticker{display:flex;align-items:stretch;overflow:hidden;margin:32px 0 40px;background:linear-gradient(100deg,#42201750,#17101c);min-height:74px}.ticker-title{display:flex;align-items:center;gap:10px;padding:20px 25px;flex:none;border-right:1px solid #df974332;color:#f4c390;font-size:12px}.ticker-title>.icon{width:21px;height:21px;color:#ffae51}.ticker-window{flex:1;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.ticker-empty{color:#c9b1bf;font-size:12px;padding:8px 26px;margin:0}.ticker-track{display:flex;width:max-content;animation:fortune-scroll 60s linear infinite;outline-offset:-4px}.ticker-group{display:flex;align-items:center;gap:45px;padding:12px 23px}.ticker-event{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;color:#cbb0bb}.ticker-event b{color:#ffcca0}.ticker-event strong{font-weight:500;color:#ffe6b5}.ticker-event small{display:block;font-size:10px;color:#a995a7;margin-top:5px}.ticker-event img{object-fit:contain}.ticker-track:hover,.ticker-track:focus{animation-play-state:paused}@keyframes fortune-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto}}
@media(min-width:761px) and (max-width:1200px){.site-header .nav{position:static;inset:auto;display:flex;border:0;background:none;box-shadow:none;padding:0;flex:1;max-width:calc(100% - 180px)}.site-header .menu-toggle{display:none}}
@media(max-width:1100px){.download-hero{gap:30px;grid-template-columns:minmax(0,1fr) 310px}.pass-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.war-card{padding:22px 18px}.rankings-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.download-hero,.pass-heading{grid-template-columns:1fr;gap:24px;margin-top:30px}.download-hero h1,.pass-heading h1{font-size:34px}.pass-wallet{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.pass-wallet>strong{margin:0;grid-row:1/3;grid-column:2}.pass-wallet form{max-width:280px}.war-grid{grid-template-columns:1fr}.war-card{min-height:230px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-records .section-heading{align-items:start;flex-direction:column}.rankings-layout{grid-template-columns:1fr}.ranking-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-navigation a{font-size:12px;padding:12px}.full-ranking .rank-table td,.full-ranking .rank-table th{padding:14px}.alchemy-ticker{flex-direction:column}.ticker-title{border-right:0;border-bottom:1px solid #df974332;padding:14px 20px}.ticker-window{min-height:64px}.pass-prize{padding:17px 16px}.pass-heading p{font-size:13px}.pass-track-grid{gap:12px}.pass-stage>header{padding:14px 16px}}
@media(max-width:440px){.pass-track-grid{grid-template-columns:1fr}.pass-stage{display:grid;grid-template-columns:1fr 1fr}.pass-stage>header{grid-column:1/3}.pass-prize{min-height:255px}.pass-prize.premium{border-left:1px solid #dfb07024}}

.ticker-track.medium{animation-duration:180s}.ticker-track.long{animation-duration:480s}

/* Desktop dashboard: one champions column, news first and compact world facts. */
.dashboard-header{align-items:center;margin:30px 0 12px;gap:28px}.dashboard-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 16px;min-width:200px}.dashboard-title>.eyebrow{grid-column:1/-1}.dashboard-title h1{margin:0;font-size:36px}.dashboard-title .state-pill{font-size:10px}
.dashboard-meta{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.1fr;min-width:0;width:620px;max-width:65%;border:1px solid #d69b4930;border-radius:12px;background:linear-gradient(120deg,#35201e65,#15121d);padding:13px 5px}.dashboard-meta>div{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 14px}.dashboard-meta>div+div{border-left:1px solid #cda26425}.dashboard-meta .icon{color:#dea365;width:18px;height:18px;flex:none}.dashboard-meta small{display:block;font-size:10px;color:#cbb6c4;line-height:1.5}.dashboard-meta b{display:block;font-size:19px;line-height:1.3;color:#ffe0b5;font-weight:600;font-variant-numeric:tabular-nums;margin-top:3px}.dashboard-meta em{font-size:8px;color:#a38f9f;font-style:normal;white-space:nowrap}.dashboard-meta .meta-clock b{font-size:20px}.dashboard-header+.refresh-line{margin-bottom:24px}
.dashboard-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;align-items:start}.dashboard-side,.dashboard-main{min-width:0}.dashboard-main #news{margin-top:0}.dashboard-main .section-heading{margin:0 0 18px;gap:16px}.dashboard-main .section-heading h2{font-size:29px;line-height:1.2}.dashboard-main .section-heading .eyebrow{font-size:9px}.dashboard-main .news-grid{gap:14px}.dashboard-main .news-cover{height:74px;flex-direction:row;gap:12px}.dashboard-main .news-cover:before{width:90px;height:90px;left:30px}.dashboard-main .news-cover>.icon{width:31px;height:31px;margin-left:auto;margin-right:24px}.dashboard-main .news-cover>span{font-size:8px;letter-spacing:.16em;position:absolute;left:22px}.dashboard-main .news-copy{padding:18px}.dashboard-main .news-meta{font-size:9px;gap:9px;flex-wrap:wrap}.dashboard-main .news-copy h3{font-size:20px;line-height:1.3;margin:14px 0 10px}.dashboard-main .news-copy p{font-size:12px;line-height:1.65;min-height:40px;margin:0 0 10px}.dashboard-main .news-copy .text-link{font-size:11px;margin-top:6px;gap:12px}
.dashboard-main #hall-of-fame{margin-top:32px}.dashboard-main .fame-grid{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:18px}.dashboard-main .rank-panel{grid-column:auto;grid-row:auto;min-width:0;display:flex;flex-direction:column}.dashboard-main .rank-panel .panel-footnote{margin-top:auto}.dashboard-main .panel-head{padding:18px}.dashboard-main .panel-head h2{font-size:13px}.rank-tabs{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;gap:4px;padding:4px;margin:15px 18px 4px;background:#0c0911;border:1px solid #c994452c;border-radius:9px}.rank-tabs a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:0 15px;margin:0;border-radius:6px;font-size:11px;line-height:1.2;white-space:nowrap}.rank-tabs a[aria-selected=true]{background:linear-gradient(120deg,#85432145,#42212470);border-color:#ffb76860;color:#ffcf9c;box-shadow:0 2px 8px #0003}.rank-tabs a:focus-visible,.champion-profile:focus-visible{outline:2px solid #ffc16a;outline-offset:3px}
.rank-table.character-ranking{table-layout:fixed;font-size:12px}.rank-table.character-ranking th:first-child{width:42px;padding-left:16px}.rank-table.character-ranking td:first-child{padding-left:16px}.rank-table.character-ranking th:nth-child(2){width:auto}.rank-table.character-ranking th:nth-child(3){width:26%;text-align:left}.rank-table.character-ranking td:nth-child(3){text-align:left;color:#d5b69e}.rank-table.character-ranking th:nth-child(4){width:56px;text-align:center}.rank-table.character-ranking td:nth-child(4){text-align:center;color:#ffd093}.rank-table.character-ranking th:last-child{width:70px;text-align:center;padding-right:14px}.rank-table.character-ranking td:last-child{text-align:center;padding-right:14px}.rank-table.character-ranking th,.rank-table.character-ranking td{padding:13px 8px}.rank-table .class-label{display:inline-block;font-size:11px;line-height:1.5;overflow-wrap:break-word;color:#dcb995}.rank-table.character-ranking td strong{font-size:12px}
.damage-panel{border-color:#b46b3850;background:radial-gradient(ellipse at 50% 40%,#af501b1d,transparent 70%),#141019;display:flex;flex-direction:column;text-align:center;min-width:0}.damage-panel .panel-head{text-align:left}.damage-panel .panel-head .icon{color:#ffb760}#damage-content{flex:1;padding:24px 19px 14px}.damage-emblem{display:grid;place-items:center;margin:0 auto 20px;width:90px;height:92px;position:relative;color:#ffbe72;background:radial-gradient(circle,#c65c2634,transparent 68%)}.damage-emblem:before{content:"";position:absolute;width:59px;height:59px;transform:rotate(45deg);border:1px solid #e9945360;background:linear-gradient(120deg,#ef92371a,#130a16);box-shadow:0 0 0 7px #ed8c3109,0 0 30px #e8842217}.damage-emblem>.icon{position:relative;width:35px;height:35px}.damage-panel h3{font:25px/1.3 Georgia,serif;color:#ffe5c1;margin:10px 0 14px;overflow-wrap:anywhere}.damage-panel .empty-title{font-size:22px;max-width:220px;margin:10px auto 14px}.damage-score{font-size:34px;color:#ffcf8d}.damage-panel .soft{font-size:12px;line-height:1.7}.damage-panel .panel-footnote{text-align:left}
.champions-panel{overflow:hidden;border:1px solid #efad5865;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#af511d36,transparent 38%),linear-gradient(175deg,#28171d,#11101b 70%);box-shadow:0 0 45px #cc69131a,0 15px 30px #0003}.champions-title{text-align:center;padding:26px 22px 23px;border-bottom:1px solid #dea14e35;background:radial-gradient(ellipse at top,#b65b282b,transparent 85%)}.champions-sigil{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;background:linear-gradient(140deg,#80411f45,#29131e);border:1px solid #ffc36d70;border-radius:20px;box-shadow:0 0 0 6px #ffc16a08,0 0 35px #fa8c2928;transform:rotate(45deg)}.champions-sigil>.icon{width:35px;height:35px;color:#ffc76f;transform:rotate(-45deg)}.champions-title>.eyebrow{font-size:9px;letter-spacing:.17em}.champions-title h2{font:31px/1.15 Georgia,serif;color:#ffe5b8;margin:13px 0}.champions-title p{color:#c7adb6;font-size:11px;line-height:1.7;margin:0}.city-champion{padding:21px 22px;border-bottom:1px solid #cc94412c}.city-champion.city-2{background:radial-gradient(ellipse at 20% 50%,#6758be17,transparent 80%)}.city-champion.city-3{background:radial-gradient(ellipse at 20% 50%,#c7582d18,transparent 80%)}.champion-city{display:flex;align-items:center;gap:9px;color:#edb773;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:650;margin-bottom:14px}.champion-city>.icon{width:16px;height:16px;color:#c19168}.champion-profile{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;border-radius:9px;transition:background .2s,transform .2s}.champion-profile:not(.vacant):hover{background:#ffac4320;transform:translateX(3px)}.champion-crest{display:grid;place-items:center;flex:none;width:70px;height:76px;border:1px solid #e8b57348;border-radius:15px;background:linear-gradient(145deg,#ffc57315,#09091360);box-shadow:0 0 20px #ff9e2410}.champion-crest img{object-fit:contain;max-width:90%;max-height:90%;border-radius:10px}.champion-crest>.icon{width:31px;height:31px;color:#edac58}.champion-profile strong{display:block;font:23px/1.25 Georgia,serif;color:#ffe1b5;overflow-wrap:anywhere}.champion-profile small{display:flex;align-items:center;gap:5px;font-size:10px;color:#d59a70;margin-top:9px;line-height:1.5}.champion-profile small>.icon{width:12px;height:12px}.champion-profile.vacant strong{font-size:17px;line-height:1.45;color:#cdb6bd}.champion-profile.vacant .champion-crest{border-color:#b1875935;box-shadow:none}.champion-profile.vacant .champion-crest>.icon{opacity:.55}.city-champion dl{display:grid;gap:8px;font-size:10px;color:#af97a8;margin:16px 0 0}.city-champion dl>div{display:flex;justify-content:space-between;gap:13px}.city-champion dd{margin:0;text-align:right;color:#e7c3a0;line-height:1.5}
.monthly-champion{padding:24px 22px 8px;text-align:center}.monthly-champion-heading{display:flex;align-items:center;justify-content:center;gap:8px}.monthly-champion-heading>.icon{width:18px;height:18px;color:#f5b05e}.monthly-champion-heading h3{font:18px Georgia,serif;margin:0;color:#ffddb3}.monthly-champion .guild-crest{width:66px;height:76px;margin:22px auto 17px}.monthly-champion .guild-crest>.icon{width:28px;height:28px}.monthly-champion .guild-crest>span{font-size:5px}.monthly-champion>h3{font:22px/1.3 Georgia,serif;color:#ffe0b5;margin:13px 0}.monthly-champion .soft{font-size:11px;line-height:1.75;color:#c2a8b5}.monthly-champion .grand-score{font-size:34px}.monthly-champion .guild-list{padding:0}.monthly-champion .button{font-size:11px;min-height:38px;padding:9px 12px}.monthly-champion .panel-footnote{border:0;padding:17px 0;font-size:10px;line-height:1.65;color:#ae97a7}.champion-history{padding:18px 22px;border-top:1px solid #d9a25325;color:#d9bba0;font-size:11px}.champion-history summary{cursor:pointer}.champion-history ol{padding:12px 0 0;list-style:none;margin:0}.champion-history li{display:grid;gap:5px;padding:10px 0;border-top:1px solid #b3854127}.champion-history time{color:#a992a2;font-size:10px}
.dashboard-main .battle-records{margin:30px 0}.dashboard-main .record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-main .record-card{padding:20px}.dashboard-main .record-card h3{font-size:12px}.dashboard-main .battle-records .section-heading{align-items:center}.dashboard-main .battle-records .section-heading .button{min-height:37px;padding:8px 13px;font-size:10px}.dashboard-main .alchemy-ticker{margin:26px 0 0}.dashboard-main .ticker-title{font-size:11px;padding:15px 17px}.dashboard-main .ticker-empty{font-size:11px;padding:10px 20px}#dashboard>#world-events{margin-top:42px}
.guild-page{margin:32px 0 50px}.guild-back{margin:0 0 22px;font-size:12px}.guild-back>.icon{transform:rotate(180deg);width:16px}.guild-profile-heading{display:grid;grid-template-columns:150px minmax(0,1fr) 180px;gap:30px;align-items:center;padding:35px;border-color:#d8a05c66;background:radial-gradient(ellipse at 0 0,#b9552634,transparent 55%),#17121d}.guild-profile-crest{width:150px;height:160px;display:grid;place-items:center;border:1px solid #dfaa6655;border-radius:25px;background:linear-gradient(145deg,#ffb64f13,#13101d);box-shadow:0 0 30px #e6941512}.guild-profile-crest img{object-fit:contain;max-width:90%;max-height:90%}.guild-profile-crest>.icon{width:67px;height:67px;color:#d9a365}.guild-profile-heading h1{font:44px/1.2 Georgia,serif;margin:14px 0 18px;color:#ffe1b5;overflow-wrap:anywhere}.guild-profile-facts{display:flex;flex-wrap:wrap;gap:20px;color:#bda3b3;font-size:12px}.guild-profile-facts b{color:#edd1b3;font-weight:500;margin-left:8px}.guild-member-total{padding:20px 0 20px 28px;border-left:1px solid #d2a26435}.guild-member-total small{font-size:11px;color:#c7aebc}.guild-member-total strong{font:46px Georgia,serif;display:block;color:#ffd28d;margin-top:12px}.guild-city-titles{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.champion-badge{color:#ffc679;border-color:#efab4945;background:#f19a1e14}.guild-members-panel{margin-top:24px;overflow:hidden}.guild-roster-wrap{overflow-x:auto}.rank-table.guild-roster{table-layout:fixed;margin:0 0 14px}.rank-table.guild-roster th,.rank-table.guild-roster td{padding:18px 28px;font-size:13px}.rank-table.guild-roster th:first-child{width:35%}.rank-table.guild-roster th:nth-child(2){width:35%}.rank-table.guild-roster th:nth-child(3){width:15%;text-align:center}.rank-table.guild-roster td:nth-child(3){text-align:center}.rank-table.guild-roster th:last-child{width:15%;text-align:center}.rank-table.guild-roster td:last-child{text-align:center}.guild-roster .class-label{font-size:13px}.guild-unavailable{text-align:center;padding:50px 30px}.guild-unavailable h1{font:36px Georgia,serif}.guild-unavailable p{font-size:14px;color:#c4acba;line-height:1.8}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:330px minmax(0,1fr)}.dashboard-main .fame-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.dashboard-main .record-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1180px) and (min-width:901px){.dashboard-grid{grid-template-columns:265px minmax(0,1fr);gap:20px}.dashboard-main .news-grid{grid-template-columns:1fr}.dashboard-main .news-card{display:grid;grid-template-columns:90px minmax(0,1fr)}.dashboard-main .news-cover{height:100%;min-height:150px}.dashboard-main .news-cover>span{display:none}.dashboard-main .news-cover>.icon{margin:auto}.dashboard-main .news-copy h3{font-size:22px;margin:8px 0}.dashboard-main .news-copy p{min-height:0}.dashboard-main .fame-grid{grid-template-columns:1fr}.damage-panel{display:grid;grid-template-columns:minmax(0,1fr)}#damage-content{padding:18px 24px}.damage-emblem{float:left;margin:0 18px 0 0;width:72px;height:76px}.damage-panel .empty-title{max-width:none;text-align:left;margin-top:3px}.damage-panel .soft{text-align:left}.dashboard-main .record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-meta{width:580px;max-width:67%;padding:10px 2px}.dashboard-meta>div{padding:2px 9px;gap:7px}.dashboard-meta small{font-size:9px}.champions-title{padding:24px 17px}.champions-title h2{font-size:29px}.city-champion,.monthly-champion{padding-left:17px;padding-right:17px}}
@media(max-width:900px){.dashboard-header{flex-direction:column;align-items:stretch;gap:18px}.dashboard-title{grid-template-columns:1fr auto}.dashboard-title>.eyebrow{grid-column:1}.dashboard-title>h1{grid-column:1;grid-row:2}.dashboard-title>#hero-server{grid-column:2;grid-row:1/3}.dashboard-meta{width:100%;max-width:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-row:2}.dashboard-main{grid-row:1}.champions-title{padding:24px}.champions-title h2{font-size:32px}.city-champion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.city-champion{border-right:1px solid #cc94412c;padding:18px}.champion-profile{flex-direction:column;text-align:center}.champion-city{justify-content:center}.monthly-champion{padding:24px}.monthly-champion .guild-crest{display:none}.monthly-champion .empty-title{font-size:23px;max-width:none}.dashboard-main .fame-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.guild-profile-heading{grid-template-columns:110px minmax(0,1fr);gap:22px;padding:25px}.guild-profile-crest{width:110px;height:125px}.guild-profile-crest img{width:90px;height:90px}.guild-member-total{grid-column:1/-1;display:flex;align-items:center;gap:15px;border-left:0;border-top:1px solid #d2a26435;padding:15px 0 0}.guild-member-total strong{font-size:30px;margin:0}.guild-profile-heading h1{font-size:35px}.guild-profile-facts{gap:10px;font-size:11px}}
@media(max-width:650px){.dashboard-main .fame-grid{grid-template-columns:1fr}.dashboard-main .rank-panel{order:0}.damage-panel{order:1}.dashboard-main .news-grid{grid-template-columns:1fr}.dashboard-main .news-card{display:grid;grid-template-columns:70px minmax(0,1fr)}.dashboard-main .news-cover{height:100%;min-height:155px}.dashboard-main .news-cover>span{display:none}.dashboard-main .news-cover>.icon{width:27px;height:27px;margin:auto}.dashboard-main .news-copy h3{font-size:22px;margin-top:10px}.dashboard-meta{grid-template-columns:1.35fr 1fr;padding:10px}.dashboard-meta>div{padding:9px 10px}.dashboard-meta>div:nth-child(3){border-left:0}.dashboard-meta>div:nth-child(n+3){border-top:1px solid #cda26425}.dashboard-meta small{font-size:11px}.city-champion-list{grid-template-columns:1fr}.champion-profile{flex-direction:row;text-align:left}.champion-city{justify-content:flex-start}.city-champion{padding:21px 24px;border-right:0}.dashboard-main .record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main .battle-records .section-heading{align-items:flex-start}.rank-table.character-ranking th:first-child{width:35px;padding-left:9px}.rank-table.character-ranking td:first-child{padding-left:9px}.rank-table.character-ranking th:nth-child(3){width:25%}.rank-table.character-ranking th:nth-child(4){width:43px}.rank-table.character-ranking th:last-child{width:55px;padding-right:8px}.rank-table.character-ranking td:last-child{padding-right:8px}.rank-table.character-ranking th,.rank-table.character-ranking td{padding:13px 6px}.rank-table.character-ranking td strong{font-size:11px}.rank-tabs{margin-left:14px}.guild-profile-heading{grid-template-columns:1fr;text-align:center}.guild-profile-crest{margin:auto}.guild-profile-facts,.guild-city-titles,.guild-member-total{justify-content:center}.guild-profile-heading h1{font-size:34px}.guild-roster{min-width:540px}.rank-table.guild-roster th,.rank-table.guild-roster td{padding:16px}}
@media(prefers-reduced-motion:reduce){.champion-profile{transition:none}.champion-profile:not(.vacant):hover{transform:none}}