:root{--portal-max:1420px}.portal-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - var(--portal-max))/2));gap:24px;background:#140c09f2;border-bottom:1px solid #c9a24a40;position:relative;z-index:65;box-shadow:0 4px 20px #0006}.portal-brand img{width:150px;height:auto}.portal-nav{display:flex;gap:30px;align-items:center}.portal-nav a,.header-login{font:500 13px var(--font-display);text-transform:uppercase;letter-spacing:1px;text-decoration:none;color:var(--text-secondary)}.portal-nav a:hover,.header-login:hover{color:var(--brass-300)}.header-actions{display:flex;gap:20px;align-items:center;min-width:220px;justify-content:flex-end}.btn.compact{font-size:11px;padding:10px 17px;min-height:41px}.mobile-menu-button{display:none;width:42px;height:42px;border:1px solid var(--bg-600);color:var(--brass-300);border-radius:6px;font-size:23px}.mobile-menu{position:absolute;z-index:64;left:0;right:0;top:64px;background:var(--bg-800);padding:16px 24px;border-bottom:1px solid var(--brass-400);display:grid;grid-template-columns:1fr 1fr;gap:14px}.mobile-menu a{color:var(--brass-300);font-size:13px;text-decoration:none}[hidden]{display:none!important}.portal-banner{height:300px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-900)}.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;z-index:-3}.banner-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#140c09f0,#140c094d 70%,#140c0977),radial-gradient(ellipse at center,#140c0930,#140c0966)}.portal-banner:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:45px;background:var(--bg-900);mask:var(--brush-disc) center top/120% 100%;z-index:-1}.banner-logo{width:365px;max-width:70%;margin-top:10px;filter:drop-shadow(0 6px 15px #0009)}.banner-logo img{width:100%;height:auto}.banner-tagline{max-width:none;font:500 11px var(--font-display);letter-spacing:2.3px;color:var(--brass-300);margin-top:22px;text-align:center}.banner-tagline>span{font-family:var(--font-ko);font-size:15px;color:var(--rust-200);margin-right:9px}.portal-breadcrumb{max-width:var(--portal-max);margin:0 auto 24px;padding:8px 0 17px;display:flex;gap:12px;align-items:center;font-size:11px;color:var(--text-secondary);border-bottom:1px solid var(--bg-600)}.portal-breadcrumb a{text-decoration:none;color:var(--brass-300)}.connection-badge{margin-left:auto;font:500 9px var(--font-display);letter-spacing:1.8px;color:var(--rust-200)}.portal-layout{width:min(calc(100% - 48px),var(--portal-max));margin:0 auto 100px;display:grid;grid-template-columns:225px minmax(0,1fr) 255px;gap:25px;align-items:start}.portal-left,.portal-right{display:grid;gap:24px}.side-panel{position:relative;isolation:isolate;background:var(--bg-800);border:1px solid var(--bg-600);box-shadow:inset 0 0 0 1px #c9a24a10,0 8px 25px #0003;border-radius:6px;overflow:hidden}.side-panel:before{content:'';position:absolute;inset:0;background:var(--pattern) center/var(--pattern-size);opacity:.65;z-index:-1}.side-heading{padding:17px 14px;background:#3a221a88;border-bottom:1px solid var(--bg-600);font:600 12px/1.4 var(--font-display);letter-spacing:1px;color:var(--brass-300);display:flex;align-items:center;gap:8px}.side-heading>span{font:600 14px var(--font-ko);color:var(--rust-200)}.player-menu{display:grid;padding:7px 0}.player-menu>a{min-height:45px;display:flex;gap:10px;align-items:center;padding:9px 17px;text-decoration:none;font-size:12px;color:var(--text-secondary);border-left:3px solid transparent}.player-menu>a>span{color:var(--rust-200);font-size:17px;width:18px;text-align:center}.player-menu>a>b{font-size:17px;margin-left:auto;font-weight:400;color:#876846}.player-menu>a:hover{background:#3a221a88;color:var(--text-primary)}.player-menu>a.active{border-left-color:var(--crimson-300);background:#9c1f1a30;color:var(--text-primary)}.side-muted{padding:20px 16px;font-size:12px;color:var(--text-secondary)}.status-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--bg-600);font-size:12px;color:var(--text-secondary)}.status-pill{font-size:9px;letter-spacing:1px;font-weight:600;color:#d29979}.status-pill.online{color:#9fbc76}.status-pill:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}.status-foot{font-size:9px;padding:13px 14px;max-width:none;color:#8f7a62}.presentation-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 15px;text-align:center;background:linear-gradient(#190f0ac9,#140c09ef),url('/presentation/assets/hero.avif') center/cover;border:1px solid var(--bg-600);text-decoration:none;border-radius:5px}.presentation-card>span{font:24px var(--font-ko);color:var(--rust-200)}.presentation-card strong{font:600 15px var(--font-display);letter-spacing:.7px;color:var(--brass-300)}.presentation-card small{font-size:11px;color:var(--text-secondary)}.presentation-card b{font:500 10px var(--font-display);color:var(--rust-200);margin-top:10px}.content-panel{padding:40px 38px;position:relative;isolation:isolate;border-radius:5px;box-shadow:0 12px 35px #0005,inset 0 0 0 1px #c9a24a66;min-height:460px;background:linear-gradient(145deg,var(--parchment-100),var(--parchment-300));overflow:hidden}.content-panel:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:var(--pattern) center/var(--pattern-size)}.content-panel .sec-head{margin-bottom:28px}.content-panel .sec-title{font-size:26px;min-width:min(344px,100%)}.content-panel .sec-title__line{padding:.28em .3em .22em;gap:.45em}.content-panel .sec-title__line>span{font-size:.85em}.content-panel .sec-title:after{margin-top:22px}.panel-intro{text-align:center;font-size:13px;line-height:1.7;max-width:49ch;margin:0 auto 28px}.panel-eyebrow{text-align:center;font:500 10px var(--font-display);letter-spacing:2px;color:var(--accent);margin:0 auto 12px}.account-form{max-width:450px;margin:auto;display:grid;gap:20px}.field label{display:block;font:600 11px var(--font-display);color:var(--text-on-light);letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.field input{width:100%;height:48px;background:#24160f;color:var(--text-primary);border:1px solid #6f502b;border-radius:4px;padding:11px 13px;font-family:var(--font-body);font-size:13px;box-shadow:inset 0 2px 6px #0004}.field input::placeholder{color:#ac9475}.field input:focus{outline:2px solid #7a2711;outline-offset:2px}.field small{display:block;font-size:10px;color:#3f2a14;line-height:1.6;margin-top:7px}.password-field{position:relative}.password-field input{padding-right:65px}.show-password{position:absolute;right:7px;top:7px;height:34px;padding:0 8px;font-size:10px;color:var(--brass-300);cursor:pointer}.account-form>.btn{width:100%;margin-top:5px}.account-form>.btn:disabled{opacity:.6;cursor:wait;transform:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-message{padding:12px 15px;font-size:12px;border:1px solid #7a271155;border-radius:4px;background:#f3dfb84d;color:#68170d;max-width:none}.form-message.success{background:#dbe5b97a;border-color:#52632e;color:#294215}.form-message:empty{display:none}.form-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:22px;font-size:11px}.form-links a{color:var(--accent);text-underline-offset:4px}.form-divider{height:1px;background:linear-gradient(90deg,transparent,#74522499,transparent);margin:27px 0 22px}.form-bottom{text-align:center;font-size:12px;max-width:none;color:var(--ink-muted)}.form-bottom a{font-weight:600;color:var(--accent);text-underline-offset:3px}.form-note{text-align:center;font-size:10px;color:#4b341e;margin:0 auto;max-width:44ch;line-height:1.8}.mini-ranking{padding:6px 14px}.mini-rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) 39px;gap:7px;align-items:center;min-height:41px;border-bottom:1px solid var(--bg-600);font-size:11px}.mini-rank-row:last-child{border:0}.mini-rank-row .position{color:var(--brass-300);font:600 13px var(--font-display)}.mini-rank-row .rank-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-rank-row .rank-level{color:var(--text-secondary);text-align:right;font-size:10px}.side-link{display:flex;align-items:center;justify-content:space-between;padding:15px;font:500 10px var(--font-display);letter-spacing:.8px;color:var(--brass-300);text-decoration:none;background:#3a221a66;border-top:1px solid var(--bg-600)}.discord-panel{text-align:center;padding:25px 16px;background:radial-gradient(ellipse at 50% 0,#7e16144d,transparent 80%),var(--bg-800);border:1px solid var(--bg-600);border-radius:5px}.discord-symbol{display:block;font-size:37px;color:var(--brass-300);margin-bottom:5px}.discord-panel>p:first-of-type{font:500 8px var(--font-display);letter-spacing:2px;color:var(--rust-200);max-width:none}.discord-panel h2{font:600 20px/1.3 var(--font-display);letter-spacing:.6px;color:var(--brass-300);margin:10px 0}.discord-description{font-size:11px;max-width:none;margin-bottom:22px}.discord-panel .btn{font-size:10px;padding:10px 13px;min-height:43px;width:100%}.starter-note{text-align:center;padding:20px 12px}.starter-note>span{font:22px var(--font-ko);color:var(--rust-200)}.starter-note h2{font:500 15px/1.5 var(--font-display);color:var(--brass-300);margin:11px 0}.starter-note p{font-size:11px;margin:0 auto 16px;max-width:24ch}.starter-note a{font:500 9px var(--font-display);color:var(--rust-200);text-decoration:none}.portal-footer{padding:50px 24px 30px;text-align:center;position:relative;border-top:1px solid var(--bg-600);background:radial-gradient(ellipse at bottom,#4d211b55,transparent 75%),var(--bg-900)}.footer-brand img{width:210px;max-width:60%;margin:0 auto 19px}.portal-footer>p{margin:auto;max-width:none;font-size:12px}.portal-footer nav{display:flex;gap:23px;justify-content:center;flex-wrap:wrap;margin:27px 0}.portal-footer nav a,.portal-footer nav button{font-size:11px;color:var(--text-secondary);text-decoration:none;cursor:pointer}.portal-footer .footer-legal{font-size:9px;color:#8d785f;margin-top:30px}dialog{max-width:560px;width:calc(100% - 36px);padding:30px;background:var(--bg-800);color:var(--text-primary);border:1px solid var(--brass-400);border-radius:7px;box-shadow:0 20px 80px #000b}dialog::backdrop{background:#000b}dialog p{font-size:13px;margin:16px 0}dialog .btn{margin-top:15px}.dialog-head{display:flex;align-items:start;gap:15px;justify-content:space-between}.dialog-head h2{font:600 21px var(--font-display);color:var(--brass-300)}.dialog-head button{font-size:29px;color:var(--rust-200);line-height:1;cursor:pointer}.welcome-logo{width:180px;margin:0 auto 25px}.home-intro{text-align:center}.home-intro h2{font:600 23px/1.4 var(--font-display);color:var(--accent);margin-bottom:18px}.home-intro>p{font-size:13px;line-height:1.8;margin:0 auto 25px}.welcome-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0 33px}.welcome-actions .btn{font-size:11px;padding:12px 22px}.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #79552655;padding-top:25px;text-align:center}.home-stats strong{font:600 32px var(--font-display);color:var(--accent);display:block}.home-stats span{font-size:10px;color:var(--ink-muted)}.account-welcome{text-align:center;margin-bottom:25px}.account-welcome>p{margin:auto;font-size:13px}.account-welcome strong{color:var(--accent)}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.account-stat{background:#f7e5c233;border:1px solid #6e4b2444;border-radius:4px;padding:16px}.account-stat>span{font-size:10px;color:var(--ink-muted);display:block}.account-stat>strong{font:600 26px var(--font-display);color:var(--accent);display:block;margin-top:3px}.account-details{margin:25px 0;display:grid;gap:11px}.account-details div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #6e4b2433;padding-bottom:11px}.account-details span{color:var(--ink-muted)}.account-details b{font-weight:500;color:var(--ink);overflow-wrap:anywhere;text-align:right}.account-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.account-actions .btn{font-size:10px;padding:12px 18px}.account-subtitle{font:600 17px var(--font-display);color:var(--accent);margin:28px 0 18px}.empty-state{padding:30px 18px;text-align:center;border:1px dashed #79552666;border-radius:5px;margin:20px 0}.empty-state .empty-icon{font-size:40px;color:var(--accent);display:block;margin-bottom:15px}.empty-state h2{font:600 20px var(--font-display);color:var(--accent);margin-bottom:15px}.empty-state p{font-size:12px;max-width:42ch;margin:0 auto 20px}.empty-state .btn{font-size:10px;padding:11px 20px}.character-list{display:grid;gap:14px}.character-card{display:flex;align-items:center;gap:18px;padding:20px;background:#f7e5c233;border:1px solid #6e4b2444;border-radius:4px}.character-emblem{width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid #79552655;border-radius:50%;font-size:23px;color:var(--accent)}.character-info{min-width:0;flex:1}.character-info h2{font:600 17px var(--font-display);color:var(--accent);overflow-wrap:anywhere}.character-info p{font-size:11px;margin-top:5px}.character-level{font:600 25px var(--font-display);color:var(--ink)}.table-wrap{overflow:auto;margin-top:24px}.rank-table{width:100%;border-collapse:collapse;font-size:12px}.rank-table th{font:600 10px var(--font-display);text-align:left;color:var(--accent);padding:13px 9px;border-bottom:2px solid #79552655}.rank-table td{padding:14px 9px;border-bottom:1px solid #79552633;color:var(--ink)}.rank-table td:first-child{font-weight:600;color:var(--accent)}.download-card{padding:25px 20px;background:#f7e5c233;border:1px solid #6e4b2444;border-radius:5px;margin-bottom:18px}.download-card h2{font:600 20px var(--font-display);color:var(--accent)}.download-card p{font-size:12px;margin:12px 0 19px}.download-card .btn{font-size:11px;padding:12px 22px}.download-steps{list-style:decimal;padding-left:20px;font-size:12px;color:var(--ink-muted);display:grid;gap:12px;margin:25px 0}.vote-site{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f7e5c233;border:1px solid #6e4b2444;border-radius:4px;padding:20px;margin:18px 0}.vote-site h2{font:600 17px var(--font-display);color:var(--accent)}.vote-site p{font-size:10px;margin-top:7px}.vote-site .btn{font-size:10px;padding:10px 18px;min-height:43px}.loading-text{font-size:13px;text-align:center;margin:40px auto;color:var(--ink-muted)}.security-warning{padding:15px 18px;background:#7e1614;color:var(--text-primary);font-size:12px;margin-bottom:20px;border-radius:4px}.security-warning a{color:var(--brass-300)}.session-status{color:var(--brass-300);font-size:12px;text-decoration:none;max-width:130px;overflow:hidden;text-overflow:ellipsis}.logout-button{font:500 10px var(--font-display);letter-spacing:1px;color:var(--rust-200);cursor:pointer}.view-section+.view-section{margin-top:25px}
@media(min-width:1500px){.portal-header{padding-inline:calc((100% - var(--portal-max))/2)}}@media(max-width:1470px){.portal-breadcrumb{margin-inline:24px}.portal-header{padding-inline:24px}}@media(max-width:1170px){.portal-layout{grid-template-columns:205px minmax(0,1fr) 220px;gap:18px}.content-panel{padding:34px 27px}.portal-nav{gap:21px}.header-actions{min-width:190px;gap:12px}.portal-nav a,.header-login{font-size:11px}.side-heading{font-size:11px;padding:16px 12px}}@media(max-width:1030px){.portal-layout{grid-template-columns:205px minmax(0,1fr)}.portal-right{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}.starter-note{display:none}.portal-nav a:first-child{display:none}.portal-banner{height:270px}.banner-logo{width:330px}.content-panel{min-height:490px}.portal-right .ranking-widget{max-height:350px;overflow:auto}}@media(max-width:760px){.portal-header{height:64px;padding:0 18px}.portal-brand img{width:120px}.portal-nav,.header-actions{display:none}.mobile-menu-button{display:block}.portal-banner{height:245px}.banner-logo{width:310px;max-width:78%}.banner-tagline{font-size:8px;letter-spacing:1.3px;margin-top:18px}.banner-tagline>span{font-size:12px}.portal-breadcrumb{margin:0 18px 20px;padding-bottom:13px;font-size:10px}.connection-badge{display:none}.portal-layout{width:calc(100% - 36px);grid-template-columns:1fr;margin-bottom:55px;gap:24px}.portal-left{display:contents}.portal-left>.side-panel:first-child{order:0}.portal-left>.status-panel{order:2}.portal-center{order:1}.portal-left>.presentation-card{display:none}.portal-right{order:3;grid-column:auto;grid-template-columns:1fr}.player-menu{display:flex;flex-wrap:wrap;gap:1px;padding:8px}.player-menu>a{padding:8px 10px;min-height:38px;font-size:10px;border-left:0;border-bottom:2px solid transparent;flex:1 0 40%}.player-menu>a>b{display:none}.player-menu>a>span{font-size:14px;width:16px}.player-menu>a.active{border-left:0;border-bottom-color:var(--crimson-300)}.portal-left .side-panel:first-child .side-heading{display:none}.content-panel{padding:30px 25px;min-height:0}.content-panel .sec-title{font-size:25px;min-width:0;width:100%}.content-panel .sec-title__line{padding:.28em .2em .22em;overflow-wrap:normal}.content-panel .sec-title:after{margin-top:22px}.content-panel .sec-head{margin-bottom:28px}.status-panel #channel-status{display:grid;grid-template-columns:1fr 1fr}.status-row{gap:10px}.status-foot{text-align:center}.portal-right .ranking-widget{max-height:none}.discord-panel{padding:30px 20px}.discord-panel .btn{width:auto;padding-inline:30px}.side-heading{font-size:12px}.portal-footer{padding-top:35px}.portal-footer nav{gap:15px}.panel-intro{font-size:12px}.account-form{gap:18px}.account-details div{gap:13px;font-size:11px}.form-links{gap:11px}.home-intro h2{font-size:21px}}@media(max-width:400px){.content-panel{padding:27px 20px}.content-panel .sec-title{font-size:22px}.form-row{grid-template-columns:1fr}.banner-tagline{font-size:7px;letter-spacing:.8px}.form-links{font-size:10px}.account-actions{display:grid;grid-template-columns:1fr}.account-actions .btn{width:100%}.character-card{gap:12px;padding:17px 12px}.character-emblem{width:42px;height:42px}.vote-site{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.text-button{font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0}.btn.on-light{border-color:var(--accent);color:var(--accent)}.btn.on-light:hover{background:#7a271115}.presentation-inline{display:block;text-align:center;font:600 11px var(--font-display);color:var(--accent);text-decoration:none;margin:25px auto 30px}.character-level small{font-size:10px}
/* Account sidebar */
.header-actions:empty{min-width:150px}.sidebar-login{padding:20px 15px 18px;gap:15px;margin:0;max-width:none}.sidebar-login .field label{color:var(--brass-300);font-size:10px;letter-spacing:1px}.sidebar-login .field input{height:42px;font-size:11px;background:#150d09;border-color:#69503380}.sidebar-login .field input:focus{outline-color:var(--brass-400)}.sidebar-login .password-field input{padding-right:58px}.sidebar-login .show-password{right:3px;top:4px;font-size:9px;padding-inline:5px}.sidebar-login>.btn{font-size:10px;padding:11px 8px;min-height:41px;letter-spacing:.7px;margin:2px 0 0}.sidebar-login .form-message{background:#8a291b20;color:#efb599;border-color:#ac624c66;font-size:11px;padding:10px;line-height:1.6;overflow-wrap:anywhere}.sidebar-login .form-message.success{color:#c8d8a1;background:#59683530;border-color:#81925666}.sidebar-account-links{display:grid;gap:13px;text-align:center;border-top:1px solid #9a743833;padding-top:16px;margin-top:1px}.sidebar-account-links a{font-size:11px;color:var(--text-secondary);text-decoration:none;transition:color .2s}.sidebar-account-links a:last-child{font-family:var(--font-display);font-size:12px;color:var(--brass-300)}.sidebar-account-links a:hover{color:var(--rust-200)}
/* Warrior download panel, using the Metin artwork of the presentation. */
.warrior-download{position:relative;isolation:isolate;overflow:hidden;min-height:305px;display:flex;align-items:flex-end;border:1px solid #bc8e4866;border-radius:6px;background:#25170f;text-decoration:none;box-shadow:0 8px 25px #0005,inset 0 0 0 1px #eac87e18}.download-art{position:absolute;inset:0;z-index:-2;background:url('/presentation/assets/hero.avif') 16% 40%/auto 112% no-repeat;filter:saturate(.85);transition:transform .5s}.warrior-download:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#170d08 0%,#1d0e08f2 22%,#2715094d 58%,#170d0810 85%)}.warrior-download:after{content:'';position:absolute;inset:7px;border:1px solid #dfb85f30;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 28%,98% 28%,98% 2%,2% 2%,2% 98%,98% 98%,98% 76%,100% 76%,100% 100%,0 100%)}.download-content{width:100%;display:grid;gap:10px;padding:155px 15px 20px;text-align:center}.download-eyebrow{font:500 8px var(--font-display);letter-spacing:1.8px;color:#e7ac66}.download-content strong{font:600 20px/1.2 var(--font-display);color:#f2d48c;text-shadow:0 2px 8px #000;letter-spacing:.6px}.download-caption{font-size:10px;line-height:1.6;color:#d4bd97}.download-cta{display:flex;justify-content:center;align-items:center;gap:13px;padding:13px 5px;margin-top:6px;background:linear-gradient(120deg,#a70220,#ce072c);color:#ffe9bb;font:600 10px var(--font-display);letter-spacing:.7px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.download-cta b{font-size:18px;font-weight:400;line-height:1}.warrior-download:hover .download-art{transform:scale(1.05)}.warrior-download:hover .download-cta{background:linear-gradient(120deg,#c2062a,#e31c3b)}.mobile-menu .logout-button{text-align:left}
@media(max-width:760px){.portal-left>.account-widget .side-heading{display:flex!important}.sidebar-login{padding:20px;gap:16px}.sidebar-login .field input{font-size:14px;height:46px}.sidebar-login .field label{font-size:11px}.sidebar-login>.btn{font-size:11px}.sidebar-account-links{grid-template-columns:1fr 1fr;gap:10px;align-items:center}.portal-left>.warrior-download{order:2;min-height:270px}.warrior-download .download-art{background-size:auto 150%;background-position:13% 38%}.warrior-download:before{background:linear-gradient(90deg,#170d0822,#170d0877 35%,#170d08ef 65%)}.download-content{margin-left:auto;width:65%;padding:40px 20px;gap:13px}.download-content strong{font-size:24px}.download-cta{padding-block:15px}.portal-left>.status-panel{order:3}.portal-right{order:4}.account-widget .player-menu{display:grid;grid-template-columns:1fr 1fr}.account-widget .player-menu>a{font-size:11px}.sidebar-login .form-message{font-size:12px}}
@media(prefers-reduced-motion:reduce){.warrior-download:hover .download-art{transform:none}}
.warrior-download .download-art{background-image:url('/assets/kromia-warrior.png');background-size:cover;background-position:center 20%;filter:none}.warrior-download:before{background:linear-gradient(0deg,#170d08 0%,#170d08d9 27%,#170d0810 68%)}
@media(max-width:760px){.warrior-download .download-art{background-size:70% auto;background-position:left 17%;background-repeat:no-repeat}.warrior-download:before{background:linear-gradient(90deg,#170d0800,#170d0877 35%,#170d08f5 65%)}}
/* Server statistics above the ranking. */
.channel-row{padding:17px 15px;gap:10px}.channel-row>span:first-child{font-size:12px;color:var(--text-primary)}.channel-row .status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;border-radius:4px;padding:6px 8px;background:#9fbc7614;border:1px solid #9fbc7640;color:#b1d38b;font-size:8px;letter-spacing:.7px}.channel-row .status-pill.offline{color:#f28982;border-color:#e75c5655;background:#a623231f}.server-stats{padding:9px 15px 5px;margin:0;display:grid;gap:0}.server-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #805d3025}.server-stats>div:last-child{border:0}.server-stats dt{font-size:11px;color:var(--text-secondary)}.server-stats dd{margin:0;font:600 14px var(--font-display);color:var(--brass-300)}.portal-right .status-panel .status-foot{padding:12px 15px;border-top:1px solid var(--bg-600);font-size:8px}.portal-right .status-panel #channel-status{display:block}.portal-right .status-foot{text-align:left}
@media(min-width:761px) and (max-width:1030px){.portal-right .status-panel{grid-column:1/-1}.portal-right .status-panel .server-stats{grid-template-columns:repeat(4,1fr);gap:20px}.portal-right .status-panel .server-stats>div{border:0}.portal-right .status-panel .channel-row{justify-content:flex-start;gap:20px}}