:root{color-scheme:dark;--bg:#090a0b;--bg-soft:#101214;--surface:#0f1011e6;--surface-strong:#121416;--ink:#f1e7d7;--muted:#aaa6a0;--bronze:#c49760;--bronze-soft:#7f6547;--wine:#6d1718;--wine-light:#9d2a28;--blue:#4db7e8;--green:#76c89b;--danger:#ef675f;--line:#c4976047;--line-soft:#f1e7d71f;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shell:min(1180px, calc(100vw - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:var(--shell);margin-inline:auto}.serif{font-family:var(--serif)}.muted{color:var(--muted)}.site-header{z-index:30;border-bottom:1px solid var(--line-soft);background:linear-gradient(#040506d1,#0405061a);position:absolute;inset:0 0 auto}.header-inner{align-items:center;gap:44px;height:76px;display:flex}.brand{color:#d9aa70;font:600 24px/1 var(--serif);letter-spacing:.08em;align-items:center;gap:12px;display:inline-flex}.brand svg{flex:none}.main-nav{align-items:stretch;gap:34px;height:100%;display:flex}.main-nav a{color:#d3d0ca;place-items:center;font-size:14px;display:grid;position:relative}.main-nav a:after{content:"";background:var(--bronze);height:2px;transition:transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.main-nav a.active{color:var(--ink)}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-menu{color:var(--ink);background:0 0;border:0;padding:8px;display:none}.mobile-menu span{background:currentColor;width:23px;height:1px;margin:6px 0;display:block}.button{border:1px solid var(--bronze-soft);min-height:48px;color:var(--ink);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{border-color:var(--bronze);transform:translateY(-1px)}.button-primary{background:linear-gradient(#862322,#5d1516);border-color:#b55d4c;box-shadow:inset 0 0 0 1px #ffffff0a}.button-primary:hover{background:linear-gradient(#982a27,#6d1718)}.button-ghost{background:#08090a73}.button-small{min-height:40px;padding-inline:20px}.button-wide{width:100%}.text-action{color:#ef675f;cursor:pointer;font:600 14px/1 var(--sans);background:0 0;border:0;padding:12px}.arrow{width:18px;height:18px;transition:transform .18s}.button:hover .arrow{transform:translate(3px)}.hero{isolation:isolate;border-bottom:1px solid var(--line);background:#151719 url(/images/hero-citadel.png) 50%/cover no-repeat;align-items:flex-end;min-height:760px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050607d6 0%,#05060742 42%,#0000 70%),linear-gradient(#0000 52%,#050607c2);position:absolute;inset:0}.hero-content{max-width:650px;padding:156px 0 92px}.hero h1{max-width:640px;font:500 clamp(54px, 6vw, 88px)/.98 var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0 0 22px}.hero p{color:#ded6ca;max-width:540px;font:400 20px/1.55 var(--serif);margin:0 0 34px}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-actions .button{min-width:190px}.section{padding:112px 0;position:relative}.section-heading{max-width:660px;font:500 clamp(42px, 5vw, 65px)/1.04 var(--serif);letter-spacing:-.025em;margin:0}.section-rule{background:linear-gradient(90deg, var(--bronze), transparent);width:100%;height:1px;margin:26px 0 30px}.section-copy{max-width:590px;color:var(--muted);margin:0;font-size:17px}.world-section{background:radial-gradient(circle at 85% 10%,#56181726,#0000 38%),#0b0d0e;overflow:hidden}.world-layout{grid-template-columns:.88fr 1.12fr;align-items:start;gap:82px;display:grid}.world-aside{position:sticky;top:42px}.feature-list{border-top:1px solid var(--line)}.feature-row{border-bottom:1px solid var(--line-soft);grid-template-columns:66px 1fr;gap:24px;padding:30px 0;display:grid}.feature-icon{border:1px solid var(--bronze-soft);width:58px;height:58px;color:var(--bronze);place-items:center;display:grid}.feature-row h3{color:#e3c194;font:500 27px/1.15 var(--serif);margin:0 0 7px}.feature-row p{color:var(--muted);margin:0;font-size:15px}.download-section{border-block:1px solid var(--line);background:#0d0f10}.download-layout{grid-template-columns:1fr auto;align-items:center;gap:60px;display:grid}.download-meta{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:24px;font-size:13px;display:flex}.download-meta code{color:#c9b69c;overflow-wrap:anywhere;font-size:12px}.start-section{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#070809e6,#4612126b,#070809e6),url(/images/hero-citadel.png) 50% 66%/cover no-repeat;place-items:center;min-height:410px;display:grid}.start-section h2{font:500 clamp(46px, 5vw, 68px)/1 var(--serif);margin:0 0 30px}.start-section .button{min-width:230px}.site-footer{background:#08090a;padding:44px 0 55px}.footer-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-copy{color:#777;margin-top:8px;font-size:13px}.footer-nav{color:var(--muted);gap:30px;font-size:13px;display:flex}.footer-nav a:hover{color:var(--ink)}.auth-page{background:#0a0b0c;min-height:100vh}.auth-layout{grid-template-columns:minmax(430px,42%) 1fr;min-height:100vh;display:grid}.auth-panel{z-index:2;border-right:1px solid var(--line);background:#080a0bfa;padding:38px clamp(34px,6vw,105px) 60px;position:relative}.auth-back{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:inline-flex}.auth-back:hover{color:var(--ink)}.auth-top{border-bottom:1px solid var(--line);align-items:center;gap:26px;padding-bottom:30px;display:flex}.auth-form-wrap{max-width:430px;padding-top:clamp(60px,8vh,100px)}.auth-form-wrap h1{font:500 clamp(46px, 5vw, 64px)/1 var(--serif);margin:0 0 12px}.auth-lead{color:#c7c0b7;font:18px/1.5 var(--serif);margin:0 0 38px}.auth-image{background:url(/images/hero-citadel.png) 50%/cover no-repeat;position:fixed;inset:0 0 0 42%}.auth-image:after{content:"";background:linear-gradient(90deg,#080a0bb8,#0000 28%);position:absolute;inset:0}.form-group{margin-bottom:22px}.form-label{color:#e7ded0;font:17px/1.2 var(--serif);margin-bottom:8px;display:block}.field-shell{position:relative}.form-input{width:100%;height:50px;color:var(--ink);background:#101315;border:1px solid #43484d;border-radius:2px;outline:none;padding:0 46px 0 15px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:#4daee0;box-shadow:0 0 0 1px #4daee03d}.form-hint{color:#7f8385;margin-top:6px;font-size:12px;display:block}.password-toggle{color:#9ea5ae;cursor:pointer;background:0 0;border:0;width:34px;height:34px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink)}.checkbox-row{color:#c8c3bb;align-items:flex-start;gap:11px;margin:28px 0;font-size:14px;display:flex}.checkbox-row input{accent-color:#8b2825;width:18px;height:18px;margin:2px 0 0}.inline-link{color:#dbaf78;text-underline-offset:3px;text-decoration:underline}.auth-switch{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:30px;padding-top:26px;font-size:14px}.form-message{min-height:24px;color:var(--danger);margin:-4px 0 14px;font-size:13px}.form-message.success{color:var(--green)}.button[disabled]{opacity:.55;cursor:wait;transform:none}.profile-page{background:radial-gradient(circle at 70% 0,#4f1c183d,#0000 34%),#090a0b;min-height:100vh}.profile-page .site-header{background:#090a0b;position:relative}.profile-hero{border-bottom:1px solid var(--line);background:url(/images/hero-citadel.png) 50% 48%/cover no-repeat;align-items:flex-end;min-height:260px;display:flex;position:relative;overflow:hidden}.profile-hero:after{content:"";background:linear-gradient(90deg,#050607f0,#05060773),linear-gradient(#0000 28%,#090a0b);position:absolute;inset:0}.profile-hero .shell{z-index:1;padding-bottom:36px;position:relative}.profile-hero h1{font:500 clamp(52px, 6vw, 74px)/1 var(--serif);margin:0}.profile-main{padding:0 0 100px}.account-strip{border:1px solid var(--line);background:#111213c7;align-items:center;gap:24px;min-height:96px;margin:0 0 42px;padding:0 26px;display:flex}.account-mark{border:1px solid var(--bronze-soft);width:54px;height:54px;color:var(--bronze);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.account-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.account-name{font:500 25px/1 var(--serif);margin-top:2px}.profile-section-title{align-items:center;gap:20px;margin-bottom:18px;display:flex}.profile-section-title h2{font:500 34px/1 var(--serif);margin:0}.profile-section-title:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.character-table{border:1px solid var(--line);border-collapse:collapse;background:#0d0f10e0;width:100%}.character-table th{text-align:left;color:#8f9295;background:#ffffff06;height:44px;padding:0 22px;font-size:12px;font-weight:500}.character-table td{border-top:1px solid var(--line-soft);height:76px;padding:0 22px}.character-name{color:var(--ink);font:500 20px/1 var(--serif)}.character-class{color:#c1bbb1;font-family:var(--serif)}.character-level{font:600 22px/1 var(--serif)}.status{color:#9b9da1;align-items:center;gap:10px;display:inline-flex}.status:before{content:"";background:#6e737d;border-radius:50%;width:9px;height:9px}.status.online{color:var(--blue)}.status.online:before{background:var(--blue);box-shadow:0 0 12px #4db7e873}.empty-state{text-align:center;color:var(--muted);border:1px dashed #34383b;padding:70px 24px}.empty-state h3{color:var(--ink);font:500 25px/1.2 var(--serif);margin:0 0 8px}.loading-rows{border:1px solid var(--line)}.loading-row{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr 130px 150px;align-items:center;gap:24px;height:76px;padding:0 22px;display:grid}.skeleton{background:linear-gradient(90deg,#202326 25%,#2b2f32 50%,#202326 75%) 0 0/200% 100%;border-radius:8px;width:70%;height:13px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.rules-page{background:#090a0b;min-height:100vh}.rules-page .site-header{background:#090a0b;position:relative}.rules-content{max-width:840px;padding:80px 0 120px}.rules-content h1{font:500 clamp(48px, 6vw, 70px)/1 var(--serif);margin:0 0 42px}.rules-content h2{color:#dfbd91;font:500 28px/1.2 var(--serif);margin:42px 0 14px}.rules-content p,.rules-content li{color:#b9b4ac}@media (width<=900px){:root{--shell:min(100% - 32px, 720px)}.header-inner{gap:18px;height:68px}.brand{font-size:20px}.mobile-menu{margin-left:auto;display:block}.main-nav,.header-actions{display:none}.menu-open .main-nav,.menu-open .header-actions{border:1px solid var(--line);background:#0d0f10;display:flex;position:absolute;left:16px;right:16px}.menu-open .main-nav{flex-direction:column;gap:0;height:auto;padding:8px 20px;top:68px}.menu-open .main-nav a{justify-content:start;min-height:48px}.menu-open .header-actions{padding:14px;top:224px}.hero{background-position:57%;min-height:720px}.hero-content{max-width:560px;padding-bottom:70px}.world-layout{grid-template-columns:1fr;gap:50px}.world-aside{position:static}.download-layout{grid-template-columns:1fr;gap:34px}.download-layout .button{justify-self:start}.auth-layout{display:block}.auth-panel{background:#080a0bf0;width:min(100%,570px);min-height:100vh;padding-inline:32px}.auth-image{inset:0}.auth-image:after{background:#080a0b8c}}@media (width<=620px){.hero{min-height:680px}.hero:before{background:linear-gradient(#0506072e,#0506078c 45%,#050607f5 100%)}.hero h1{font-size:clamp(46px,14vw,64px)}.hero p{font-size:18px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.section{padding:78px 0}.feature-row{grid-template-columns:54px 1fr;gap:18px}.feature-icon{width:50px;height:50px}.download-meta{flex-direction:column;gap:6px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-nav{flex-wrap:wrap;gap:16px 24px}.auth-panel{padding:26px 20px 45px}.auth-top{gap:16px}.auth-top .brand svg{display:none}.auth-form-wrap{padding-top:64px}.account-strip{border-inline:0;margin-inline:-16px}.character-table,.character-table tbody{display:block}.character-table thead{display:none}.character-table tr{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto;gap:12px;padding:20px;display:grid}.character-table td{border:0;height:auto;padding:0}.character-table td:nth-child(2){grid-column:1}.character-table td:nth-child(3){grid-area:1/2}.character-table td:nth-child(4){grid-column:1/-1}.loading-row{grid-template-columns:1fr 80px}.loading-row .skeleton:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}