.visual-page{padding-top:68px}.preview-ribbon{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;margin:0 0 18px;background:#191b1c;border:1px solid rgba(255,255,255,.07);color:#9c9e99;font-size:9px}.preview-ribbon b{color:var(--gold2);font-size:8px;letter-spacing:.14em}.preview-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px rgba(227,181,101,.55)}
.rank-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px}.rank-summary article{min-height:100px;padding:17px 19px;background:#191b1c;border:1px solid rgba(255,255,255,.065);display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 10px}.rank-summary small,.rank-summary span{color:#8f928d;font-size:8px;letter-spacing:.14em}.rank-summary strong{grid-row:span 2;align-self:center;font:700 28px Manrope,sans-serif;color:var(--gold2)}.rank-summary span{font-size:7px}.rank-summary .rank-season strong{font-size:22px}.rank-summary .rank-season i{font-style:normal;color:#777}
.rank-toolbar,.guild-section-head,.shop-toolbar,.event-schedule-head,.support-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.rank-tabs{display:flex;gap:6px}.rank-tab{padding:10px 14px;color:#a5a6a2;background:#191b1c;border:1px solid rgba(255,255,255,.075);font:600 9px "DM Sans",sans-serif;cursor:pointer}.rank-tab.active{color:var(--gold2);border-color:rgba(200,148,75,.4);background:rgba(200,148,75,.08)}.rank-reset-note{color:#858883;font-size:8px}.rank-reset-note i{color:var(--gold2);font-size:14px;font-style:normal;margin-right:5px}.rank-panel{padding:20px;background:#191b1c;border:1px solid rgba(255,255,255,.07)}.rank-panel[hidden]{display:none}.rank-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.rank-panel-head small,.guild-section-head small,.shop-toolbar small,.event-schedule-head>div>small,.support-section-head small{color:var(--gold2);font-size:7px;letter-spacing:.17em}.rank-panel-head h2,.guild-section-head h2,.shop-toolbar h2,.event-schedule-head h2,.support-section-head h2{font:650 17px Manrope,sans-serif;margin:5px 0 0}.rank-panel-symbol{width:38px;height:38px;display:grid;place-items:center;color:var(--gold2);border:1px solid rgba(200,148,75,.2);background:rgba(200,148,75,.06);font-size:17px}.rank-columns{display:grid;grid-template-columns:60px 1fr 100px 90px;padding:0 13px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#8e918c;font-size:7px;letter-spacing:.16em}.rank-columns span:nth-child(n+3){text-align:right}.rank-guild-columns{grid-template-columns:60px 1fr 100px 90px}.rank-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.rank-empty-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:12px;color:var(--gold2);border:1px solid rgba(200,148,75,.22);border-radius:50%;font-size:18px}.rank-empty>b{font:600 12px Manrope,sans-serif}.rank-empty>p{max-width:430px;color:#929590;font-size:9px;line-height:1.6;margin:7px 0 0}.rank-empty .portal-badge{margin-top:12px}
.guild-feature{position:relative;min-height:226px;display:flex;align-items:center;gap:26px;padding:28px 32px;overflow:hidden;background:linear-gradient(110deg,#1c1e1f,#191b1c 58%,#201b15);border:1px solid rgba(255,255,255,.07)}.guild-emblem{position:relative;width:110px;height:110px;flex:0 0 110px;display:grid;place-items:center;border:1px solid rgba(217,170,93,.42);transform:rotate(45deg);background:linear-gradient(145deg,rgba(200,148,75,.15),rgba(15,17,18,.15));box-shadow:0 0 45px rgba(200,148,75,.08)}.guild-emblem span{color:var(--gold2);font-size:40px;transform:rotate(-45deg)}.guild-emblem i{position:absolute;inset:9px;border:1px solid rgba(217,170,93,.25)}.guild-feature-copy{position:relative;z-index:1;max-width:580px}.guild-feature-copy>small{color:var(--gold2);font-size:7px;letter-spacing:.2em}.guild-feature-copy h2{font:750 26px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.guild-feature-copy>p{color:#999b97;font-size:10px;line-height:1.7;margin:0}.guild-stats{display:flex;gap:26px;margin-top:17px}.guild-stats span{display:flex;flex-direction:column;gap:2px}.guild-stats b{font:650 14px Manrope,sans-serif;color:#eee}.guild-stats small{font-size:7px;color:#888b86;letter-spacing:.12em}.guild-side-mark{position:absolute;right:8%;top:50%;transform:translateY(-50%);font:800 170px/.7 Manrope,sans-serif;color:rgba(222,178,105,.035);text-align:center}.guild-side-mark span{font-size:90px;color:rgba(222,178,105,.07)}.guild-section-head{margin:31px 0 14px}.guild-section-head h2{font-size:18px}.guild-section-head .button{min-height:38px}.guild-empty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guild-empty-card{min-height:180px;position:relative;padding:20px;background:#191b1c;border:1px solid rgba(255,255,255,.065)}.guild-card-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--gold2);border:1px solid rgba(200,148,75,.19);font-size:15px}.guild-lines{display:flex;flex-direction:column;gap:8px;margin-top:18px}.guild-lines i{height:5px;width:70%;background:rgba(255,255,255,.07)}.guild-lines i:nth-child(2){width:45%}.guild-lines i:nth-child(3){width:58%}.guild-empty-card .portal-badge{position:absolute;bottom:13px;right:14px;margin:0;padding:5px 7px;font-size:6px}
.event-feature{min-height:184px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 34px;overflow:hidden;background:linear-gradient(108deg,#1d1e1d,#1a1b1a 60%,#252016);border:1px solid rgba(255,255,255,.07)}.event-feature-copy{position:relative;z-index:1;max-width:520px}.event-feature-copy>small,.event-countdown>small{color:var(--gold2);font-size:7px;letter-spacing:.18em}.event-feature-copy h2{font:700 24px Manrope,sans-serif;margin:8px 0}.event-feature-copy p{color:#999b96;font-size:10px;line-height:1.7;margin:0}.event-countdown{position:relative;z-index:1;min-width:210px;padding-left:23px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.event-countdown>b{font:700 25px Manrope,sans-serif;letter-spacing:.05em}.event-countdown i{font-style:normal;color:var(--gold2)}.event-countdown>span{color:#8f928d;font-size:7px;letter-spacing:.15em}.event-feature-art{position:absolute;right:30%;top:-38px;font-size:250px;line-height:1;color:rgba(219,168,84,.04);pointer-events:none}.event-schedule-head{margin:31px 0 14px}.event-timezone{padding:8px 10px;color:#92948f;border:1px solid rgba(255,255,255,.08);font-size:7px;letter-spacing:.12em}.event-timezone i{color:var(--gold2);font-style:normal}.event-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.event-type-grid article{position:relative;min-height:150px;padding:17px;background:#191b1c;border:1px solid rgba(255,255,255,.065)}.event-type-grid article>span{position:absolute;right:14px;top:12px;color:#646761;font-size:8px}.event-type-grid article>b{color:var(--gold2);font-size:17px}.event-type-grid h3{font:600 11px Manrope,sans-serif;margin:18px 0 6px}.event-type-grid p{color:#8e918c;font-size:8px;margin:0}
.download-hero{min-height:290px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center;padding:33px 38px;overflow:hidden;background:linear-gradient(115deg,#1d1e1e,#181a1b 58%,#211b14);border:1px solid rgba(255,255,255,.07)}.download-hero-copy{position:relative;z-index:1;max-width:480px}.download-state-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.09);color:#9c9e99;font-size:7px;letter-spacing:.14em}.download-state-pill i{width:6px;height:6px;border-radius:50%;background:#d59b55}.download-hero-copy h2{font:750 clamp(28px,4vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:17px 0 12px}.download-hero-copy p{color:#9b9d99;font-size:10px;line-height:1.75;margin:0 0 17px}.download-hero-copy .button{min-height:39px;gap:18px}.download-hero-copy .button b{font-size:14px}.download-package{min-height:205px;position:relative;z-index:1;padding:22px;background:rgba(13,15,16,.45);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start}.package-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(200,148,75,.3);color:var(--gold2);font:800 12px Manrope,sans-serif}.download-package>small{color:#92948f;font-size:7px;letter-spacing:.17em}.download-package>b{font:650 12px Manrope,sans-serif;margin-top:4px}.download-package>span{font-size:8px;color:#8b8e89;margin-top:3px}.package-progress{height:3px;width:100%;margin-top:auto;background:rgba(255,255,255,.08)}.package-progress i{display:block;width:18%;height:100%;background:var(--gold)}.package-progress-meta{display:flex;justify-content:space-between;width:100%;margin-top:7px;color:#858883;font-size:6px;letter-spacing:.12em}.download-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.download-steps article{min-height:132px;position:relative;padding:17px;background:#191b1c;border:1px solid rgba(255,255,255,.065)}.download-steps article>span{position:absolute;right:14px;top:12px;color:#666964;font-size:8px}.step-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(200,148,75,.2);color:var(--gold2);font-size:14px}.download-steps h3{font:600 11px Manrope,sans-serif;margin:12px 0 4px}.download-steps p{color:#92948f;font-size:8px;line-height:1.6;margin:0}
.store-account{position:relative;min-height:76px;gap:13px;padding:14px 17px}.store-account-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(200,148,75,.22);color:var(--gold2);font-size:17px}.store-account>div:nth-child(2){flex:1}.store-account .button{min-height:34px;font-size:8px}.store-account .balance{min-width:100px}.shop-toolbar{margin:28px 0 13px}.shop-toolbar h2{font-size:18px}.shop-categories{display:flex;gap:5px}.shop-categories button{padding:8px 10px;background:#191b1c;border:1px solid rgba(255,255,255,.07);color:#8f918d;font:600 7px "DM Sans",sans-serif;letter-spacing:.08em}.shop-categories button.active{color:var(--gold2);border-color:rgba(200,148,75,.3)}.shop-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-item-card{overflow:hidden;background:#191b1c;border:1px solid rgba(255,255,255,.07)}.shop-item-art{height:160px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(199,142,65,.11),transparent 63%),#161819}.shop-item-art:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(215,165,87,.13);border-radius:50%;box-shadow:0 0 0 17px rgba(215,165,87,.025),0 0 0 34px rgba(215,165,87,.02)}.shop-item-art>span{z-index:1;color:rgba(230,184,105,.55);font-size:38px}.shop-item-art>small{position:absolute;bottom:11px;left:13px;color:#787b76;font-size:6px;letter-spacing:.16em}.item-art-two{background:radial-gradient(ellipse at center,rgba(77,114,145,.13),transparent 62%),#161819}.item-art-three{background:radial-gradient(ellipse at center,rgba(140,71,59,.13),transparent 62%),#161819}.shop-item-info{padding:13px 15px}.shop-item-info>span{color:#9b845e;font-size:6px;letter-spacing:.15em}.shop-item-info h3{font:600 11px Manrope,sans-serif;margin:4px 0 11px}.shop-item-info>div{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.shop-item-info>div>b{font:600 9px Manrope,sans-serif;color:#a4a6a0}.shop-item-info>div>b small{font-size:6px;color:#7d807b}.shop-item-info button{padding:6px 12px;background:#27292a;border:1px solid rgba(255,255,255,.08);color:#777a75;font:600 7px "DM Sans",sans-serif}.shop-page>.portal-footnote{margin-top:13px}
.redeem-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.redeem-card,.redeem-side{position:relative;padding:29px;background:#191b1c;border:1px solid rgba(255,255,255,.07)}.redeem-card{overflow:hidden}.redeem-card:after{content:"";position:absolute;right:-65px;top:-75px;width:220px;height:220px;border:1px solid rgba(217,168,91,.1);border-radius:50%;box-shadow:0 0 0 22px rgba(217,168,91,.018),0 0 0 45px rgba(217,168,91,.012);pointer-events:none}.redeem-glyph{width:40px;height:40px;display:grid;place-items:center;margin-bottom:19px;border:1px solid rgba(200,148,75,.23);color:var(--gold2);font-size:20px}.redeem-card>span{color:var(--gold2);font-size:7px;letter-spacing:.18em}.redeem-card h2{font:700 22px Manrope,sans-serif;margin:6px 0}.redeem-card>p{max-width:500px;color:#999b96;font-size:9px;line-height:1.7;margin:0 0 20px}.redeem-card .code-form{position:relative;z-index:1;padding:16px;grid-template-columns:1fr auto;gap:9px}.redeem-card .code-form input{height:40px}.redeem-card .code-form .button{min-width:100px;min-height:40px}.redeem-card .code-form p{font-size:8px}.redeem-side{padding:29px 25px;background:linear-gradient(145deg,#1b1d1e,#17191a)}.redeem-side>small{color:var(--gold2);font-size:7px;letter-spacing:.17em}.redeem-side h3{font:650 16px Manrope,sans-serif;margin:8px 0 20px}.redeem-side ol{list-style:none;padding:0;margin:0}.redeem-side li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);font-size:9px;color:#c4c5c0}.redeem-side li i{font-style:normal;color:var(--gold2);font-size:8px;letter-spacing:.12em}.redeem-note{display:flex;gap:10px;padding:12px;margin-top:16px;background:rgba(200,148,75,.06);color:#969893;font-size:8px;line-height:1.6}.redeem-note b{color:var(--gold2)}
.rules-intro{display:flex;align-items:center;gap:16px;padding:22px;background:linear-gradient(110deg,#1c1e1f,#181a1b);border:1px solid rgba(255,255,255,.07)}.rules-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(200,148,75,.24);color:var(--gold2);font:600 20px Georgia,serif}.rules-intro>div:nth-child(2){flex:1}.draft-label{color:var(--gold2);font-size:7px;letter-spacing:.17em}.rules-intro h2{font:650 16px Manrope,sans-serif;margin:4px 0}.rules-intro p{color:#999b96;font-size:9px;line-height:1.6;margin:0}.rules-intro .portal-badge{margin:0}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:12px}.rules-grid article{position:relative;min-height:150px;padding:19px;background:#191b1c;border:1px solid rgba(255,255,255,.065)}.rules-grid article>span{position:absolute;right:16px;top:14px;color:#666964;font-size:8px}.rules-grid article>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(200,148,75,.17);color:var(--gold2);font-style:normal;font-size:13px}.rules-grid h3{font:600 12px Manrope,sans-serif;margin:13px 0 5px}.rules-grid p{font-size:8px;color:#8f928d;margin:0}.rules-bottom-note{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 15px;background:rgba(200,148,75,.045);border:1px solid rgba(200,148,75,.1);color:#969893;font-size:8px}.rules-bottom-note>span{color:var(--gold2)}.rules-bottom-note p{margin:0}
.support-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:27px 30px;background:linear-gradient(110deg,#1b1d1e,#17191a 64%,#201b15);border:1px solid rgba(255,255,255,.07)}.support-hero>div{position:relative;padding-left:51px}.support-icon{position:absolute;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(200,148,75,.22);color:var(--gold2);font:700 17px Manrope,sans-serif}.support-hero>div>small,.support-contact small{color:var(--gold2);font-size:7px;letter-spacing:.17em}.support-hero h2{font:650 17px Manrope,sans-serif;margin:6px 0}.support-hero p{max-width:500px;color:#989a96;font-size:9px;line-height:1.7;margin:0}.support-contact{position:relative;min-width:205px;padding:13px 35px 13px 15px;background:#17191a;border:1px solid rgba(255,255,255,.08)}.support-contact b{display:block;margin-top:5px;font:600 10px Manrope,sans-serif}.support-contact>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--gold2)}.support-section-head{margin:30px 0 13px}.support-section-head h2{font-size:17px}.support-topics{border-top:1px solid rgba(255,255,255,.09)}.support-topics details{background:#191b1c;border-bottom:1px solid rgba(255,255,255,.07)}.support-topics summary{min-height:54px;display:flex;align-items:center;gap:13px;padding:0 17px;list-style:none;cursor:pointer}.support-topics summary::-webkit-details-marker{display:none}.support-topics summary>i{font-style:normal;color:var(--gold2);font-size:8px}.support-topics summary>b{flex:1;font:550 10px Manrope,sans-serif}.support-topics summary>span{color:var(--gold2);font-size:15px;transition:transform .2s}.support-topics details[open] summary>span{transform:rotate(45deg)}.support-topics details>p{padding:0 17px 16px 48px;margin:0;color:#989a96;font-size:9px;line-height:1.7}
@media(max-width:900px){.visual-page{padding-top:56px}.event-type-grid{grid-template-columns:repeat(2,1fr)}.download-hero{padding:25px}.download-package{min-height:190px}.shop-categories{gap:3px}.shop-categories button{padding:7px}.redeem-layout{grid-template-columns:1fr  .75fr}.support-contact{min-width:180px}}
@media(max-width:640px){.visual-page{padding:44px 20px 65px}.preview-ribbon{align-items:flex-start;padding:11px;flex-wrap:wrap;line-height:1.5}.preview-ribbon>span:last-child{width:100%;padding-left:16px}.rank-summary{grid-template-columns:1fr 1fr}.rank-summary article:last-child{grid-column:1/-1}.rank-toolbar{align-items:flex-start;flex-direction:column}.rank-tab{padding:9px 10px;font-size:8px}.rank-panel{padding:13px}.rank-panel-head{margin-bottom:13px}.rank-columns{grid-template-columns:37px 1fr 52px 52px;padding:0 4px 9px;font-size:6px}.rank-guild-columns{grid-template-columns:37px 1fr 61px 51px}.rank-empty{min-height:190px;padding:15px}.guild-feature{align-items:flex-start;gap:18px;padding:22px 18px;min-height:235px}.guild-emblem{width:62px;height:62px;flex-basis:62px;margin-top:8px}.guild-emblem span{font-size:25px}.guild-emblem i{inset:6px}.guild-feature-copy h2{font-size:20px}.guild-feature-copy>p{font-size:8px}.guild-stats{gap:13px}.guild-stats small{font-size:6px}.guild-side-mark{right:-3%;font-size:120px}.guild-empty-grid{grid-template-columns:1fr;gap:8px}.guild-empty-card{min-height:115px}.guild-empty-card .guild-lines{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.guild-empty-card .guild-lines i{width:80%}.event-feature{align-items:flex-start;flex-direction:column;padding:22px;gap:17px}.event-feature-copy h2{font-size:20px}.event-countdown{padding:12px 0 0;border:0;border-top:1px solid rgba(255,255,255,.1);width:100%}.event-feature-art{right:0;top:-20px;font-size:190px}.event-type-grid{grid-template-columns:1fr 1fr;gap:7px}.event-type-grid article{min-height:135px;padding:13px}.event-type-grid h3{font-size:9px}.event-schedule-head{align-items:flex-start}.event-timezone{font-size:6px}.download-hero{grid-template-columns:1fr;padding:22px;gap:17px}.download-hero-copy h2{font-size:34px}.download-package{min-height:170px}.download-steps{grid-template-columns:1fr;gap:7px}.download-steps article{min-height:104px;padding-left:58px}.step-icon{position:absolute;left:16px;top:32px}.download-steps h3{margin-top:4px}.store-account{display:grid;grid-template-columns:36px 1fr auto;gap:10px}.store-account .balance{grid-column:2/-1;margin:0;text-align:left}.store-account .button{grid-column:3;grid-row:1}.shop-toolbar{align-items:flex-start;flex-direction:column}.shop-categories{width:100%;flex-wrap:wrap}.shop-categories button{padding:8px}.shop-preview-grid{grid-template-columns:1fr 1fr;gap:8px}.shop-item-art{height:125px}.shop-item-info{padding:11px}.shop-item-info h3{font-size:9px}.shop-item-info>div>b{font-size:7px}.shop-item-info button{padding:6px 8px}.redeem-layout{grid-template-columns:1fr}.redeem-card,.redeem-side{padding:22px}.redeem-card h2{font-size:19px}.redeem-card .code-form{grid-template-columns:1fr}.redeem-card .code-form .button{width:100%}.redeem-card .code-form p{grid-column:1}.rules-intro{align-items:flex-start;flex-wrap:wrap;padding:17px}.rules-intro>div:nth-child(2){min-width:calc(100% - 60px)}.rules-intro>.portal-badge{margin-left:58px}.rules-intro h2{font-size:14px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:127px}.support-hero{grid-template-columns:1fr;padding:22px}.support-hero>div{padding-left:46px}.support-contact{min-width:0}.support-section-head{align-items:flex-start;flex-direction:column}.support-section-head h2{font-size:15px}}
