: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}}

/* RO / EN language switch */
.lang-switch{position:relative;display:inline-flex;margin-inline-start:auto;margin-inline-end:16px}
.lang-switch select{appearance:none;-webkit-appearance:none;font:600 12px var(--font-body);letter-spacing:.5px;padding:7px 28px 7px 11px;color:var(--brass-300);background:var(--bg-900);border:1px solid var(--bg-600);border-radius:6px;cursor:pointer;max-width:150px}
.lang-switch::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1.5px solid var(--brass-300);border-bottom:1.5px solid var(--brass-300);transform:rotate(45deg);pointer-events:none}
.lang-switch select:hover{border-color:var(--brass-400)}
.lang-switch select:focus-visible{outline:2px solid var(--brass-300);outline-offset:1px}
.lang-switch option{color:var(--text-primary);background:var(--bg-800)}
@media(max-width:900px){.lang-switch{margin-inline-end:8px}.lang-switch select{max-width:132px;padding-inline-start:9px}}

/* Immersive home journey */
.portal-center:has(.home-experience){min-width:0}
.home-experience{display:grid;gap:22px;color:var(--text-primary)}
.journey-hero{min-height:365px;position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #c69a4c70;border-radius:7px;background:#160d08;box-shadow:0 16px 42px #0007,inset 0 0 0 1px #f2d48c18}
.journey-hero:before{content:'';position:absolute;inset:0;z-index:-3;background:url('/presentation/assets/hero.avif') center 43%/cover no-repeat;transform:scale(1.01)}
.journey-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#120906f5 0%,#180b07d4 42%,#180b0759 72%,#100705a8 100%),linear-gradient(0deg,#110805e8 0%,transparent 60%)}
.journey-hero__content{width:min(620px,78%);padding:56px 50px 48px}
.journey-kicker{margin:0 0 15px;max-width:none;font:600 9px var(--font-display);letter-spacing:2.6px;color:#e4af63}
.journey-hero h1{margin:0;color:#f3d99b;font:600 clamp(31px,4vw,50px)/1.06 var(--font-display);letter-spacing:.4px;text-shadow:0 4px 20px #000}
.journey-hero__content>p:not(.journey-kicker){max-width:47ch;margin:19px 0 0;color:#d9c6ab;font-size:14px;line-height:1.75}
.journey-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:27px}
.journey-actions .btn{min-height:48px;padding:13px 22px;font-size:10px}
.journey-ghost{border:1px solid #d8b66f80;color:#e7c982;background:#11090775}
.journey-ghost:hover{border-color:#e7c982;background:#25140dcc}
.journey-hero__seal{position:absolute;right:42px;bottom:29px;display:grid;place-items:center;width:73px;height:73px;border:1px solid #dfb96755;border-radius:50%;color:#dfb96766;font:36px var(--font-ko);box-shadow:inset 0 0 0 6px #160c0966}
.journey{padding:33px 30px 31px;position:relative;isolation:isolate;border:1px solid #a77b3d4d;border-radius:7px;background:linear-gradient(145deg,#29170ff7,#160d09f8);box-shadow:0 14px 38px #0005;overflow:hidden}
.journey:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.7;background:radial-gradient(circle at 50% 0,#75311d33,transparent 45%),var(--pattern) center/var(--pattern-size)}
.journey-heading{text-align:center;margin:0 auto 27px}
.journey-heading p{max-width:none;margin:0 0 8px;color:#d68b55;font:600 8px var(--font-display);letter-spacing:2.4px}
.journey-heading h2{margin:0;color:#efd493;font:600 clamp(23px,3vw,31px)/1.25 var(--font-display)}
.journey-heading>span{display:block;margin-top:10px;color:#bda98c;font-size:12px}
.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.journey-step{min-height:260px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #b8894560;border-radius:5px;color:inherit;text-decoration:none;background:#21120c;box-shadow:0 9px 24px #0005;transition:transform .25s,border-color .25s,box-shadow .25s}
.journey-step:hover{transform:translateY(-4px);border-color:#e0b763aa;box-shadow:0 15px 30px #0008}
.journey-step:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#140b08 4%,#160c09e8 36%,#160c0950 72%,#140b0830)}
.journey-step__image{position:absolute;inset:0;z-index:-2;background-position:center 28%;background-size:cover;filter:saturate(.85);transition:transform .45s,filter .45s}
.journey-step:hover .journey-step__image{transform:scale(1.045);filter:saturate(1)}
.journey-step--account .journey-step__image{background-image:url('/presentation/assets/game/703ba23c559e88bf.webp')}
.journey-step--download .journey-step__image{background-image:url('/presentation/assets/game/48e83213408ebf8c.webp')}
.journey-step--character .journey-step__image{background-image:url('/presentation/assets/game/9e7d5824713a596d.webp')}
.journey-step--legend .journey-step__image{background-image:url('/presentation/assets/game/4297c7155e62d26e.webp')}
.journey-step__number{position:absolute;top:14px;left:15px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e8c27888;background:#150b08c9;color:#e7c372;font:600 12px var(--font-display);box-shadow:0 4px 12px #0008}
.journey-step__body{display:grid;gap:7px;width:100%;padding:75px 18px 18px}
.journey-step__body small{color:#dc965e;font:600 7px var(--font-display);letter-spacing:1.7px}
.journey-step__body strong{color:#f0d394;font:600 20px/1.2 var(--font-display);text-shadow:0 2px 8px #000}
.journey-step__body>span{min-height:39px;color:#cbb79b;font-size:10px;line-height:1.55}
.journey-step__body b{margin-top:3px;color:#dfaa63;font:600 8px var(--font-display);letter-spacing:.7px}
.journey-stats{grid-template-columns:1fr 1fr 1fr;border:1px solid #a77b3d50;border-radius:6px;padding:18px;background:#21130de8;box-shadow:0 10px 28px #0004}
.journey-stats>div,.journey-stats>a{padding:4px 15px;border-right:1px solid #9b743a45;text-align:center;text-decoration:none}
.journey-stats>*:last-child{border-right:0}
.journey-stats strong{color:#e8c87e;font-size:26px}
.journey-stats span{color:#aa9477}
.journey-stats a:hover span{color:#dc965e}
@media(max-width:1170px){.journey-hero__content{width:84%;padding-inline:38px}.journey{padding-inline:22px}.journey-step{min-height:245px}}
@media(max-width:760px){.home-experience{gap:17px}.journey-hero{min-height:400px}.journey-hero:after{background:linear-gradient(0deg,#110805f5 0%,#170b07d4 56%,#13090755 100%)}.journey-hero__content{width:100%;padding:120px 25px 34px;text-align:center}.journey-hero__content>p:not(.journey-kicker){margin-inline:auto}.journey-actions{justify-content:center}.journey-hero__seal{display:none}.journey{padding:28px 18px 20px}.journey-grid{grid-template-columns:1fr}.journey-step{min-height:255px}.journey-stats{grid-template-columns:1fr 1fr;padding:14px 8px}.journey-stats>a{grid-column:1/-1;border-right:0;border-top:1px solid #9b743a45;padding-top:15px;margin-top:8px}.journey-stats>div:nth-child(2){border-right:0}}
@media(max-width:420px){.journey-hero h1{font-size:31px}.journey-actions{display:grid}.journey-actions .btn{width:100%}.journey-heading h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.journey-step,.journey-step__image{transition:none}.journey-step:hover{transform:none}}

/* Item Shop (/itemshop/) */
.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.shop-bar .account-stat{flex:1;max-width:260px}.shop-bar .btn{font-size:10px;padding:10px 18px;min-height:43px}
.shop-filter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.shop-filter button{font:600 10px var(--font-display);letter-spacing:.8px;text-transform:uppercase;padding:9px 14px;border:1px solid #6e4b2455;border-radius:3px;background:#f7e5c22e;color:var(--text-on-light);cursor:pointer}.shop-filter button:hover{border-color:var(--accent)}.shop-filter button.active{background:var(--accent);border-color:var(--accent);color:#f6e7c9}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.shop-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:#f7e5c233;border:1px solid #6e4b2444;border-radius:4px}
.shop-card__head{display:flex;align-items:center;gap:13px}.shop-card__icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid #79552655;border-radius:50%;font:700 10px var(--font-display);letter-spacing:.5px;color:var(--accent)}
.shop-card h2{font:600 15px var(--font-display);color:var(--accent);overflow-wrap:anywhere}.shop-card__head p{font-size:10px;margin-top:4px;color:var(--ink-muted)}
.shop-card__desc{font-size:12px;line-height:1.6;flex:1}
.shop-offers{display:grid;gap:8px}.shop-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #6e4b2433;padding-top:8px;font-size:12px}
.shop-offer .btn{font-size:10px;padding:8px 14px;min-height:38px;white-space:nowrap}.shop-offer .btn[disabled]{opacity:.5;cursor:not-allowed}.shop-offer .btn[data-confirm="1"]{background:#52632e;border-color:#52632e}
@media(max-width:560px){.shop-bar{flex-direction:column;align-items:stretch}.shop-bar .account-stat{max-width:none}.shop-grid{grid-template-columns:1fr}}
/* Referral program */
.referral-field{border-top:1px solid rgba(119,72,29,.22);padding-top:18px;margin-top:4px}.referral-field label span{font-weight:400;opacity:.7}.referral-card{margin:28px 0;padding:24px;border:1px solid rgba(121,72,28,.36);background:linear-gradient(135deg,rgba(71,33,19,.08),rgba(202,154,72,.12));box-shadow:inset 0 1px rgba(255,255,255,.38)}.referral-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.referral-card__head small{color:#8d5a22;letter-spacing:.16em;font-weight:800}.referral-card__head h2{margin:5px 0 0;font-family:Georgia,serif;color:#4a1b14}.referral-code{flex:none;padding:8px 12px;border:1px solid #9c6a2e;background:#2a1710;color:#f4d57d;font-weight:800;letter-spacing:.08em}.referral-card>p{line-height:1.65;color:#472f24}.referral-link{display:flex;gap:10px;margin:18px 0}.referral-link input{min-width:0;flex:1;padding:12px;border:1px solid rgba(111,67,29,.45);background:#fffaf0;color:#45291c}.referral-link .btn{flex:none}.referral-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.referral-stats>div{padding:13px 14px;background:rgba(255,250,238,.72);border:1px solid rgba(111,67,29,.2)}.referral-stats span{display:block;font-size:.78rem;color:#755640;text-transform:uppercase;letter-spacing:.05em}.referral-stats strong{display:block;margin-top:4px;color:#5b2118}.referral-note{display:block;margin-top:13px;color:#755640}@media(max-width:680px){.referral-card__head,.referral-link{display:block}.referral-code{display:inline-block;margin-top:12px}.referral-link .btn{width:100%;margin-top:8px}.referral-stats{grid-template-columns:1fr}}


/* Account referral and voting refresh */
.referral-hub{margin:32px -6px 30px;border:1px solid #6b4326;border-radius:8px;overflow:hidden;background:#f4dfb9;box-shadow:0 12px 28px #4b210e20}.referral-hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:28px;align-items:center;padding:26px 28px;color:#f5e4c6;background:linear-gradient(100deg,#21110cf2,#4b1d14e8),url('/presentation/assets/hero.avif') 50% 43%/cover}.referral-hero:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#9d2519,#d5a749,#9d2519);z-index:-1}.referral-hero small,.referral-progress__copy>span,.referral-share>div>span,.vote-hero small,.vote-list-head small{display:block;font:700 9px var(--font-display);letter-spacing:1.8px;color:#d7ad62}.referral-hero h2{margin:6px 0 7px;font:600 24px/1.2 var(--font-display);color:#fff2d6}.referral-hero p{margin:0;max-width:48ch;font-size:11px;line-height:1.6;color:#cfbda8}.referral-id{flex:none;min-width:94px;padding:11px 14px;text-align:center;border:1px solid #d2a24e88;background:#100907aa;box-shadow:inset 0 0 16px #d2a24e12}.referral-id span{display:block;font:700 8px var(--font-display);letter-spacing:1.3px;color:#bda584}.referral-id strong{display:block;margin-top:3px;font:600 25px var(--font-display);color:#f2ca72}.referral-progress{padding:23px 28px 21px;border-bottom:1px solid #80572733}.referral-progress__copy{display:flex;justify-content:space-between;gap:15px;align-items:center}.referral-progress__copy>span{color:#8b3a20}.referral-progress__copy strong{font:600 12px var(--font-display);color:#5b251a}.referral-milestones{position:relative;display:flex;justify-content:space-between;margin:18px 8px 12px}.referral-milestones:before{content:'';position:absolute;left:18px;right:18px;top:50%;height:2px;background:#b9915b;transform:translateY(-50%)}.referral-milestones span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #aa7f48;background:#f4dfb9;color:#79512e;font:700 11px var(--font-display)}.referral-milestones span.is-complete{border-color:#7f281a;background:#7f281a;color:#f9dd91;box-shadow:0 0 0 4px #7f281a18}.referral-progress>p{margin:0;text-align:center;font-size:10px;color:#65472f;max-width:none}.referral-progress b{color:#7c2419}.referral-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#9a714533;border-bottom:1px solid #80572733}.referral-rewards article{display:flex;gap:11px;min-width:0;padding:20px 17px;background:#f8e8c9}.reward-mark{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:5px;background:#2a1710;color:#e4bd6e;font:700 9px var(--font-display);letter-spacing:.5px}.referral-rewards small{display:block;font:700 7px var(--font-display);letter-spacing:1px;color:#8d5a31}.referral-rewards strong{display:block;margin:4px 0;font:600 15px var(--font-display);color:#641f17}.referral-rewards p{margin:0;font-size:9px;line-height:1.55;color:#70543e}.referral-share{padding:22px 28px 19px;background:#ead0a3}.referral-share>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.referral-share>div>span{color:#7e2c1c}.referral-share>div>p{margin:0;font-size:9px;color:#71543a}.referral-link{display:flex;gap:9px;margin:12px 0 0}.referral-link input{min-width:0;flex:1;height:45px;padding:0 13px;border:1px solid #8c653a;background:#fff8e9;color:#45291c;font-size:11px;box-shadow:inset 0 1px 3px #3b210d16}.referral-link .btn{flex:none;min-height:45px;padding:10px 18px;font-size:9px}.referral-totals{display:grid;grid-template-columns:repeat(3,1fr);background:#2a1710;color:#eadcc5}.referral-totals>div{padding:15px 18px;border-right:1px solid #c2954d33}.referral-totals>div:last-child{border:0}.referral-totals span{display:block;font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#aa9276}.referral-totals strong{display:block;margin-top:4px;font:600 16px var(--font-display);color:#edc873}
.vote-shell{margin:-4px -4px 0}.vote-hero{display:flex;gap:18px;align-items:center;padding:22px 24px;margin-bottom:16px;border:1px solid #6b4326;border-radius:7px;background:linear-gradient(105deg,#21110c,#4a1c14);color:#f5e4c6;box-shadow:0 9px 22px #4b210e25}.vote-crest{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #d0a04e80;transform:rotate(45deg);font:700 21px var(--font-display);color:#ebc976;background:#160b08}.vote-crest::first-letter{transform:rotate(-45deg)}.vote-hero>div{min-width:0}.vote-hero h2{margin:4px 0 5px;font:600 21px var(--font-display);color:#fff0d0}.vote-hero p{margin:0;max-width:none;font-size:10px;color:#cbb7a0}.vote-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:0 0 26px}.vote-steps li{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #80572744;background:#f8e8c96b}.vote-steps li>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#762419;color:#f4d887;font:700 10px var(--font-display)}.vote-steps strong{font:600 10px var(--font-display);color:#662219}.vote-steps p{margin:4px 0 0;font-size:9px;line-height:1.45;color:#715640}.vote-list-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:0 2px 13px}.vote-list-head small{color:#8b3a20}.vote-list-head h2{margin:4px 0 0;font:600 18px var(--font-display);color:#572018}.vote-list-head>p{margin:0;max-width:34ch;text-align:right;font-size:9px;color:#795f47}.vote-list{display:grid;gap:9px}.vote-site{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin:0;padding:15px 16px;border:1px solid #80572755;border-left:3px solid #8b281b;border-radius:4px;background:#f9e9ca;box-shadow:0 4px 12px #4b210e0b;transition:transform .18s ease,box-shadow .18s ease}.vote-site:hover{transform:translateY(-1px);box-shadow:0 7px 16px #4b210e17}.vote-site__number{font:600 17px var(--font-display);color:#9b6d37;border-right:1px solid #98704455}.vote-site__body h3{font:600 14px var(--font-display);color:#5e2018}.vote-site__body p{margin:3px 0 0;font-size:9px;color:#765941}.vote-site .btn{min-width:105px;min-height:39px;padding:9px 15px;font-size:9px}.vote-note{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid #8d693d44;background:#e4c99a;color:#654a32}.vote-note>span{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#6d261b;color:#f1d180;font:700 11px Georgia}.vote-note p{margin:0;max-width:none;font-size:9px;line-height:1.55}.vote-empty{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px;border:1px dashed #8f6536;background:#f5e2bd}.vote-empty>span{font-size:29px;color:#8c2d1e}.vote-empty h2{font:600 15px var(--font-display);color:#642219}.vote-empty p{margin:4px 0 0;font-size:10px}
@media(max-width:680px){.referral-hub{margin-inline:0}.referral-hero{align-items:flex-start;padding:22px 20px}.referral-hero h2{font-size:20px}.referral-id{min-width:74px;padding:9px}.referral-progress{padding:20px}.referral-progress__copy{display:block}.referral-progress__copy strong{display:block;margin-top:5px}.referral-rewards{grid-template-columns:1fr}.referral-rewards article{padding:16px 18px}.referral-share{padding:19px 20px}.referral-share>div:first-child{display:block}.referral-share>div>p{margin-top:5px}.referral-link{display:grid}.referral-link .btn{width:100%}.referral-totals{grid-template-columns:1fr}.referral-totals>div{display:flex;justify-content:space-between;align-items:center;border-right:0;border-bottom:1px solid #c2954d33}.referral-totals strong{margin:0}.vote-hero{padding:18px}.vote-crest{width:45px;height:45px}.vote-steps{grid-template-columns:1fr}.vote-list-head{display:block}.vote-list-head>p{text-align:left;margin-top:6px}.vote-site{grid-template-columns:34px 1fr}.vote-site .btn{grid-column:1/-1;width:100%}.vote-empty{grid-template-columns:1fr;text-align:center}.vote-empty .btn{width:100%}}