@font-face{font-family:Manrope;src:url('/assets/mobileko/fonts/manrope.woff2') format('woff2');font-display:swap}@font-face{font-family:Cinzel;src:url('/assets/mobileko/fonts/cinzel.woff2') format('woff2');font-display:swap}
:root{--ink:#050b10;--panel:#09151e;--panel2:#0c1c27;--line:rgba(156,199,219,.14);--text:#e8edf0;--muted:#91a4ae;--gold:#d9ad5b;--gold2:#f2d48f;--cyan:#51c8d7;--green:#49d3a1;--red:#ed7b6d;--sidebar:310px;--top:76px;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--gold);color:#071019;padding:10px 16px;border-radius:6px;font-weight:800}.skip-link:focus{top:12px}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 10%,rgba(32,117,138,.15),transparent 34%),radial-gradient(circle at 50% 100%,rgba(217,173,91,.07),transparent 38%)}.ambient span{position:absolute;border:1px solid rgba(81,200,215,.08);border-radius:50%}.ambient span:nth-child(1){width:500px;height:500px;right:-220px;top:14%}.ambient span:nth-child(2){width:310px;height:310px;right:-125px;top:25%}.ambient span:nth-child(3){width:700px;height:700px;left:25%;bottom:-600px}
.topbar{height:var(--top);position:fixed;z-index:80;left:0;right:0;top:0;background:rgba(5,11,16,.89);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:254px}.brand-mark{display:grid;place-items:center;width:38px;height:42px;clip-path:polygon(50% 0,100% 22%,86% 82%,50% 100%,14% 82%,0 22%);background:linear-gradient(145deg,var(--gold2),#836126);color:#08121a;font-family:Cinzel;font-size:22px;font-weight:900}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Cinzel;font-size:19px;letter-spacing:1.7px}.brand strong span{color:var(--gold)}.brand small{font-size:8px;letter-spacing:3.4px;color:var(--muted);margin-top:7px}.search-trigger{height:43px;max-width:540px;flex:1;border:1px solid var(--line);border-radius:6px;background:#0b1821;color:var(--muted);display:flex;align-items:center;gap:12px;text-align:left;padding:0 12px;cursor:pointer;transition:.2s}.search-trigger:hover{border-color:rgba(81,200,215,.45);background:#0d1e29}.search-icon{font-size:23px;color:var(--cyan);line-height:1}.search-trigger kbd,.search-modal kbd{margin-left:auto;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:4px;padding:2px 8px;font-size:9px;color:#94a7b0;letter-spacing:1px}.top-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.top-links a:last-child{color:var(--gold)}.icon-button{border:0;background:none;color:inherit}.mobile-menu,.drawer-close{display:none}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);padding-top:var(--top);min-height:100vh}.sidebar{position:fixed;top:var(--top);left:0;bottom:0;width:var(--sidebar);background:rgba(7,17,24,.96);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60}.sidebar-head{height:62px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.sidebar-head span{font-size:10px;letter-spacing:2px;color:#6f858f;font-weight:800}.sidebar-head strong{font-size:9px;color:var(--gold);border:1px solid rgba(217,173,91,.25);padding:3px 7px;border-radius:10px}.guide-nav{padding:13px 10px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#243b47 transparent}.nav-home,.nav-group>button{width:100%;height:44px;border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#b7c4ca;font-size:12px;font-weight:750}.nav-home span{font-size:17px;color:var(--gold)}.nav-home:hover,.nav-home.is-active{background:linear-gradient(90deg,rgba(217,173,91,.12),transparent);color:#fff}.nav-group{border-top:1px solid rgba(255,255,255,.045)}.nav-group>button{border:0;background:transparent;text-align:left;cursor:pointer}.nav-group>button:hover{color:#fff}.nav-group>button>span:nth-child(2){flex:1}.nav-group>button small{font-size:9px;color:#607781}.nav-group>button b{font-size:13px;color:#67808c;transition:transform .2s}.nav-icon{width:20px;color:var(--cyan);font-size:15px;text-align:center}.nav-group.is-open>button{color:#fff}.nav-group.is-open>button b{transform:rotate(180deg);color:var(--gold)}.nav-items{max-height:0;overflow:hidden;transition:max-height .28s ease}.nav-group.is-open .nav-items{max-height:760px}.nav-group .nav-items{padding:0 5px}.nav-items a{position:relative;display:flex;align-items:center;min-height:35px;padding:7px 8px 7px 36px;color:#80949e;font-size:11px;line-height:1.25;border-left:1px solid rgba(81,200,215,.12);margin-left:10px}.nav-items a:before{content:"";position:absolute;left:18px;width:4px;height:4px;border-radius:50%;background:#3d5965}.nav-items a:hover{color:#e8f3f5;background:rgba(81,200,215,.045)}.nav-items a.is-active{color:#fff;background:linear-gradient(90deg,rgba(81,200,215,.13),transparent);border-left-color:var(--cyan)}.nav-items a.is-active:before{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.nav-items a span{flex:1}.nav-items em{font-style:normal;font-size:7px;letter-spacing:.5px;color:#03110e;background:var(--green);border-radius:8px;padding:2px 5px;font-weight:900;margin-left:5px}.sidebar-help{margin:auto 16px 16px;padding:15px;border:1px solid rgba(217,173,91,.18);background:rgba(217,173,91,.05);display:flex;flex-direction:column}.sidebar-help span{font-size:10px;color:var(--muted)}.sidebar-help a{font-size:11px;color:var(--gold2);font-weight:800}.drawer-backdrop{display:none}
.main{grid-column:2;min-width:0}.hero{position:relative;min-height:520px;border-bottom:1px solid var(--line);overflow:hidden;display:flex;align-items:center;padding:75px clamp(30px,6vw,100px);background:linear-gradient(90deg,rgba(6,14,20,.97) 0%,rgba(6,14,20,.78) 48%,rgba(6,14,20,.15)),url('/assets/mobileko/knight/official-bg.jpg') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--ink))}.hero-runes{position:absolute;width:580px;height:580px;right:2%;top:-60px;border:1px solid rgba(81,200,215,.13);border-radius:50%;box-shadow:0 0 80px rgba(81,200,215,.08),inset 0 0 80px rgba(81,200,215,.05);animation:rotate 30s linear infinite}.hero-runes:before,.hero-runes:after{content:"";position:absolute;border:1px dashed rgba(217,173,91,.12);border-radius:50%;inset:60px}.hero-runes:after{inset:140px;border-style:solid}.hero-warrior{position:absolute;z-index:1;right:7%;bottom:-135px;width:min(34vw,450px);height:auto;filter:drop-shadow(0 0 40px rgba(54,146,170,.28));mask-image:linear-gradient(#000 75%,transparent 98%)}@keyframes rotate{to{transform:rotate(360deg)}}.hero-copy{position:relative;z-index:3;max-width:690px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2.2px}.eyebrow i{width:22px;height:1px;background:currentColor;box-shadow:0 0 8px currentColor}.hero h1,.article-hero h1,.not-found h1{font-family:Cinzel,serif;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-2px;margin:18px 0 17px;text-shadow:0 4px 24px #000}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{max-width:590px;font-size:16px;color:#b1c0c7}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;border:1px solid var(--gold);background:linear-gradient(135deg,#e2bd70,#997132);color:#071019;padding:0 22px;font-size:11px;font-weight:900;letter-spacing:1.2px;cursor:pointer;box-shadow:0 10px 35px rgba(217,173,91,.12);transition:.2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(217,173,91,.23)}.hero-stats{display:flex;gap:34px;margin-top:30px}.hero-stats div{display:flex;flex-direction:column;border-left:1px solid rgba(217,173,91,.35);padding-left:11px}.hero-stats strong{font-family:Cinzel;font-size:20px;color:#fff}.hero-stats span{font-size:9px;color:#8498a1;text-transform:uppercase;letter-spacing:.7px}.hero-card{position:absolute;z-index:4;right:clamp(25px,5vw,80px);bottom:35px;width:270px;background:rgba(7,17,24,.88);border:1px solid rgba(81,200,215,.22);backdrop-filter:blur(12px);padding:21px;box-shadow:var(--shadow)}.hero-card .pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);top:19px;right:19px;box-shadow:0 0 0 6px rgba(73,211,161,.1)}.hero-card small{font-size:8px;letter-spacing:1.5px;color:var(--green)}.hero-card>strong{font-family:Cinzel;font-size:18px;display:block;margin:5px 0}.hero-card p{font-size:11px;color:#91a4ae;line-height:1.55}.hero-card a{font-size:10px;color:var(--gold2);font-weight:900}.hero-card a b{float:right}
.content-section{max-width:1320px;margin:0 auto;padding:70px clamp(24px,5vw,70px)}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-title span{font-size:9px;color:var(--cyan);letter-spacing:2px;font-weight:900}.section-title h2,.field-tools h2{font-family:Cinzel;margin:5px 0 0;font-size:29px}.section-title button{border:0;background:none;color:var(--gold);font-size:10px;font-weight:900;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{position:relative;min-height:138px;padding:21px;background:linear-gradient(145deg,rgba(13,30,41,.9),rgba(8,18,26,.9));border:1px solid var(--line);overflow:hidden;transition:.25s}.quick-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-60px;bottom:-60px;border:1px solid rgba(81,200,215,.14);transition:.25s}.quick-card:hover{transform:translateY(-4px);border-color:rgba(217,173,91,.35);box-shadow:0 18px 40px rgba(0,0,0,.22)}.quick-card:hover:after{transform:scale(1.35);border-color:rgba(217,173,91,.25)}.quick-icon{color:var(--gold);font-size:20px}.quick-card small{display:block;color:#667f8a;font-size:8px;letter-spacing:1px;text-transform:uppercase;margin:14px 0 3px}.quick-card strong{font-size:12px}.quick-card>b{position:absolute;right:18px;top:18px;color:#54707c}.categories-section{padding-top:15px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.category-grid a{display:flex;align-items:center;gap:14px;min-height:70px;border:1px solid var(--line);background:rgba(10,23,32,.62);padding:14px 16px;transition:.2s}.category-grid a:hover{border-color:rgba(81,200,215,.35);background:rgba(12,31,42,.85)}.category-grid i{display:grid;place-items:center;width:38px;height:38px;background:rgba(81,200,215,.07);color:var(--cyan);font-style:normal}.category-grid span{display:flex;flex-direction:column;flex:1}.category-grid strong{font-size:11px}.category-grid small{font-size:9px;color:#6c818b}.category-grid b{color:#516a75}.field-tools{max-width:none;margin:20px clamp(24px,5vw,70px) 70px;padding:45px;background:linear-gradient(115deg,rgba(18,43,55,.76),rgba(9,20,29,.68));border:1px solid rgba(81,200,215,.16);display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center}.field-tools article p{color:#8fa4ad;max-width:480px}.tool-links{display:grid;gap:8px}.tool-links a{display:flex;align-items:center;gap:15px;background:rgba(4,12,17,.58);border:1px solid var(--line);padding:14px 17px}.tool-links a:hover{border-color:rgba(217,173,91,.35)}.tool-links>a>span{color:var(--gold);font-size:20px;width:28px;text-align:center}.tool-links strong{display:flex;flex-direction:column;flex:1;font-size:11px}.tool-links small{color:#6f858e;font-weight:500}.tool-links b{color:#607a86}
.article-shell{max-width:1240px;margin:0 auto;padding:38px clamp(25px,5vw,70px) 50px;display:grid;grid-template-columns:minmax(0,850px) 220px;gap:65px}.breadcrumbs{grid-column:1/-1;display:flex;gap:9px;align-items:center;color:#607883;font-size:10px;white-space:nowrap;overflow:hidden}.breadcrumbs a{color:var(--cyan)}.breadcrumbs strong{color:#aab8be;overflow:hidden;text-overflow:ellipsis}.article{min-width:0}.article-hero{position:relative;padding:45px 42px;min-height:280px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 100% 0,rgba(81,200,215,.14),transparent 45%),linear-gradient(145deg,#0e2430,#09151e)}.article-hero:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.article-hero>div{position:relative;z-index:2;max-width:630px}.article-hero h1{font-size:clamp(33px,4vw,51px);margin:17px 0 11px}.article-hero p{font-size:15px;color:#aec0c8}.article-meta{display:flex;gap:9px;color:#6d8590;font-size:9px;letter-spacing:.4px;text-transform:uppercase}.article-sigil{position:absolute;right:-12px;bottom:-68px;width:260px;height:260px;border:1px solid rgba(81,200,215,.13);border-radius:50%;display:grid;place-items:center;color:rgba(81,200,215,.1);font-size:100px;transform:rotate(-12deg)}.article>section{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:52px 5px;border-bottom:1px solid var(--line)}.section-number{font-family:Cinzel;color:var(--gold);font-size:12px;padding-top:7px}.article section h2{font-family:Cinzel;font-size:23px;margin:0 0 14px}.article section p{color:#a1b1b8}.info-callout{border-left:2px solid var(--cyan);background:rgba(81,200,215,.06);padding:16px 18px;display:flex;flex-direction:column;margin-top:22px}.info-callout b{font-size:10px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase}.info-callout span{font-size:12px;color:#8da1aa}.step-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;counter-reset:steps}.step-list li{display:flex;align-items:center;gap:17px;background:rgba(11,26,36,.7);border:1px solid var(--line);padding:12px 16px}.step-list li span{font-family:Cinzel;color:var(--gold);font-size:12px}.step-list li p{margin:0;font-size:13px}.warning-callout{display:flex;align-items:center;gap:15px;border:1px solid rgba(237,123,109,.23);background:rgba(237,123,109,.06);padding:15px}.warning-callout>b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:rgba(237,123,109,.12);color:var(--red)}.warning-callout p{margin:0;font-size:12px}.check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.check-list li{position:relative;padding-left:22px;color:#90a3ac;font-size:12px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.related-links a{min-height:108px;border:1px solid var(--line);background:#0b1a24;padding:15px;display:flex;flex-direction:column}.related-links a span{color:var(--gold);font-size:19px}.related-links a strong{font-size:10px;margin-top:auto}.related-links a b{align-self:end;color:#667d87}.article-toc{position:sticky;top:110px;align-self:start;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column}.article-toc>span{font-size:8px;color:#6f858f;letter-spacing:1.6px;font-weight:900;margin-bottom:9px}.article-toc>a{position:relative;padding:7px 0;color:#6f858f;font-size:10px}.article-toc>a:hover,.article-toc>a.is-active{color:#dce6e9}.article-toc>a.is-active:before{content:"";position:absolute;left:-21px;top:9px;height:16px;width:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.article-toc div{margin-top:28px;padding:13px;background:rgba(217,173,91,.05);border:1px solid rgba(217,173,91,.14);display:flex;flex-direction:column}.article-toc small{font-size:8px;color:#7f929a}.article-toc div a{font-size:9px;color:var(--gold)}.article-pagination{max-width:1240px;margin:0 auto 65px;padding:0 clamp(25px,5vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:15px}.article-pagination>a{border:1px solid var(--line);padding:15px 18px;display:flex;flex-direction:column;transition:.2s}.article-pagination>a:hover{border-color:rgba(217,173,91,.3);transform:translateY(-2px)}.article-pagination .next{text-align:right}.article-pagination small{font-size:8px;color:var(--gold);letter-spacing:1px}.article-pagination strong{font-size:11px}.not-found{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px}.not-found>span{font-family:Cinzel;font-size:100px;color:rgba(81,200,215,.1)}.not-found h1{font-size:42px;margin:-35px 0 5px}.not-found p{color:var(--muted)}
.article-details{margin:20px 0;padding:2px 0 2px 18px;border-left:1px solid rgba(217,173,91,.32)}.article-details p{font-size:13px;margin:9px 0}.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.guide-gallery figure{margin:0;background:#07131b;border:1px solid var(--line)}.guide-gallery button{display:block;width:100%;padding:0;border:0;background:#07131b;cursor:zoom-in}.guide-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.guide-gallery figcaption{padding:9px 11px;color:#8fa3ac;font-size:10px}.image-lightbox{position:fixed;inset:0;z-index:210;background:rgba(1,5,8,.94);display:grid;place-items:center;padding:40px}.image-lightbox[hidden]{display:none}.image-lightbox img{max-width:min(1400px,94vw);max-height:88vh;object-fit:contain;box-shadow:0 25px 100px #000}.image-lightbox button{position:absolute;right:22px;top:16px;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:#07131b;color:#fff;font-size:28px;cursor:pointer}
.footer{border-top:1px solid var(--line);min-height:80px;display:flex;align-items:center;justify-content:center;gap:30px;color:#546c77;font-size:9px;letter-spacing:.5px}.footer a{color:var(--gold)}
.search-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:start center;padding-top:min(12vh,110px)}.search-modal[hidden]{display:none}.search-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,9,.8);backdrop-filter:blur(8px)}.search-modal>section{position:relative;width:min(670px,calc(100% - 28px));max-height:min(690px,78vh);background:#091821;border:1px solid rgba(81,200,215,.25);box-shadow:0 35px 120px #000;display:flex;flex-direction:column}.search-modal header{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.search-modal input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:17px}.search-modal input::placeholder{color:#637984}.search-caption{padding:11px 17px 7px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#6c818a}.search-results{overflow:auto;padding:7px}.search-results a{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid transparent}.search-results a:hover,.search-results a.is-selected{background:#0e2531;border-color:rgba(81,200,215,.16)}.search-results i{width:34px;height:34px;background:rgba(81,200,215,.07);display:grid;place-items:center;color:var(--cyan);font-style:normal}.search-results span{flex:1;display:flex;flex-direction:column}.search-results strong{font-size:11px}.search-results small{font-size:9px;color:#71858f}.search-results b{color:#667d87}.search-empty{text-align:center;color:#768c96;padding:35px}.search-modal>section>footer{padding:10px 16px;border-top:1px solid var(--line);display:flex;gap:18px;font-size:8px;color:#586f79}
@media (max-width:1100px){:root{--sidebar:280px}.quick-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.hero-warrior{opacity:.75}.hero-card{display:none}.article-shell{grid-template-columns:minmax(0,1fr)}.article-toc{display:none}}
@media (max-width:780px){:root{--top:64px}.topbar{padding:0 14px;gap:10px}.brand{min-width:0;flex:1}.brand-mark{width:31px;height:35px;font-size:17px}.brand strong{font-size:15px}.brand small{font-size:6px;letter-spacing:2.4px}.top-links,.search-label,.search-trigger kbd{display:none}.search-trigger{flex:0 0 42px;padding:0;justify-content:center;border:0;background:transparent}.mobile-menu{display:flex;width:34px;flex-direction:column;gap:4px;cursor:pointer;padding:8px 4px}.mobile-menu i{height:1px;background:#bcc9ce;width:22px}.shell{display:block}.sidebar{top:0;width:min(330px,88vw);transform:translateX(-105%);transition:transform .25s;z-index:120;box-shadow:20px 0 70px #000}.sidebar.is-open{transform:translateX(0)}.sidebar-head{height:64px}.drawer-close{display:block;font-size:25px;cursor:pointer}.drawer-backdrop{position:fixed;inset:0;z-index:110;border:0;background:rgba(0,0,0,.72)}body.drawer-open .drawer-backdrop{display:block}.main{padding-top:0}.hero{min-height:560px;padding:65px 22px 40px;align-items:flex-start}.hero-warrior{width:310px;right:-80px;bottom:-70px;opacity:.48}.hero-runes{width:380px;height:380px;right:-170px;top:80px}.hero-copy{max-width:100%}.hero h1{font-size:43px}.hero-copy>p{font-size:14px;max-width:88%}.hero-stats{gap:16px;margin-top:28px}.hero-stats strong{font-size:17px}.content-section{padding:48px 16px}.quick-grid{gap:8px}.quick-card{min-height:126px;padding:15px}.category-grid{grid-template-columns:1fr}.field-tools{margin:5px 16px 50px;padding:25px;grid-template-columns:1fr;gap:20px}.article-shell{display:block;padding:24px 16px 30px}.breadcrumbs{margin-bottom:18px}.article-hero{padding:32px 24px;min-height:270px}.article-hero h1{font-size:35px}.article>section{grid-template-columns:37px 1fr;gap:7px;padding:38px 0}.section-number{font-size:10px}.related-links{grid-template-columns:1fr}.related-links a{min-height:70px}.article-pagination{padding:0 16px;gap:8px}.article-pagination strong{display:none}.footer{flex-direction:column;gap:2px;padding:20px}.search-modal{padding-top:70px}}
@media (max-width:440px){.quick-grid{grid-template-columns:1fr 1fr}.quick-card strong{font-size:10px}.hero-stats div:last-child{display:none}.article-hero h1{font-size:30px}.article-hero{padding:29px 20px}.article-hero p{font-size:13px}.article>section{grid-template-columns:1fr}.section-number{margin-bottom:-10px}.section-title h2{font-size:25px}.guide-gallery{grid-template-columns:1fr}.image-lightbox{padding:15px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Live database guide pages */
.nav-direct{width:100%;min-height:44px;border-top:1px solid rgba(255,255,255,.045);display:flex;align-items:center;gap:10px;padding:0 12px;color:#b7c4ca;font-size:12px;font-weight:750}.nav-direct>span:nth-child(2){flex:1}.nav-direct em{font-style:normal;font-size:7px;letter-spacing:.6px;color:#03110e;background:var(--green);border-radius:8px;padding:2px 6px;font-weight:900}.nav-direct b{color:#67808c}.nav-direct:hover,.nav-direct.is-active{color:#fff;background:linear-gradient(90deg,rgba(81,200,215,.13),transparent)}
.article>.live-section{display:block;grid-template-columns:none;gap:0;padding:38px 0 52px}.live-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.live-heading>div{max-width:520px}.live-heading small{color:var(--green);font-size:8px;letter-spacing:1.8px;font-weight:900}.live-heading h2{margin:5px 0 0!important}.live-heading>p{max-width:300px;margin:0;font-size:11px;text-align:right}.live-heading strong{color:#c7d6dc}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--green);box-shadow:0 0 0 6px rgba(73,211,161,.08),0 0 12px var(--green);animation:livepulse 2s ease-in-out infinite}@keyframes livepulse{50%{opacity:.48}}.live-error{padding:22px;border:1px solid rgba(237,123,109,.25);background:rgba(237,123,109,.06);display:flex;flex-direction:column}.live-error b{color:#f3c1bb;font-size:13px}.live-error span{color:#8fa3ac;font-size:11px}.live-footnote{font-size:10px!important;color:#708691!important;margin-top:15px!important}
.class-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.class-switch button{position:relative;min-height:72px;border:1px solid var(--line);background:#0a1b25;color:#8ea2ac;display:flex;align-items:center;gap:8px;padding:8px;text-align:left;cursor:pointer;overflow:hidden}.class-switch button:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:transparent}.class-switch button.is-active{color:#fff;border-color:rgba(217,173,91,.5);background:linear-gradient(135deg,rgba(217,173,91,.12),#0a1b25)}.class-switch button.is-active:after{background:var(--gold)}.class-switch img{width:44px;height:56px;object-fit:contain;object-position:top;filter:drop-shadow(0 4px 8px #000)}.class-switch span{display:flex;flex-direction:column;min-width:0}.class-switch strong{font-family:Cinzel;font-size:11px}.class-switch small{font-size:8px;color:#68808b}.starter-class-panel[hidden]{display:none}.starter-inventory{display:grid;grid-template-columns:minmax(350px,.95fr) minmax(300px,1.05fr);border:1px solid rgba(217,173,91,.22);background:radial-gradient(circle at 25% 35%,rgba(81,200,215,.09),transparent 35%),#07141d;box-shadow:0 22px 70px rgba(0,0,0,.25)}.starter-equipment{--slot:58px;position:relative;min-height:470px;border-right:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.starter-equipment:before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(81,200,215,.08);border-radius:50%;left:50%;top:80px;transform:translateX(-50%);box-shadow:inset 0 0 60px rgba(81,200,215,.04)}.starter-character{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);width:52%;height:420px;text-align:center;pointer-events:none}.starter-character img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 28px rgba(81,200,215,.2));opacity:.68;mask-image:linear-gradient(#000 78%,transparent 100%)}.starter-character span{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-family:Cinzel;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.18)}.starter-slot{position:relative;width:100%;aspect-ratio:1;border:1px solid #4f4533;background:linear-gradient(145deg,#172630,#09141c);display:grid;place-items:center;box-shadow:inset 0 0 12px #020608;outline:0}.starter-slot.has-item{border-color:#8c7345;background:radial-gradient(circle,#263743,#0b151c 72%)}.starter-slot img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 3px 4px #000)}.starter-slot>span{color:#405762}.starter-slot>small{position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);font-size:6px;color:#607782;white-space:nowrap;text-transform:uppercase}.starter-slot>b{position:absolute;right:2px;bottom:1px;font-size:8px;color:#ffe09b;text-shadow:0 1px 2px #000}.starter-slot>em{position:absolute;left:2px;top:2px;font-size:6px;font-style:normal;color:#10171a;background:var(--gold);padding:1px 3px;font-weight:900}.starter-slot:focus,.starter-slot:hover{border-color:var(--cyan);z-index:10}.starter-equipment>.starter-slot{position:absolute;width:var(--slot);height:var(--slot)}.equip-pos-0{left:3%;top:36px}.equip-pos-1{left:calc(50% - var(--slot)/2);top:15px}.equip-pos-2{right:3%;top:36px}.equip-pos-3{left:3%;top:126px}.equip-pos-4{left:calc(50% - var(--slot)/2);top:105px}.equip-pos-5{right:3%;top:126px}.equip-pos-6{left:3%;top:216px}.equip-pos-7{left:calc(50% - var(--slot)/2);top:195px}.equip-pos-8{right:3%;top:216px}.equip-pos-9{left:3%;top:306px}.equip-pos-10{left:calc(50% - var(--slot)/2);top:285px}.equip-pos-11{right:3%;top:306px}.equip-pos-12{left:25%;top:388px}.equip-pos-13{right:25%;top:388px}.starter-storage{padding:17px}.starter-storage header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.starter-storage header span{font-size:9px;color:var(--gold);letter-spacing:1.5px;font-weight:900}.starter-storage header small{font-size:7px;color:#607782}.starter-storage .costume-head{margin-top:20px}.starter-bag{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:5px}.starter-extra{grid-template-columns:repeat(7,minmax(34px,1fr))}.starter-bag .starter-slot small{top:3px;left:4px;transform:none;color:#526b76}.starter-item-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}.starter-item-list article{display:flex;align-items:center;gap:9px;min-height:52px;padding:7px 9px;border:1px solid var(--line);background:#091821}.starter-item-list img{width:36px;height:36px;object-fit:contain}.starter-item-list span{display:flex;flex-direction:column;min-width:0;flex:1}.starter-item-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starter-item-list small{font-size:7px;color:#617984}.starter-item-list em{font-style:normal;font-size:7px;color:var(--gold);border:1px solid rgba(217,173,91,.25);padding:2px 4px}.item-tip{position:fixed;z-index:220;pointer-events:none;max-width:280px;padding:9px 11px;background:#030a0e;border:1px solid rgba(217,173,91,.5);box-shadow:0 10px 35px #000;color:#dbe5e8;font-size:10px}
.rate-filters{display:flex;gap:6px;overflow:auto;margin-bottom:14px;padding-bottom:3px}.rate-filters button{border:1px solid var(--line);background:#091923;color:#748a94;padding:8px 13px;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap;cursor:pointer}.rate-filters button.is-active{color:#071119;background:var(--gold);border-color:var(--gold)}.rate-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.rate-card{border:1px solid var(--line);background:linear-gradient(145deg,#0c202b,#07131b);overflow:hidden}.rate-card[hidden]{display:none}.rate-card>header{min-height:86px;display:flex;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.rate-card>header img{width:54px;height:54px;object-fit:contain;background:#071017;border:1px solid rgba(217,173,91,.24);padding:3px}.rate-card>header span{min-width:0}.rate-card>header small{font-size:7px;color:var(--gold);letter-spacing:.7px;text-transform:uppercase}.rate-card>header h3{font-family:Cinzel;font-size:12px;margin:3px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-card>header p{margin:0;font-size:8px!important;color:#667e88!important}.rate-table{padding:5px 12px 11px}.rate-row{display:grid;grid-template-columns:1fr 90px 110px;align-items:center;min-height:38px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}.rate-row:last-child{border:0}.rate-row>strong{font-family:Cinzel;font-size:10px}.rate-row>strong i{color:var(--cyan);font-style:normal;margin:0 4px}.rate-row>span:nth-child(2){color:#8ca0a9;text-align:right}.rate-head{min-height:30px;color:#526b76;text-transform:uppercase;font-size:7px;font-weight:900}.rate-head span:nth-child(n+2){text-align:right}.rate-value{position:relative;text-align:right;padding-bottom:6px}.rate-value b{font-size:10px;color:var(--green)}.rate-value>i{position:absolute;left:16px;right:0;bottom:2px;height:2px;background:#142832;overflow:hidden}.rate-value>i:after{content:"";display:block;width:var(--rate);height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 7px var(--cyan)}.rate-row.is-disabled{opacity:.48}.rate-row.is-disabled .rate-value b{color:#788b93}
.next-event{position:relative;display:grid;grid-template-columns:150px 1fr 170px;min-height:150px;border:1px solid rgba(217,173,91,.38);background:radial-gradient(circle at 85% 10%,rgba(217,173,91,.13),transparent 35%),linear-gradient(135deg,#112936,#07131b);overflow:hidden;box-shadow:0 22px 65px rgba(0,0,0,.25)}.next-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 15px var(--gold)}.next-event.is-live{border-color:rgba(73,211,161,.5)}.next-event.is-live:before{background:var(--green);box-shadow:0 0 15px var(--green)}.next-event-time,.next-event-copy,.countdown{display:flex;flex-direction:column;justify-content:center;padding:22px}.next-event-time{border-right:1px solid var(--line);text-align:center}.next-event-time small,.countdown small{font-size:7px;color:var(--gold);letter-spacing:1.2px;font-weight:900}.next-event-time strong{font-family:Cinzel;font-size:32px;color:#fff}.next-event-time span{font-size:8px;color:#758b95}.next-event-copy>span{font-size:8px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase}.next-event-copy h3{font-family:Cinzel;font-size:19px;margin:5px 0!important}.next-event-copy p{font-size:9px!important;margin:0;color:#7e939d!important}.countdown{border-left:1px solid var(--line);text-align:right}.countdown strong{font-family:Cinzel;color:var(--gold2);font-size:18px;margin-top:5px}.event-calendar{display:grid;gap:12px;margin-top:16px}.event-day{display:grid;grid-template-columns:130px 1fr;border:1px solid var(--line);background:#081720}.event-day>header{padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column}.event-day>header span{font-size:8px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase}.event-day>header strong{font-family:Cinzel;font-size:14px;margin-top:3px}.event-day>header small{font-size:7px;color:#607883;margin-top:auto}.event-timeline{padding:7px 16px}.event-entry{display:grid;grid-template-columns:50px 12px 1fr;gap:10px;align-items:center;min-height:68px;border-bottom:1px solid rgba(255,255,255,.05)}.event-entry:last-child{border:0}.event-entry time{font-family:Cinzel;font-size:13px;color:var(--gold2)}.event-entry>i{position:relative;width:7px;height:7px;border-radius:50%;background:#35505c;box-shadow:0 0 0 4px rgba(53,80,92,.13)}.event-entry>i:after{content:"";position:absolute;left:3px;top:9px;height:53px;width:1px;background:#203742}.event-entry:last-child>i:after{display:none}.event-entry>div>span{font-size:7px;color:#66808b;text-transform:uppercase;letter-spacing:.7px}.event-entry h3{font-size:11px;margin:2px 0!important}.event-entry p{font-size:8px!important;margin:0;color:#667d87!important}.event-entry.is-live>i{background:var(--green);box-shadow:0 0 0 5px rgba(73,211,161,.1),0 0 9px var(--green)}.event-entry.is-live>div>span{color:var(--green)}
@media (max-width:780px){.live-heading{display:block}.live-heading>p{text-align:left;margin-top:8px}.class-switch{grid-template-columns:repeat(2,1fr)}.starter-inventory{grid-template-columns:1fr}.starter-equipment{border-right:0;border-bottom:1px solid var(--line);min-height:465px}.starter-storage{padding:13px}.rate-groups{grid-template-columns:1fr}.next-event{grid-template-columns:90px 1fr}.next-event-time,.next-event-copy,.countdown{padding:15px}.next-event-time strong{font-size:24px}.countdown{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);text-align:center;min-height:72px}.event-day{grid-template-columns:1fr}.event-day>header{border-right:0;border-bottom:1px solid var(--line);padding:12px 15px;display:grid;grid-template-columns:1fr auto;align-items:center}.event-day>header small{grid-column:1/-1}.starter-item-list{grid-template-columns:1fr}.article>.live-section{padding-top:30px}}
@media (max-width:440px){.starter-equipment{--slot:50px;min-height:430px}.equip-pos-0{top:32px}.equip-pos-1{top:12px}.equip-pos-2{top:32px}.equip-pos-3{top:112px}.equip-pos-4{top:92px}.equip-pos-5{top:112px}.equip-pos-6{top:192px}.equip-pos-7{top:172px}.equip-pos-8{top:192px}.equip-pos-9{top:272px}.equip-pos-10{top:252px}.equip-pos-11{top:272px}.equip-pos-12,.equip-pos-13{top:352px}.starter-bag{grid-template-columns:repeat(7,minmax(29px,1fr));gap:3px}.starter-storage{padding:10px}.starter-slot>small{font-size:5px}.rate-row{grid-template-columns:1fr 70px 83px}.rate-table{padding-left:8px;padding-right:8px}.next-event{grid-template-columns:78px 1fr}.next-event-copy h3{font-size:14px}.next-event-copy p{font-size:8px!important}.event-timeline{padding:5px 10px}.event-entry{grid-template-columns:42px 10px 1fr;gap:7px}.class-switch button{min-height:62px}.class-switch img{width:36px;height:47px}}

.container-category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.container-category-tabs button{min-height:70px;border:1px solid var(--line);background:linear-gradient(145deg,#0c202b,#07131b);color:#8297a0;display:flex;align-items:center;gap:13px;padding:12px 15px;text-align:left;cursor:pointer}.container-category-tabs button>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(81,200,215,.17);background:rgba(81,200,215,.05);color:var(--cyan);font-style:normal;font-size:18px}.container-category-tabs button>span{display:flex;flex-direction:column}.container-category-tabs button strong{font-family:Cinzel;font-size:12px}.container-category-tabs button small{font-size:7px;color:#607984}.container-category-tabs button.is-active{border-color:rgba(217,173,91,.5);color:#fff;background:linear-gradient(135deg,rgba(217,173,91,.12),#0a1b25)}.container-category-tabs button.is-active>i{color:var(--gold);border-color:rgba(217,173,91,.35);box-shadow:0 0 18px rgba(217,173,91,.1)}.container-options{display:flex;gap:7px;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:#29414d transparent}.container-options[hidden]{display:none}.container-options button{flex:0 0 178px;min-height:58px;border:1px solid var(--line);background:#081821;color:#7f949d;display:flex;align-items:center;gap:9px;padding:7px 9px;text-align:left;cursor:pointer}.container-options button img{width:40px;height:40px;object-fit:contain;background:#050d12;border:1px solid rgba(255,255,255,.06);padding:2px}.container-options button span{font-size:9px;line-height:1.25}.container-options button:hover{border-color:rgba(81,200,215,.35);color:#dbe6e9}.container-options button.is-active{border-color:var(--gold);color:#fff;background:linear-gradient(135deg,rgba(217,173,91,.11),#091821);box-shadow:inset 0 -2px var(--gold)}.container-result{border:1px solid var(--line);background:#07151e;min-height:230px}.container-result>header{display:flex;align-items:center;gap:13px;min-height:82px;padding:13px 16px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 0,rgba(81,200,215,.08),transparent 38%)}.container-result>header img{width:54px;height:54px;object-fit:contain;background:#040c11;border:1px solid rgba(217,173,91,.25);padding:3px}.container-result>header>span{display:flex;flex-direction:column;min-width:0;flex:1}.container-result>header small{font-size:7px;color:var(--cyan);letter-spacing:1px}.container-result>header h3{font-family:Cinzel;font-size:15px;margin:4px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-result>header>strong{font-size:9px;color:var(--gold);border:1px solid rgba(217,173,91,.24);padding:6px 9px;white-space:nowrap}.container-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:13px}.container-items[hidden]{display:none}.container-items article{position:relative;min-height:76px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#0c202a,#08141c);display:flex;align-items:center;gap:10px;padding:9px}.container-items article:hover{border-color:rgba(81,200,215,.3)}.container-items article img{width:48px;height:48px;object-fit:contain;flex:0 0 48px;background:#050d12;border:1px solid rgba(255,255,255,.06);padding:2px}.container-items article>span{display:flex;flex-direction:column;min-width:0}.container-items article strong{font-size:9px;line-height:1.25}.container-items article small{font-size:7px;color:#5f7781;margin-top:3px}.container-items article em{position:absolute;right:4px;bottom:3px;font-style:normal;font-size:7px;color:var(--gold2);background:rgba(3,10,14,.88);padding:2px 4px}.container-loading,.container-empty{min-height:190px;display:flex;align-items:center;justify-content:center;gap:10px;color:#718791;font-size:10px}.container-loading[hidden],.container-empty[hidden]{display:none}.container-loading i{width:18px;height:18px;border:2px solid rgba(81,200,215,.18);border-top-color:var(--cyan);border-radius:50%;animation:container-spin .7s linear infinite}@keyframes container-spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.container-items{grid-template-columns:repeat(2,minmax(0,1fr))}.container-category-tabs button{min-height:62px;padding:9px}.container-category-tabs button>i{width:31px;height:31px}.container-options button{flex-basis:155px}.container-result>header{padding:11px}.container-result>header>strong{font-size:8px}}
@media(max-width:440px){.container-category-tabs{gap:4px}.container-category-tabs button{display:block;text-align:center;padding:8px 4px}.container-category-tabs button>i{margin:0 auto 4px}.container-category-tabs button small{display:none}.container-items{grid-template-columns:1fr;padding:8px}.container-result>header img{width:45px;height:45px}.container-result>header h3{font-size:12px}.container-result>header>strong{padding:4px 5px}.container-options button{flex-basis:145px}}