@font-face{font-family:Oswald;src:url('../fonts/oswald-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--bg:#0d0b0e;--panel:#18151b;--panel2:#211b22;--line:#493c46;--text:#f2ebe3;--muted:#b2a7aa;--scarlet:#b72f42;--scarlet-bright:#e04458;--violet:#a873d2;--fletta:#c7df67;--display:Oswald,'Arial Narrow',Impact,sans-serif;--body:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.6 var(--body);overflow-x:hidden}body::selection{background:var(--scarlet);color:#fff}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}.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}.skip{position:absolute;top:-60px;left:20px;padding:8px 15px;background:#fff;color:#000;z-index:100}.skip:focus{top:8px}.site-shell{overflow:hidden}.season-ribbon{min-height:31px;padding:5px 20px;display:flex;align-items:center;justify-content:center;gap:17px;color:#f4c5ca;background:linear-gradient(90deg,#3e101d,#551724 50%,#3e101d);border-bottom:1px solid #843044;font:600 10px/1.2 var(--body);letter-spacing:.23em;text-align:center}.season-ribbon .ribbon-star{color:#ed8794}.season-ribbon .ribbon-line{height:1px;width:34px;background:#9d5661}.topbar{height:77px;position:relative;z-index:20;padding:0 max(34px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#110e12;border-bottom:1px solid #55414c}.wordmark{display:flex;align-items:baseline;gap:7px;white-space:nowrap;font:600 33px/.9 var(--display);letter-spacing:-.055em;color:#f4efe7}.wordmark span{letter-spacing:-.07em}.wordmark small{font:700 8px/1 var(--body);letter-spacing:.18em;color:#db8594}.nav{display:flex;align-items:center;gap:31px;margin-left:auto}.nav a,.login-link{position:relative;color:#d4c9c8;font:700 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.13em;transition:color .2s}.nav a::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--scarlet-bright);transition:width .25s}.nav a:hover::after,.nav a:focus-visible::after{width:100%}.nav a:hover,.login-link:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:5px;color:var(--violet);border-left:1px solid #433742;padding-left:16px}.language select{appearance:none;border:0;background:transparent;color:#e8e0e4;font-size:11px;font-weight:800;letter-spacing:.1em;outline:none}.language option{background:#211b22}.nav-play,.button-gold{background:#b33146;color:white;box-shadow:inset 0 0 0 1px #dc5868;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));transition:background .2s,transform .25s,box-shadow .2s}.nav-play{min-width:148px;padding:14px 17px;text-align:center;font:700 11px/1 var(--body);letter-spacing:.12em}.nav-play:hover,.button-gold:hover{background:#d64257;transform:translateY(-2px);box-shadow:0 10px 25px #b3314645}.menu-button{display:none}.hero{min-height:700px;position:relative;display:flex;align-items:center;border-bottom:1px solid #5f3b48;background:#111015}.hero-image,.hero-vignette{position:absolute;inset:0;pointer-events:none}.hero-image{background:url('../img/karos-fletta-hero-v2.webp') center 46%/cover no-repeat;animation:heroEnter 1.1s ease-out both}.hero-vignette{background:linear-gradient(90deg,#110d13 0%,#110d13f5 20%,#110d13c9 39%,#110d1366 59%,#110d1300 76%),linear-gradient(0deg,#0d0b0e 0%,#0d0b0e00 22%),linear-gradient(180deg,#0d0b0e3b,#0d0b0e00 24%)}.hero::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:calc((100vw - 1360px)/2);width:1px;background:#ffffff20;pointer-events:none}.hero-content{position:relative;z-index:3;width:min(680px,56vw);margin-left:max(54px,calc((100vw - 1360px)/2 + 30px));padding:65px 0 96px;animation:contentEnter .38s ease-out both}.eyebrow,.kicker,.section-index,.hero-coordinates,.hero-watermark,.hero-side,.scroll-indicator{font:700 11px/1.3 var(--body);letter-spacing:.22em}.eyebrow{display:flex;align-items:center;gap:10px;color:#e78d9d;margin:0 0 16px}.ornament{font-size:13px}.hero-brand{width:max-content;max-width:100%;position:relative;margin:0 0 13px;display:flex;flex-direction:column;line-height:.83}.hero-brand>span{font:600 clamp(94px,11vw,169px)/.95 var(--display);letter-spacing:-.08em;color:#f6f2e9;text-shadow:0 5px 30px #000b,2px 2px 0 #6d5960}.hero-brand>small{align-self:flex-end;padding-right:5px;font:700 12px/1 var(--body);color:#edb9bf;letter-spacing:.36em}.hero h1{margin:17px 0 13px;text-transform:uppercase;font:600 clamp(33px,3.6vw,56px)/1.03 var(--display);letter-spacing:.01em;color:#f3ebe4;max-width:610px}.hero-subtitle{max-width:530px;font-size:15px;line-height:1.7;color:#c9bfc0;margin:0 0 28px}.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:space-between;gap:31px;padding:0 21px;font:700 12px/1 var(--body);letter-spacing:.13em;text-transform:uppercase}.button b{font-size:20px;font-weight:400;line-height:1}.button-glass{border:1px solid #a5798a;color:#f0e3e3;background:#251821d9;transition:transform .25s,background .25s,border-color .25s}.button-glass:hover{transform:translateY(-2px);background:#44212e;border-color:#e18496}.hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:37px;color:#c7b9ba;font:700 9px/1.4 var(--body);letter-spacing:.14em}.hero-meta strong{color:#e9e1db;font-weight:700}.hero-meta i{width:1px;height:14px;margin:0 9px;background:#8f6672}.pulse,.live-dot{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:#8c7d82}.pulse.online,.live-dot.online{background:var(--fletta);box-shadow:0 0 10px #c7df67a0}.pulse.offline,.live-dot.offline{background:#c9495b}.hero-side{z-index:3;position:absolute;right:35px;top:48%;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:#dfc9ce;font-size:9px}.side-line{height:55px;width:1px;background:#d98498}.hero-watermark{z-index:3;position:absolute;right:5%;bottom:30px;color:#ffffff88;font-size:9px}.hero-coordinates{position:absolute;z-index:3;left:max(34px,calc((100vw - 1360px)/2));right:max(34px,calc((100vw - 1360px)/2));top:22px;display:flex;justify-content:space-between;color:#ddd0d4aa;font-size:9px}.scroll-indicator{z-index:3;position:absolute;bottom:26px;left:50%;display:flex;align-items:center;gap:12px;color:#cdb7bd;font-size:9px;transform:translateX(-50%)}.scroll-indicator b{width:42px;height:1px;background:#cb6378}.live-bar{min-height:82px;display:grid;grid-template-columns:1.35fr .65fr .65fr auto;align-items:center;gap:0;background:#21171f;border-bottom:1px solid #503943;padding:0 max(34px,calc((100vw - 1360px)/2));font:700 10px/1.3 var(--body);letter-spacing:.12em}.live-bar>div{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 24px;border-right:1px solid #594451}.live-bar>div:first-child{padding-left:0}.live-bar>div>span:not(.live-dot){color:#bbaab0}.live-bar b{color:#f6eeee}.live-bar>a{padding-left:30px;color:#e8879b;white-space:nowrap;transition:color .2s}.live-bar>a:hover{color:#fff}.section{max-width:1360px;margin:0 auto;padding:115px 34px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-index{color:#a7838e;font-size:10px;margin-bottom:20px}.kicker{color:#d15f75;font-size:10px;margin:12px 0}.section h2,.journey h2{margin:0;text-transform:uppercase;font:600 clamp(38px,4.8vw,66px)/1.02 var(--display);letter-spacing:.015em;color:#f5ede7}.section h2 em{font-style:normal;color:#db677e}.section-intro{max-width:385px;margin:0 0 5px;color:#afa2a7;font-size:14px;line-height:1.7}.events{position:relative}.events::before{content:"";position:absolute;top:50px;right:16%;width:350px;height:280px;background:radial-gradient(ellipse,#68253e36,transparent 70%);pointer-events:none}.event-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:17px}.event-card{position:relative;min-height:365px;background:#19121a;overflow:hidden;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));border:1px solid #604755;transition:transform .3s}.event-card:hover{transform:translateY(-5px)}.event-art{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}.event-card:hover .event-art{transform:scale(1.035)}.event-castle .event-art{background-image:linear-gradient(90deg,#120e17f5 0%,#120e17ae 55%,#120e1733),linear-gradient(0deg,#170d18,#170d1800 60%),url('../img/karos-berneo-market.webp');background-position:center 48%}.event-mine .event-art{background-image:linear-gradient(90deg,#130e17e6,#130e1777),linear-gradient(0deg,#170d18,#170d1800 65%),url('../img/remastered-mine-war.webp')}.event-inner{position:relative;z-index:1;height:100%;min-height:365px;padding:27px 32px;display:flex;flex-direction:column;justify-content:space-between}.event-head,.event-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.event-tag{display:flex;align-items:center;gap:8px;color:#f0c6ce;font:700 10px/1.2 var(--body);letter-spacing:.18em}.event-tag>span:first-child{width:6px;height:6px;background:#dc5a73;transform:rotate(45deg)}.event-icon{font-size:30px;color:#eb9bb0}.event-card h3{margin:0 0 6px;font:600 39px/1.1 var(--display);text-transform:uppercase}.event-card p{max-width:370px;margin:0;color:#d5c6ca;font-size:13px}.event-bottom{border-top:1px solid #c19ea364;padding-top:18px}.event-time{display:flex;flex-direction:column;gap:3px}.event-time span{font:700 9px/1.2 var(--body);letter-spacing:.15em;color:#be9da8}.event-time strong{font-size:12px}.event-countdown{font:600 22px/1 var(--display);white-space:nowrap;color:#e6dfb0}.active-event{margin-top:16px;display:flex;align-items:center;gap:19px;padding:17px 22px;background:#30301c;border:1px solid #a5ae66}.active-flare{font-size:27px;color:var(--fletta)}.active-event>div{flex:1}.active-event b{display:block;font-size:9px;color:var(--fletta);letter-spacing:.17em}.active-event strong{display:block;font:600 19px var(--display)}.active-event p{margin:0;color:#c9c9ae;font-size:12px}.active-now{font-size:9px;letter-spacing:.12em;color:var(--fletta)}.world{position:relative;max-width:none;min-height:670px;padding:92px max(34px,calc((100vw - 1292px)/2));display:flex;align-items:center;background:#17131a;border-top:1px solid #443342;border-bottom:1px solid #443342}.world-art{position:absolute;top:52px;right:max(35px,calc((100vw - 1292px)/2));bottom:52px;width:48%;max-width:660px;background:url('../img/karos-berneo-remastered.webp') center/cover no-repeat;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);box-shadow:inset 0 0 0 1px #73616f}.world-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17131aee 0%,#17131a11 50%),linear-gradient(0deg,#17131ab0,transparent 35%)}.world-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 46%,#862d5e2e,transparent 38%)}.world-content{position:relative;z-index:1;max-width:575px}.world-content>p:not(.kicker){max-width:480px;color:#c9bec4;font-size:15px;line-height:1.75}.feature-list{margin:29px 0 25px;border-top:1px solid #67515f}.feature-list>div{display:grid;grid-template-columns:32px 170px 1fr;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #67515f}.feature-list span{color:#dc617b;font:600 18px var(--display)}.feature-list b{font-size:11px;letter-spacing:.09em}.feature-list small{font-size:11px;color:#aa9ca6}.text-arrow,.section-link{color:#efa1af;font:700 11px var(--body);letter-spacing:.16em;transition:color .2s}.text-arrow:hover,.section-link:hover{color:#fff}.news-grid{display:grid;grid-template-columns:1.42fr 1fr 1fr;gap:16px}.news-card{min-width:0;background:#1b161d;border:1px solid #493c46;transition:transform .25s,border-color .25s}.news-card:hover{transform:translateY(-5px);border-color:#b86478}.news-thumb{height:190px;background:url('../img/karos-berneo-market.webp') center/cover no-repeat;position:relative}.news-card.featured .news-thumb{height:260px;background-image:url('../img/karos-fletta-hero-v2.webp');background-position:68% 43%}.news-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b161d,transparent 50%)}.news-body{padding:18px 20px 22px}.news-meta{color:#d46d82;font:700 9px/1.3 var(--body);letter-spacing:.13em;text-transform:uppercase}.news-body h3{margin:9px 0;font:600 24px/1.23 var(--display);text-transform:uppercase}.news-card.featured h3{font-size:31px}.news-body h3 a:hover{color:#f09daf}.news-body p{color:#b9adb4;font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-read{font:700 10px var(--body);letter-spacing:.14em;color:#e78c9e}.news-read:hover{color:#fff}.empty-state,.rank-loading{padding:45px 20px;text-align:center;color:#a99ca3;background:#1b161d;border:1px solid #4a3946}.rankings{padding-top:85px}.rank-tabs{display:flex;gap:5px;align-self:end}.rank-tabs button{padding:11px 18px;color:#b9a8b0;background:#201820;border:1px solid #5a4151;font-size:10px;font-weight:800;letter-spacing:.11em;transition:background .2s,color .2s}.rank-tabs button:hover,.rank-tabs button.active{color:#fff;background:#a93147;border-color:#d1566b}.rank-panel{background:#171319;border:1px solid #513f4d}.rank-header,.rank-row{display:grid;grid-template-columns:90px 1.7fr 1.5fr 100px 120px;align-items:center;gap:10px;padding:0 26px}.rank-header{min-height:46px;color:#b895a2;background:#271c27;font:700 9px var(--body);letter-spacing:.16em}.rank-row{min-height:63px;border-top:1px solid #3d323d;color:#c1b4bd;font-size:12px;transition:background .2s}.rank-row:hover{background:#2a1c2a}.rank-number{color:#d77186;font:600 24px var(--display)}.rank-row strong{color:#eee6e8;font-size:13px}.rank-row>span:last-child{color:#e0d7b0;font-weight:700}.journey{position:relative;margin:5px 0 0;min-height:395px;padding:77px 30px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#200f1bde,#1b101ed6),url('../img/karos-fletta-hero-v2.webp') center 57%/cover no-repeat;border-top:1px solid #593b50;overflow:hidden}.journey::before,.journey::after{content:"";position:absolute;top:-20%;width:1px;height:140%;background:#ec83972e;transform:rotate(28deg)}.journey::before{left:15%}.journey::after{right:15%}.journey-glow{position:absolute;inset:auto 20% -200px;height:300px;background:radial-gradient(ellipse,#b6375c64,transparent 67%);pointer-events:none}.journey>*:not(.journey-glow){position:relative}.journey h2{font-size:clamp(44px,5.2vw,72px)}.journey>p:not(.kicker){margin:10px 0 25px;color:#d5c4cb}.journey .hero-cta{justify-content:center}.journey .kicker{color:#ffadbb}footer{padding:50px max(34px,calc((100vw - 1292px)/2)) 25px;background:#0c0a0d;border-top:1px solid #513945}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer-top p{color:#a99ca4;font-size:12px}.footer-top nav{display:flex;flex-wrap:wrap;gap:18px}.footer-top nav a{color:#b7a9b0;font-size:11px}.footer-top nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:19px;border-top:1px solid #42333e;color:#8f818a;font-size:10px;letter-spacing:.07em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes heroEnter{from{opacity:.88;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes contentEnter{from{opacity:.78;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.topbar{padding:0 24px;gap:14px}.nav{gap:15px}.nav-actions{gap:12px}.nav-play{min-width:auto}.hero-content{margin-left:42px;width:58vw}.hero-brand>span{font-size:120px}.hero h1{font-size:44px}.hero-vignette{background:linear-gradient(90deg,#110d13 0%,#110d13ed 28%,#110d13a8 51%,transparent 84%),linear-gradient(0deg,#0d0b0e,transparent 20%)}.event-card h3{font-size:32px}.event-countdown{font-size:18px}.footer-top{grid-template-columns:1fr auto}.footer-top p{display:none}}
@media(max-width:760px){.season-ribbon{font-size:8px;gap:7px;letter-spacing:.09em}.season-ribbon .ribbon-line,.season-ribbon .ribbon-star:last-child{display:none}.topbar{height:65px;padding:0 18px}.wordmark{font-size:29px}.wordmark small{font-size:7px}.login-link{display:none}.language{padding-left:8px}.nav-play{padding:11px;font-size:9px;min-width:110px}.menu-button{width:30px;height:30px;padding:5px 0;display:flex;flex-direction:column;justify-content:space-around;background:none;border:0}.menu-button i{display:block;width:26px;height:2px;background:#eee0e4}.nav{display:none;position:absolute;top:65px;left:0;right:0;margin:0;padding:20px;background:#1d151d;border-bottom:1px solid #a65467;box-shadow:0 18px 30px #0008}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:12px 0}.hero{min-height:740px;align-items:end}.hero-image{background-position:62% top;background-size:auto 83%}.hero-vignette{background:linear-gradient(0deg,#110d13 5%,#110d13f2 25%,#110d1370 62%,transparent 100%),linear-gradient(90deg,#110d1388,transparent 70%)}.hero-content{width:auto;max-width:610px;margin:0;padding:0 22px 75px}.hero-brand>span{font-size:clamp(86px,22vw,145px)}.hero-brand>small{font-size:10px}.hero h1{font-size:clamp(35px,9vw,56px);margin:15px 0 10px}.hero-subtitle{font-size:13px;line-height:1.55;margin-bottom:18px}.hero-cta{gap:8px}.button{min-height:46px;padding:0 13px;gap:10px;font-size:10px}.hero-meta{margin-top:20px;font-size:8px}.hero-coordinates,.hero-side,.hero-watermark,.scroll-indicator{display:none}.live-bar{padding:11px 15px;grid-template-columns:1fr 1fr;row-gap:8px}.live-bar>div{padding:0 10px;min-height:26px}.live-bar>div:first-child{grid-column:1/-1;padding-left:10px}.live-bar>a{padding-left:10px}.section{padding:72px 20px}.section-top{display:block;margin-bottom:27px}.section h2{font-size:clamp(39px,10vw,57px)}.section-intro{margin-top:15px}.event-grid{grid-template-columns:1fr}.event-card,.event-inner{min-height:320px}.event-card h3{font-size:36px}.event-countdown{font-size:19px}.world{padding:380px 20px 70px;display:block;min-height:0}.world-art{top:0;left:0;right:0;bottom:auto;width:100%;max-width:none;height:385px;clip-path:none;background-position:center}.world-art::after{background:linear-gradient(0deg,#17131a 2%,transparent 70%)}.world-content{max-width:none}.feature-list>div{grid-template-columns:28px 130px 1fr;gap:5px}.news-grid{grid-template-columns:1fr}.news-card.featured .news-thumb,.news-thumb{height:220px}.rankings .section-top{display:block}.rank-tabs{margin-top:22px}.rank-panel{overflow-x:auto}.rank-header,.rank-row{min-width:670px}.journey{min-height:360px}.footer-top{grid-template-columns:1fr}.footer-top p{display:block;margin:0}.footer-bottom{flex-direction:column;gap:6px}}
@media(max-width:420px){.season-ribbon span[data-i18n=seasonSub]{display:none}.nav-actions{gap:8px}.nav-play{display:none}.hero{min-height:720px}.hero-brand>span{font-size:87px}.hero-meta i:nth-of-type(2),.hero-meta span[data-i18n=freeMmorpg]{display:none}.button{font-size:9px}.event-inner{padding:23px}.event-bottom{align-items:flex-end}.event-countdown{font-size:17px}.active-now{display:none}.feature-list>div{grid-template-columns:27px 105px 1fr}.feature-list small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.news-card{animation:cardEnter .48s ease backwards}.news-card:nth-child(2){animation-delay:.08s}.news-card:nth-child(3){animation-delay:.16s}@keyframes cardEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}