@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.0471snlmja818.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.40quu04grbhf8.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-500-normal.0brn-8r9pdr2e.woff2)format("woff2"),url(../media/dm-sans-latin-500-normal.0jcw8phz0eanr.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/dm-sans-latin-600-normal.0oone78si629l.woff2)format("woff2"),url(../media/dm-sans-latin-600-normal.40ad7xuawyzt9.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/dm-sans-latin-700-normal.1a6kzvi7en7g-.woff2)format("woff2"),url(../media/dm-sans-latin-700-normal.33in7pwjke59p.woff)format("woff")}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-condensed-latin-600-normal.289y3avl9x-vx.woff2)format("woff2"),url(../media/barlow-condensed-latin-600-normal.0gvkp1c3flf_w.woff)format("woff")}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-700-normal.21s4tc4km7afu.woff2)format("woff2"),url(../media/barlow-condensed-latin-700-normal.1on3xg---ibgx.woff)format("woff")}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-800-normal.3lg-gfem2skt4.woff2)format("woff2"),url(../media/barlow-condensed-latin-800-normal.2yhcvw6l_9tek.woff)format("woff")}
:root{--bg:#101618;--panel:#171f22;--panel2:#1c2629;--border:#2a3539;--text:#e9edeb;--muted:#a0afaf;--gold:#e5bc70;--gold-hover:#f1ce91;--green:#95c3a1;--purple:#b3a0dd;--heading:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--font:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}button{background:0 0;border:0}input,select{min-width:0;color:var(--text)}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}p{color:var(--muted);margin:0 0 18px}h1,h2,h3,h4{color:var(--text);margin:0 0 16px;line-height:1.12}h1,h2{font-family:var(--heading);letter-spacing:.3px;font-weight:700}h1{font-size:60px}h2{font-size:36px}h3{font-size:19px;font-weight:600;line-height:1.3}small,.small{color:var(--muted);font-size:12px;line-height:1.6}strong{font-weight:600}em{color:var(--gold);font-style:normal}::selection{color:#fff;background:#e5bc7040}.container{max-width:1240px;margin:0 auto;padding:0 32px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--gold);color:var(--bg);z-index:100;padding:12px;position:fixed;top:-100px;left:10px}.skip-link:focus{top:8px}.eyebrow{letter-spacing:1.7px;color:var(--gold);align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:1.6;display:flex}.badge{color:#c5cfca;white-space:nowrap;background:#222d2f;border:1px solid #465353;border-radius:3px;align-items:center;padding:5px 8px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.badge.gold{color:var(--gold);background:#e5bc7014;border-color:#e5bc7038}.badge.purple{color:var(--purple);background:#b3a0dd12;border-color:#b3a0dd40}.badge.green{color:#a7d7b2;background:#95c3a118;border-color:#95c3a150}.button{vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:44px;margin-right:8px;padding:12px 20px;font-size:12px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.button.primary{background:var(--gold);color:#151b1b;border:1px solid var(--gold)}.button.primary:hover{background:var(--gold-hover);transform:translateY(-1px)}.button.secondary{background:#253033;border:1px solid #3e4b4f}.button.secondary:hover{background:#303e41}.text-link{color:var(--gold);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--gold-hover)}.icon-tile{width:48px;height:48px;color:var(--gold);background:#e5bc700c;border:1px solid #e5bc7024;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-button{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pixel-art{filter:drop-shadow(0 4px #0003);width:52px;height:52px}.site-header{z-index:40;background:#111819f5;border-bottom:1px solid #ffffff0b;height:80px;position:relative}.header-inner{align-items:center;gap:36px;max-width:1400px;height:100%;margin:auto;padding:0 40px;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand>span{font-family:var(--heading);letter-spacing:.7px;font-size:22px;font-weight:700;line-height:1}.brand small{font-family:var(--font);letter-spacing:2.4px;color:#b6a684;margin-top:7px;font-size:8px;font-weight:600;display:block}.desktop-nav{align-items:center;gap:26px;margin:auto;display:flex}.desktop-nav>a,.nav-more>summary{color:#bdc6c3;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:500;display:flex}.desktop-nav>a:hover,.nav-more>summary:hover{color:var(--gold)}.nav-more{position:relative}.nav-more>summary{list-style:none}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>div{border:1px solid var(--border);background:#172124;border-radius:5px;width:210px;max-height:70vh;padding:9px;position:absolute;top:44px;left:-22px;overflow:auto;box-shadow:0 20px 60px #0008}.nav-more a{border-radius:3px;padding:9px 13px;font-size:12px;display:block}.nav-more a:hover{color:var(--gold);background:#ffffff08}.play-link{color:var(--gold);white-space:nowrap;border:1px solid #e5bc7030;border-radius:3px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.play-link:hover{background:#e5bc700f}.mobile-toggle{display:none}.mobile-nav{border-bottom:1px solid var(--border);background:#172124;grid-template-columns:repeat(2,1fr);gap:5px;padding:15px 24px;display:grid;position:absolute;top:79px;left:0;right:0}.mobile-nav a{padding:12px;font-size:14px}.hero{isolation:isolate;background:#0b1414;height:545px;position:relative;overflow:visible}.hero picture{z-index:-3;position:absolute;inset:0;overflow:hidden}.hero-image{object-fit:cover;object-position:center 54%;width:100%;height:100%}.hero-overlay{z-index:-2;background:linear-gradient(90deg,#0c151be8 0%,#0c151bb0 31%,#10161818 65%),linear-gradient(#0000 72%,#101618 100%);position:absolute;inset:0}.hero-inner{max-width:1240px;margin:auto;padding:70px 32px 0}.hero-kicker{color:#d4caab;letter-spacing:2px;align-items:center;gap:9px;margin-bottom:22px;font-size:10px;font-weight:600;display:flex}.hero-kicker span{background:var(--gold);width:5px;height:5px;box-shadow:0 0 12px #e5bc7050}.hero h1{letter-spacing:.1px;text-shadow:0 2px 30px #0008;max-width:700px;margin-bottom:22px;font-size:60px;font-weight:800;line-height:1.02}.hero h1 em{display:block}.hero h1 br{display:none}.hero-inner>p{color:#bcc8c5;margin-bottom:28px;font-size:14px;line-height:1.8}.hero-inner .search-box{max-width:540px}.art-credit{letter-spacing:.5px;color:#c2cdc470;font-size:9px;position:absolute;bottom:18px;right:30px}.search-box{background:#182427ed;border:1px solid #5f727080;border-radius:5px;align-items:center;gap:12px;height:55px;padding:0 17px;display:flex;position:relative;box-shadow:0 8px 25px #0003}.search-box>svg{color:var(--gold)}.search-box input{background:0 0;border:0;outline:none;flex:1;width:100%;height:100%;font-size:12px}.search-box input::placeholder{color:#9caaa8}.search-box:focus-within{border-color:var(--gold)}.search-box kbd{font:9px var(--font);color:#9daaa6;white-space:nowrap;border:1px solid #4e5a5a;border-radius:3px;padding:2px 5px}.search-results{z-index:50;background:#1c2729;border:1px solid #48534f;border-radius:5px;padding:14px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 18px 50px #0008}.search-results>.eyebrow{margin:0 6px 7px}.search-results>a{border-bottom:1px solid #ffffff07;align-items:center;gap:13px;padding:10px 7px;font-size:12px;display:flex}.search-results>a:hover{background:#ffffff07}.search-results>a>span{flex:1}.search-results>a>svg{color:var(--gold)}.search-results small{font-size:10px;display:block}.search-results p{padding:10px;font-size:12px}.trending{color:#bec7c2;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;font-size:10px;display:flex}.trending>span{color:#8b9b98;letter-spacing:1px;font-size:8px}.trending a{border-bottom:1px solid #c0ba9c40;align-items:center;gap:4px;display:flex}.trending a:hover{color:var(--gold)}.home-main{position:relative}.news-strip{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:20px 0 23px;font-size:11px;display:flex}.news-strip p{color:#b3bfba;margin:0}.news-strip>a{color:var(--gold);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.checked{color:#7f918e;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.featured-row{grid-template-columns:1.45fr 1fr;gap:22px;margin-top:32px;display:grid}.feature-card{background:linear-gradient(110deg,#1c292c,#1b2529);border:1px solid #37423e;border-radius:7px;min-height:288px;padding:30px;position:relative;overflow:hidden}.feature-card .eyebrow{font-size:8px}.feature-card h2{margin:12px 0 16px;font-size:33px}.feature-card p{margin:0 0 20px;font-size:11px;line-height:1.8}.feature-card .button{min-height:40px;padding:10px 14px;font-size:10px}.feature-card>small{letter-spacing:1.5px;color:#9caaa2;font-size:7px;position:absolute;bottom:24px;right:24px}.evolution-art{pointer-events:none;background:radial-gradient(#a690d523,#0000 66%);width:200px;height:165px;position:absolute;top:58px;right:35px}.orb{background:#222832;border:1px solid #8a72af55;border-radius:12px;justify-content:center;align-items:center;width:95px;height:95px;display:flex;position:absolute;transform:rotate(-12deg);box-shadow:0 0 40px #9380bd15}.orb .pixel-art{width:58px;height:58px}.orb-one{top:10px;left:0}.orb-two{background:#2d2a26;border-color:#af956455;bottom:0;right:0;transform:rotate(12deg)}.orbit-line{z-index:-1;background:#d0bb7d60;width:70px;height:1px;position:absolute;top:86px;left:55px;transform:rotate(40deg)}.code-spotlight{border:1px solid var(--border);background:linear-gradient(135deg,#1e2525,#182021);border-radius:7px;padding:28px 30px}.section-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-top h3{margin:0}.code-spotlight .eyebrow{letter-spacing:1.2px;font-size:8px}.live-dot{color:#99bd9c;align-items:center;gap:5px;font-size:8px;display:flex}.live-dot:before{content:"";background:#99bd9c;border-radius:50%;width:4px;height:4px;display:inline-block}.spotlight-code{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 17px;display:flex}.spotlight-code>code{font-family:var(--heading);letter-spacing:1px;color:var(--gold);font-size:39px;font-weight:600}.copy-button{min-height:40px;color:var(--gold);white-space:nowrap;background:#e5bc700a;border:1px solid #495044;border-radius:4px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;display:flex}.copy-button:hover{background:#e5bc7018}.code-spotlight p{font-size:11px}.spotlight-divider{background:var(--border);height:1px;margin:20px 0 18px}.code-spotlight>.text-link{font-size:11px}.code-spotlight>small{margin-top:10px;font-size:9px;display:block}.home-section{margin-top:55px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading .eyebrow{margin-bottom:10px;font-size:9px}.section-heading h2{margin:0;font-size:33px}.section-heading>a{color:var(--gold);align-items:center;gap:8px;padding-bottom:5px;font-size:10px;display:flex}.task-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.task-card{border:1px solid var(--border);background:#172023;border-radius:5px;align-items:center;gap:16px;padding:21px 19px;transition:border-color .2s,transform .2s;display:flex}.task-card:hover{border-color:#e5bc7070;transform:translateY(-2px)}.task-card .icon-tile{background:#1f2a2c;border-color:#343e3b;width:43px;height:48px}.task-copy{flex:1}.task-copy>small{letter-spacing:1.2px;color:#879b97;font-size:7px;font-weight:600}.task-copy h3{font-family:var(--heading);margin:6px 0;font-size:23px}.task-copy p{margin:0;font-size:10px;line-height:1.6}.task-card>svg{color:#71857f}.class-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.class-card{border:1px solid var(--border);background:#172022;border-radius:5px;transition:border-color .2s,transform .2s;overflow:hidden}.class-card:hover{border-color:var(--accent);transform:translateY(-3px)}.class-card.featured{border-color:#aa8d4d55}.class-visual{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),linear-gradient(135deg,#202b2c,#151e20);isolation:isolate;border-bottom:1px solid #ffffff05;justify-content:center;align-items:center;height:142px;display:flex;position:relative}.class-visual:before{content:"";border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);z-index:-1;width:86px;height:86px;position:absolute;transform:rotate(45deg)}.class-visual:after{content:"";z-index:-2;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.class-visual .pixel-art{width:66px;height:66px}.class-rune{letter-spacing:1.6px;color:var(--accent);opacity:.75;font-size:7px;position:absolute;top:12px;left:12px}.class-copy{padding:17px 18px}.class-copy .eyebrow{color:var(--accent);font-size:7px}.class-copy h3{font-family:var(--heading);margin:5px 0 8px;font-size:26px}.class-copy p{min-height:31px;margin-bottom:13px;font-size:9px;line-height:1.8}.class-copy .text-link{color:var(--accent);font-size:9px}.home-section .class-grid{grid-template-columns:repeat(7,1fr);gap:11px}.home-section .class-visual{height:126px}.home-section .class-visual .pixel-art{width:56px;height:56px}.home-section .class-visual:before{width:64px;height:64px}.home-section .class-copy{padding:14px 12px}.home-section .class-copy h3{font-size:24px}.home-section .class-copy p{min-height:43px;font-size:8px}.new-player-banner{background:#1e2827;border:1px solid #364039;border-radius:7px;grid-template-columns:1fr 1.2fr;align-items:center;min-height:270px;margin-top:54px;display:grid;position:relative;overflow:hidden}.banner-image{isolation:isolate;height:100%;min-height:270px;position:relative}.banner-image img{object-fit:cover;object-position:center;z-index:-2;filter:brightness(.7);width:100%;height:100%;position:absolute}.banner-image:after{content:"";background:linear-gradient(90deg,#0000,#1e2827);position:absolute;inset:0}.new-player-banner>div:nth-child(2){z-index:1;padding:32px 85px 32px 30px}.new-player-banner .eyebrow{font-size:8px}.new-player-banner h2{margin:12px 0;font-size:34px}.new-player-banner p{max-width:350px;font-size:11px}.new-player-banner .button{font-size:10px}.banner-stamp{color:#a49b6350;font-family:var(--heading);text-align:center;border:1px solid #a49b6330;padding:14px;font-size:40px;font-weight:600;line-height:1;position:absolute;top:25px;right:27px;transform:rotate(6deg)}.banner-stamp small{font-family:var(--font);letter-spacing:1.5px;color:inherit;font-size:6px}.video-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.home-videos{grid-template-columns:repeat(3,1fr);gap:20px}.video-card{border:1px solid var(--border);background:#172022;border-radius:6px;overflow:hidden}.video-preview{aspect-ratio:16/9;background:#202c2c;position:relative;overflow:hidden}.video-preview button{width:100%;height:100%;padding:0;display:block;position:relative}.video-preview img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:transform .3s,filter .3s}.video-preview button:hover img{filter:brightness(.95);transform:scale(1.035)}.play-disc{color:#fff;background:#101819d9;border:1px solid #ffffff70;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-disc svg{margin-left:2px}.video-topic{color:#ede3bf;background:#151e20e0;border-radius:3px;padding:3px 8px;font-size:8px;position:absolute;bottom:11px;left:13px}.video-preview iframe{border:0;width:100%;height:100%}.video-body{padding:18px}.video-body .eyebrow{color:#92a79e;letter-spacing:1px;font-size:8px}.video-body h3{margin:8px 0 13px;font-size:16px;line-height:1.4}.chapters{flex-direction:column;gap:4px;display:flex}.chapters a{color:#b2c0ba;align-items:center;gap:8px;min-height:30px;padding:5px 0;font-size:10px;display:flex}.chapters time{color:var(--gold);background:#e5bc700b;border-radius:2px;padding:1px 5px;font-size:9px}.chapters a svg{opacity:.55;margin-left:auto}.chapters a:hover{color:var(--gold)}.source-link{color:#8ca39a;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.more-tools{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin:45px 0 0;display:grid}.more-tools>a{border-right:1px solid var(--border);align-items:center;gap:15px;padding:24px 22px;display:flex}.more-tools>a:first-child{padding-left:0}.more-tools>a:last-child{border:0}.more-tools>a>svg:first-child{color:var(--gold)}.more-tools>a>svg:last-child{color:#778d83;width:15px;margin-left:auto}.more-tools strong{font-size:12px;display:block}.more-tools small{margin-top:4px;font-size:9px;display:block}.more-tools a:hover strong{color:var(--gold)}.editorial-note{background:#182121;border:1px solid #2a3935;border-radius:6px;align-items:center;gap:22px;margin:45px 0 65px;padding:25px 28px;display:flex}.editorial-note .icon-tile{color:#a3b891;background:#222d29;border:0}.editorial-note h2{font-family:var(--font);margin:0 0 7px;font-size:14px}.editorial-note p{max-width:730px;margin:0;font-size:10px;line-height:1.8}.editorial-note>a{color:var(--gold);flex-shrink:0;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.site-footer{border-top:1px solid var(--border);background:#0c1214;padding:46px max(32px,50% - 588px) 0}.footer-top{grid-template-columns:1.6fr repeat(3,1fr);gap:35px;display:grid}.footer-top .brand>span{font-size:20px}.footer-top p{color:#81958b;margin-top:20px;font-size:11px;line-height:1.8}.footer-top>div>strong{color:#84968d;letter-spacing:1.4px;margin-bottom:17px;font-size:8px;display:block}.footer-top>div>a:not(.brand){color:#b0beb6;font-size:10px;line-height:2.5;display:block}.footer-top a:hover{color:var(--gold)}.footer-bottom{color:#6f877b;border-top:1px solid #27332e;justify-content:space-between;gap:20px;margin-top:36px;padding:23px 0;font-size:8px;display:flex}.footer-bottom a{align-items:center;gap:5px;display:flex}.guide-main{min-height:70vh;padding-bottom:35px}.guide-topbar{justify-content:space-between;align-items:center;gap:24px;padding-top:29px;display:flex}.breadcrumbs{color:#82978e;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.breadcrumbs span{color:#b5c5ba}.breadcrumbs a:hover{color:var(--gold)}.search-box.compact{width:290px;height:40px;box-shadow:none;background:#151f21;flex-shrink:0;gap:8px;padding:0 12px}.search-box.compact input{font-size:10px}.search-box.compact .search-results{width:340px;left:auto}.page-heading{max-width:940px;margin:43px 0 35px}.page-heading h1{margin:16px 0 20px;font-size:52px;line-height:1.06}.page-heading>.eyebrow{font-size:9px}.page-byline{color:#8da298;flex-wrap:wrap;gap:22px;font-size:9px;display:flex}.page-byline>span{align-items:center;gap:5px;display:flex}.guide-layout{grid-template-columns:minmax(0,1fr) 232px;gap:35px;display:grid}.guide-content{min-width:0;font-size:14px;line-height:1.8}.guide-content p{line-height:1.8}.guide-content p a,.guide-content li a{color:var(--gold);text-underline-offset:4px;-webkit-text-decoration:underline #e5bc7040;text-decoration:underline #e5bc7040}.guide-content .lead{color:#b8c8bf;margin-bottom:28px;font-size:16px;line-height:1.8}.guide-sidebar{padding-top:0}.sidebar-panel{border:1px solid var(--border);background:#172123;border-radius:5px;padding:22px 17px}.sidebar-panel>.eyebrow{letter-spacing:1px;margin-bottom:16px;font-size:8px}.sidebar-panel>a{border-bottom:1px solid #283633;align-items:center;gap:10px;padding:13px 0;font-size:11px;display:flex}.sidebar-panel>a>svg:first-child{color:#b29f73;width:16px}.sidebar-panel>a>svg:last-child{color:#788b80;margin-left:auto}.sidebar-panel>a:last-child{border:0}.sidebar-panel>a:hover{color:var(--gold)}.sidebar-help{border-bottom:1px solid var(--border);padding:25px 18px}.sidebar-help>svg{color:#83a08b}.sidebar-help h3{margin:14px 0 10px;font-size:14px}.sidebar-help p{font-size:11px}.sidebar-help a{color:var(--gold);align-items:center;gap:8px;font-size:10px;display:flex}.sidebar-new{background:linear-gradient(140deg,#353222,#1b2523);border:1px solid #665b3e;border-radius:5px;margin-top:25px;padding:22px 19px;display:block}.sidebar-new h3{font:600 28px/1.15 var(--heading);margin-top:18px}.sidebar-new p{font-size:9px}.sidebar-new>svg{color:var(--gold)}.content-section{margin-top:40px}.content-section>h2{margin-bottom:21px;font-size:31px}.note{border:1px solid #68604455;border-left:3px solid var(--gold);background:#e5bc7008;border-radius:4px;gap:13px;margin:0 0 25px;padding:18px 20px;display:flex}.note>svg{color:var(--gold);width:18px;margin-top:4px}.note strong{color:#d3c69f;font-size:12px}.note p{margin:5px 0 0;font-size:12px;line-height:1.8}.filters{gap:12px;margin:24px 0 10px;display:flex}.filter-search{background:#1a2527;border:1px solid #34413e;border-radius:4px;flex:1;align-items:center;gap:10px;min-width:0;min-height:45px;padding:0 13px;display:flex}.filter-search>svg{color:#91a79a}.filter-search input{background:0 0;border:0;outline:none;flex:1;width:100%;height:44px;font-size:12px}.filter-search:focus-within{border-color:var(--gold)}.filters select{background:#1b2728;border:1px solid #34413e;border-radius:4px;max-width:40%;min-height:45px;padding:0 32px 0 13px;font-size:11px}.result-count{font-size:10px;color:#89a093!important;margin:0 0 22px!important;line-height:1.6!important}.empty{background:#182321;border:1px dashed #43584a;padding:25px;font-size:13px}.empty button{color:var(--gold);text-decoration:underline}.code-card{background:var(--panel);border:1px solid var(--border);border-radius:5px;grid-template-columns:135px minmax(0,1fr) auto;align-items:start;gap:20px;margin-bottom:12px;padding:23px 20px;display:grid}.code-name code{font-size:20px;font-family:var(--heading);letter-spacing:.7px;color:var(--gold);margin-bottom:10px;font-weight:700;line-height:1.4;display:block}.code-name .badge{font-size:8px}.code-reward strong{font-size:12px;line-height:1.5;display:block}.code-reward p{margin:7px 0 8px;font-size:10px}.code-reward small,.code-reward a{color:#93a59a;font-size:9px}.code-reward a{text-underline-offset:3px;text-decoration:underline}.code-card.expired{opacity:.68}.code-card.expired code{text-decoration:line-through}.code-card .copy-button{margin-top:3px}.steps{margin:0 0 26px;padding:0;list-style:none}.steps>li{border-bottom:1px solid var(--border);gap:21px;padding:22px 0;display:flex}.steps>li:first-child{padding-top:0}.step-number{font-family:var(--heading);color:#baa574;flex-shrink:0;width:35px;font-size:29px;font-weight:600;line-height:1.2}.steps h3{margin:1px 0 8px;font-size:16px}.steps p{margin:0;font-size:13px}.faq{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:15px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--gold)}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{margin:0 0 22px;font-size:13px}.text-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.text-card{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:22px}.text-card>svg{color:var(--gold);margin-bottom:14px}.text-card h3{margin-bottom:11px;font-size:16px}.text-card p{margin:0;font-size:12px}.progression-strip{background:#1a2425;border:1px solid #37413a;border-radius:5px;align-items:stretch;gap:20px;margin-bottom:22px;padding:25px 22px;display:flex}.progression-strip>div{flex:1}.progression-strip>div>span{font-family:var(--heading);color:var(--gold);font-size:24px}.progression-strip h3{margin:9px 0;font-size:15px}.progression-strip p{margin:0;font-size:11px}.progression-strip>svg{color:#7e8f74;align-self:center;width:17px}.class-detail-intro{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;gap:24px;padding:24px;display:flex}.class-emblem{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%);flex-shrink:0;justify-content:center;align-items:center;width:130px;height:150px;display:flex}.class-emblem .pixel-art{width:95px;height:95px}.class-detail-intro .lead{margin:12px 0;font-size:14px}.class-detail-intro p:last-child{margin:0;font-size:12px}.class-detail-intro p strong{color:#cdd7ce}.branch-grid{gap:18px;display:grid}.branch-card{border:1px solid var(--border);background:var(--panel);border-radius:5px;padding:24px}.branch-card h3{font-family:var(--heading);align-items:center;gap:13px;margin:12px 0 8px;font-size:28px;display:flex}.branch-card h3 svg{color:var(--gold)}.branch-card>.eyebrow{font-size:8px}.branch-card>p{font-size:12px}.skill-list{grid-template-columns:repeat(3,1fr);gap:8px 16px;margin:16px 0 21px;display:grid}.skill-list dt{color:#7f9788;letter-spacing:1px;text-transform:uppercase;grid-column:1/-1;margin:7px 0;font-size:9px}.skill-list dd{margin:0;font-size:11px;line-height:1.6}.skill-list dd span{color:var(--gold);font-size:9px;display:block}.drop-pair{border-top:1px solid #354038;gap:25px;padding-top:18px;display:flex}.drop-pair>div{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;display:grid}.drop-pair small{color:#829b8b;grid-column:1/-1;font-size:9px}.drop-pair strong{color:var(--gold);font-size:16px}.drop-pair span{color:#a6b8ac;font-size:10px}.table-wrap{border:1px solid var(--border);border-radius:5px;margin-bottom:22px;overflow:auto}table{border-collapse:collapse;text-align:left;background:#162021;width:100%;font-size:11px}th{color:#b7c7b9;white-space:nowrap;background:#1f2b2b;padding:14px 16px;font-size:10px;font-weight:500}td{vertical-align:top;color:#aebeb2;border-top:1px solid #2b3831;padding:16px}td strong{color:#d8e1d7;font-size:12px;display:block}td small{color:#809b88;margin:4px 0;font-size:9px;display:block}td a:hover strong{color:var(--gold)}td .badge{font-size:8px}.race-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.race-card{border:1px solid var(--border);background:var(--panel);border-radius:5px;padding:19px}.race-top{align-items:center;gap:12px;margin-bottom:17px;display:flex}.portrait{background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:51px;height:57px;display:flex}.portrait .pixel-art{width:34px;height:37px}.race-top .eyebrow{color:var(--accent);letter-spacing:1px;font-size:7px}.race-top h3{font-family:var(--heading);margin:5px 0 0;font-size:24px}.odds{text-align:right;font-family:var(--heading);color:var(--accent);margin-left:auto;font-size:22px}.odds small{font-size:7px;font-family:var(--font);color:#809789;display:block}.race-card p{min-height:42px;margin:0 0 17px;font-size:12px;line-height:1.8}.race-card p.small{min-height:0;font-size:10px}.card-bottom{border-top:1px solid #2f3933;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;display:flex}.card-bottom .badge{font-size:8px}.compare-check{cursor:pointer;align-items:center;gap:6px;min-height:30px;font-size:9px;display:flex}input[type=checkbox]{accent-color:var(--gold);cursor:pointer;flex-shrink:0;width:16px;height:16px}.compare-panel{background:#25322b;border:1px solid #56634b;border-radius:5px;margin:20px 0;padding:22px}.compare-panel h3{font-size:14px}.section-top>button{color:var(--gold);min-height:30px;font-size:10px}.compare-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;display:grid}.compare-grid strong{color:var(--gold);font-size:13px}.compare-grid p{margin:7px 0;font-size:11px}.compare-grid small{font-size:9px}.compare-grid a{align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.finder-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.finder-head>.small{text-align:right;font-size:9px}.tabs{border:1px solid var(--border);background:#172224;border-radius:5px;gap:4px;padding:4px;display:flex}.tabs button{color:#96aa9c;border-radius:3px;min-height:54px;padding:10px 17px;font-size:12px}.tabs button small{color:inherit;font-size:8px;display:block}.tabs button.active{background:var(--gold);color:#23291e}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.material-card{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:20px}.material-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.material-title .pixel-art{width:36px;height:40px}.material-title h3{margin:0 0 3px;font-size:14px}.material-title .small{font-size:9px}.material-card>.eyebrow{color:#a4b2a0;font-size:8px}.material-card>strong{font-family:var(--heading);margin-top:6px;font-size:24px;display:block}.material-card>p{min-height:20px;margin:7px 0 14px;font-size:11px}.material-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.material-meta .badge{white-space:normal;font-size:8px}.material-meta a{color:var(--gold);white-space:nowrap;font-size:9px}.collected{cursor:pointer;border-top:1px solid #2b3831;align-items:center;gap:8px;min-height:36px;margin-top:18px;padding-top:12px;font-size:10px;display:flex}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.info-card{border:1px solid var(--border);background:var(--panel);border-radius:5px;padding:22px}.info-card .section-top{margin-bottom:23px}.info-card .section-top .badge{font-size:8px}.info-card .eyebrow{color:#adbc9f;font-size:8px}.info-card h3{font-family:var(--heading);margin:9px 0 14px;font-size:26px}.info-card p{font-size:12px}.card-note{color:#8ba08f;border-top:1px solid #2d3c33;padding-top:14px;font-size:10px;line-height:1.8}.scroll-illustration{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 16%,transparent),transparent 75%),#182324;border-bottom:1px solid #2f3b34;justify-content:center;align-items:center;height:110px;margin:-22px -22px 20px;display:flex}.scroll-illustration .pixel-art{width:57px;height:57px}.oath-list{flex-direction:column;gap:14px;display:flex}.oath-card{background:var(--panel);border:1px solid var(--border);border-radius:5px;grid-template-columns:160px 1fr;gap:22px;padding:22px;display:grid}.oath-card>div>svg{color:var(--gold);margin-bottom:12px}.oath-card h3{font-family:var(--heading);margin-bottom:10px;font-size:24px}.oath-card .badge{font-size:8px}.oath-card dl{grid-template-columns:1fr 1fr;gap:13px;margin:0;display:grid}.oath-card dl>div:last-child{border-top:1px solid #2e3a31;grid-column:1/-1;padding-top:12px}.oath-card dt{letter-spacing:1px;color:var(--gold);text-transform:uppercase;font-size:8px}.oath-card dd{color:#afc0af;margin:4px 0 0;font-size:11px}.checklist{background:#1b2723;border:1px solid #3f4e3b;border-radius:5px;padding:25px}.checklist>.section-top{color:#a7bd9d;font-size:11px}.progress-track{background:#303d30;border-radius:3px;height:4px;margin:13px 0 16px;overflow:hidden}.progress-track>span{background:var(--gold);height:100%;transition:width .2s;display:block}.checklist>label{cursor:pointer;color:#c3d2c0;border-bottom:1px solid #2c3d2e;align-items:center;gap:13px;min-height:48px;padding:13px 0;font-size:12px;display:flex}.checklist>label.done{color:#8ea884;text-decoration:line-through}.checklist>small{margin-top:19px;font-size:9px;display:block}.tier-row{background:var(--panel);border:1px solid var(--border);border-radius:5px;align-items:stretch;gap:22px;margin:0 0 15px;display:flex;overflow:hidden}.tier-letter{width:70px;font-family:var(--heading);color:#151c19;flex-shrink:0;justify-content:center;align-items:center;font-size:40px;display:flex}.tier-letter.s{background:#e5bc70}.tier-letter.a{background:#aabc85}.tier-letter.b{background:#91b5bb}.tier-row>div{padding:22px 22px 22px 0}.tier-row h3{margin-bottom:10px;font-size:16px}.tier-row p{margin-bottom:10px;font-size:12px}.tier-row a{color:var(--gold);font-size:10px}.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.weapon-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;align-items:center;gap:13px;padding:15px;display:flex}.weapon-card .pixel-art{flex-shrink:0;width:32px;height:38px}.weapon-card>span:first-of-type{flex:1}.weapon-card strong{font-size:12px;display:block}.weapon-card small{font-size:9px;display:block}.weapon-card .badge{padding:4px 6px;font-size:8px}.tag-cloud{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.pet-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pet-grid>div{background:var(--panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;align-items:center;gap:16px;padding:22px 12px;display:flex}.pet-grid strong{text-align:center;font-size:10px}.pet-grid .pixel-art{width:43px;height:43px}.act-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.act-grid>a{border:1px solid var(--border);background:var(--panel);border-radius:5px;align-items:center;gap:16px;padding:20px 16px;display:flex}.act-number{font-family:var(--heading);color:#998960;font-size:32px}.act-grid .eyebrow{font-size:7px}.act-grid h3{font-family:var(--heading);margin:5px 0 8px;font-size:22px}.act-grid small{font-size:9px;line-height:1.7;display:block}.act-grid>a>svg{color:var(--gold);margin-left:auto}.act-grid>a:hover{border-color:#a18f59}.beginner-hero{isolation:isolate;border:1px solid #34412e;border-radius:6px;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.beginner-hero img{object-fit:cover;z-index:-2;filter:brightness(.5);width:100%;height:100%;position:absolute;inset:0}.beginner-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#10191be8,#0000);position:absolute;inset:0}.beginner-hero>div{padding:30px}.beginner-hero h2{margin:13px 0;font-size:35px}.beginner-hero p{color:#b5c4af;margin:0;font-size:12px}.link-cards{flex-direction:column;gap:14px;display:flex}.link-cards>a{background:var(--panel);border:1px solid var(--border);border-radius:5px;align-items:center;gap:18px;padding:25px;display:flex}.link-cards>a>svg{color:var(--gold)}.link-cards>a>span{flex:1}.link-cards strong{font-size:14px;display:block}.link-cards small{margin-top:6px;font-size:10px;display:block}.update-entry{background:var(--panel);border-left:2px solid #9c966d;margin-bottom:20px;padding:24px}.update-entry h3{font-family:var(--heading);margin-top:17px;font-size:27px}.update-entry p{font-size:13px}.source-register{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.source-register article{border:1px solid var(--border);background:var(--panel);border-radius:4px;padding:21px}.source-register a{color:var(--gold);justify-content:space-between;gap:9px;display:flex}.source-register h3{color:inherit;font-size:14px}.source-register p{margin:0;font-size:11px}.source-block{border:1px solid var(--border);background:#151f20;border-radius:5px;margin-top:35px}.source-block summary{cursor:pointer;color:#a6b9a7;align-items:center;gap:10px;padding:18px;font-size:11px;list-style:none;display:flex}.source-block summary::-webkit-details-marker{display:none}.source-block summary>span{color:#748e78;margin-left:auto;font-size:9px}.source-details{padding:0 21px 22px}.source-details>p{font-size:11px}.source-details>div{border-top:1px solid #28372b;padding:13px 0}.source-details a{color:var(--gold);align-items:center;gap:8px;font-size:11px;display:inline-flex}.source-details p{margin:5px 0;font-size:10px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-grid>a{background:var(--panel);border:1px solid var(--border);border-radius:4px;align-items:center;gap:10px;padding:17px 12px;display:flex}.related-grid .icon-tile{border:0;width:32px;height:35px}.related-grid .icon-tile svg{width:17px}.related-grid small{font-size:8px;display:block}.related-grid strong{font-size:11px;line-height:1.5;display:block}.related-grid>a>svg{color:#809879;margin-left:auto}.not-found{padding-top:100px;padding-bottom:120px}.not-found h1{margin-top:22px}@media (min-width:1600px){.hero-image{object-position:center 55%}.hero{height:570px}.hero-inner{padding-top:80px}}@media (max-width:1150px){.header-inner{gap:25px;padding:0 26px}.desktop-nav{gap:20px}.desktop-nav>a,.nav-more>summary{font-size:11px}.play-link{gap:5px;padding:11px;font-size:0}.play-link>svg:last-child{display:none}.hero h1{font-size:55px}.evolution-art{width:145px;height:155px;right:20px}.orb{width:80px;height:80px}.feature-card>small{font-size:6px;right:15px}.home-section .class-grid{grid-template-columns:repeat(4,1fr)}.home-section .class-copy p{min-height:30px}.guide-layout{grid-template-columns:minmax(0,1fr) 205px;gap:24px}.guide-sidebar .sidebar-panel{padding:18px 13px}.race-top{gap:8px}.odds{font-size:20px}.portrait{width:40px}.race-top h3{font-size:21px}.material-title h3{font-size:12px}.code-card{grid-template-columns:110px minmax(0,1fr);gap:12px}.code-card>.copy-button{grid-area:2/1;justify-self:start}.code-reward{grid-area:1/2/3}.oath-card{grid-template-columns:130px 1fr;gap:15px}.related-grid{grid-template-columns:1fr}.related-grid>a{padding:14px}.pet-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.desktop-nav{display:none}.header-inner{gap:15px}.play-link{margin-left:auto;padding:8px 11px;font-size:10px}.mobile-toggle{display:flex}.hero{height:525px}.hero-image{object-position:62% center}.hero h1{font-size:50px}.hero-overlay{background:linear-gradient(90deg,#0d171ce8,#0d171c90 50%,#0d171c40),linear-gradient(#0000 70%,#101618)}.news-strip{flex-wrap:wrap;gap:12px}.checked{display:none}.task-grid{grid-template-columns:repeat(2,1fr)}.featured-row{grid-template-columns:1.1fr 1fr}.feature-card{padding:25px}.evolution-art{opacity:.35;z-index:0;top:70px;right:6px}.feature-card>div:first-child{z-index:1;position:relative}.feature-card>small{display:none}.code-spotlight{padding:25px 22px}.live-dot{font-size:7px}.spotlight-code>code{font-size:34px}.code-spotlight .copy-button{padding:9px;font-size:0}.code-spotlight .copy-button svg{width:15px}.new-player-banner>div:nth-child(2){padding:28px}.banner-stamp{display:none}.home-videos{grid-template-columns:repeat(3,1fr);gap:14px}.video-body{padding:15px}.video-body h3{font-size:14px}.chapters a{font-size:9px}.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-sidebar{display:none}.guide-content{font-size:14px}.page-heading h1{font-size:49px}.race-top h3{font-size:25px}.odds{font-size:23px}.portrait{width:52px}.class-grid{grid-template-columns:repeat(4,1fr)}.footer-top{gap:22px}.footer-bottom{flex-wrap:wrap}.editorial-note{padding:22px}.editorial-note>a{display:none}.more-tools>a{gap:10px;padding:20px 14px}.more-tools strong{font-size:10px}}@media (max-width:640px){body{font-size:14px}.container{padding:0 20px}.site-header{height:70px}.header-inner{gap:8px;padding:0 18px}.brand{gap:8px}.brand>img{width:32px;height:32px}.brand>span{font-size:20px}.brand small{letter-spacing:2px;font-size:6px}.play-link{border:0;padding:10px;font-size:0}.play-link svg{width:18px;height:18px}.mobile-nav{top:69px}.hero{height:500px}.hero-inner{padding:46px 22px 0}.hero-kicker{letter-spacing:1.5px;margin-bottom:23px;font-size:8px}.hero h1{max-width:370px;margin-bottom:21px;font-size:44px;line-height:1.03}.hero-inner>p{margin-bottom:25px;font-size:12px}.hero-image{object-position:65% center;filter:brightness(.8)}.hero-overlay{background:linear-gradient(90deg,#0b151de0,#0b151d70 80%),linear-gradient(#0000 55%,#101618)}.hero .search-box{height:51px;padding:0 13px}.search-box input{font-size:11px}.search-box kbd{display:none}.trending{gap:8px 12px;font-size:9px}.trending>span{display:none}.art-credit{font-size:7px;bottom:13px;right:20px}.news-strip{gap:9px;padding:13px 0 18px;font-size:9px}.news-strip .badge{font-size:7px}.news-strip p{flex:1;font-size:9px}.news-strip>a{margin-left:0;font-size:9px}.featured-row{grid-template-columns:1fr;gap:17px;margin-top:24px}.feature-card{min-height:268px;padding:25px}.feature-card h2{font-size:32px}.feature-card p{font-size:11px}.evolution-art{opacity:1;width:137px;height:155px;top:65px;right:20px}.orb{width:72px;height:78px}.orb .pixel-art{width:43px;height:43px}.feature-card>div:first-child{max-width:75%}.feature-card>small{font-size:5px;display:block;bottom:18px;right:16px}.code-spotlight{padding:23px}.code-spotlight .eyebrow,.live-dot{font-size:8px}.spotlight-code{margin:19px 0 13px}.spotlight-code>code{font-size:37px}.code-spotlight .copy-button{padding:10px 13px;font-size:10px}.code-spotlight p{font-size:11px}.spotlight-divider{margin:16px 0}.home-section{margin-top:37px}.section-heading{flex-wrap:wrap;align-items:start;gap:12px;margin-bottom:20px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:8px}.section-heading>a{font-size:9px}.task-grid{gap:11px}.task-card{padding:17px 13px;display:block;position:relative}.task-card .icon-tile{width:35px;height:38px;margin-bottom:15px}.task-card .icon-tile svg{width:21px}.task-copy>small{letter-spacing:.9px;font-size:6px}.task-copy h3{margin:7px 0;font-size:22px}.task-copy p{font-size:9px;line-height:1.6}.task-card>svg{width:14px;position:absolute;top:25px;right:13px}.home-section .class-grid,.class-grid{grid-template-columns:repeat(2,1fr);gap:13px}.home-section .class-visual,.class-visual{height:125px}.home-section .class-copy,.class-copy{padding:15px}.class-copy h3,.home-section .class-copy h3{font-size:27px}.class-copy p,.home-section .class-copy p{min-height:33px;font-size:9px}.new-player-banner{grid-template-columns:1fr;margin-top:38px}.banner-image{min-height:180px}.banner-image:after{background:linear-gradient(#0000 25%,#1e2827)}.new-player-banner>div:nth-child(2){padding:4px 24px 28px}.new-player-banner h2{font-size:33px}.new-player-banner p{font-size:12px}.home-videos,.video-grid{grid-template-columns:1fr;gap:20px}.video-body{padding:20px}.video-body h3{font-size:18px}.video-body .eyebrow{font-size:9px}.chapters a{min-height:36px;font-size:11px}.chapters time{font-size:10px}.source-link{min-height:30px;font-size:10px}.more-tools{grid-template-columns:1fr;margin-top:30px}.more-tools>a,.more-tools>a:first-child{border-right:0;border-bottom:1px solid var(--border);padding:22px 4px}.more-tools strong{font-size:13px}.more-tools small{font-size:10px}.editorial-note{align-items:start;gap:14px;margin:28px 0 40px;padding:20px}.editorial-note .icon-tile{width:32px;height:35px}.editorial-note h2{font-size:13px;line-height:1.6}.editorial-note p{font-size:10px}.site-footer{padding:30px 22px 0}.footer-top{grid-template-columns:repeat(2,1fr);gap:27px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top p{margin:15px 0 0;font-size:11px}.footer-top>div>strong{margin-bottom:12px;font-size:8px}.footer-top>div>a:not(.brand){font-size:11px;line-height:2.8}.footer-bottom{gap:8px;margin-top:30px;padding:20px 0;font-size:8px}.footer-bottom>span{width:100%}.guide-topbar{flex-direction:column;align-items:stretch;gap:17px;padding-top:22px}.breadcrumbs{font-size:9px;line-height:1.6}.search-box.compact{width:100%;height:44px}.search-box.compact input{font-size:11px}.search-box.compact .search-results{width:auto;left:0;right:0}.page-heading{margin:30px 0 25px}.page-heading h1{margin:14px 0 19px;font-size:41px;line-height:1.08}.page-heading>.eyebrow{font-size:8px}.page-byline{gap:7px 15px;font-size:8px}.guide-content .lead{font-size:14px}.note{gap:10px;padding:15px 14px}.note p{font-size:11px}.note strong{font-size:12px}.content-section{margin-top:33px}.content-section>h2{margin-bottom:20px;font-size:28px}.filters{gap:8px}.filter-search{gap:6px;padding:0 10px}.filter-search input{font-size:10px}.filters select{max-width:36%;padding:0 7px;font-size:10px}.result-count{font-size:9px}.code-card{grid-template-columns:1fr auto;gap:13px;padding:18px 15px}.code-name{grid-area:1/1}.code-name code{margin:0 10px 0 0;font-size:26px;display:inline-block}.code-name .badge{white-space:normal;font-size:7px;display:inline-flex}.code-reward{grid-area:2/1/auto/-1}.code-card>.copy-button{grid-area:1/2;margin:0;padding:8px 10px;font-size:9px}.code-reward strong{font-size:12px}.code-reward p{font-size:11px}.code-reward small,.code-reward a{font-size:9px}.steps>li{gap:15px;padding:20px 0}.steps h3{font-size:15px}.steps p{font-size:12px}.step-number{width:28px;font-size:27px}.faq summary{min-height:60px;font-size:12px}.faq details p{font-size:12px}.text-cards{grid-template-columns:1fr}.text-card{padding:20px}.text-card h3{font-size:16px}.text-card p{font-size:12px}.progression-strip{flex-direction:column;gap:16px;padding:22px}.progression-strip>div{grid-template-columns:35px 1fr;gap:4px 13px;display:grid}.progression-strip>div>span{grid-row:1/3}.progression-strip h3{margin:0;font-size:16px}.progression-strip p{font-size:12px}.progression-strip>svg{display:none}.class-detail-intro{align-items:start;gap:14px;padding:20px}.class-emblem{width:50px;height:70px}.class-emblem .pixel-art{width:48px;height:52px}.class-detail-intro .lead{font-size:13px}.class-detail-intro p:last-child{font-size:11px}.class-detail-intro .badge{font-size:8px}.branch-card{padding:20px}.branch-card h3{flex-wrap:wrap;gap:8px;font-size:25px}.branch-card h3 svg{width:16px}.skill-list{grid-template-columns:1fr;gap:9px;margin:13px 0}.skill-list dd{gap:13px;font-size:12px;display:flex}.skill-list dd span{min-width:75px;font-size:9px;line-height:1.8}.skill-list dt{font-size:9px}.drop-pair{gap:13px}.drop-pair>div{display:block}.drop-pair strong{margin:4px 0;font-size:17px;display:block}.drop-pair span{font-size:10px;display:block}.table-wrap{border-radius:4px;max-width:100%}table{min-width:540px;font-size:10px}th,td{padding:14px 12px}td strong{font-size:11px}td small{font-size:9px}.race-grid,.material-grid,.data-grid,.weapon-grid{grid-template-columns:1fr}.race-card{padding:21px}.race-top h3{font-size:28px}.race-card p{min-height:0;font-size:13px}.race-card p.small{font-size:11px}.card-bottom .badge{font-size:9px}.compare-check{min-height:36px;font-size:11px}.odds small{font-size:8px}.compare-grid{grid-template-columns:1fr;gap:18px}.compare-grid>div{border-top:1px solid #4c5d43;padding-top:15px}.compare-grid p{font-size:12px}.finder-head{display:block}.finder-head>.small{text-align:left;margin-top:10px;display:block}.tabs button{flex:1;padding:11px 12px;font-size:13px}.tabs button small{font-size:9px}.material-card{padding:21px}.material-title h3{font-size:16px}.material-title .small{font-size:10px}.material-title .pixel-art{width:42px;height:45px}.material-card>strong{font-size:27px}.material-card>p{font-size:12px}.material-meta a{font-size:10px}.material-meta .badge{font-size:9px}.collected{min-height:40px;padding-top:15px;font-size:11px}.info-card p{font-size:13px}.card-note{font-size:11px}.oath-card{grid-template-columns:1fr;gap:16px;padding:20px}.oath-card>div:first-child{align-items:center;gap:12px;display:flex}.oath-card>div>svg{width:21px;margin:0}.oath-card h3{flex:1;margin:0;font-size:26px}.oath-card dd{font-size:12px}.oath-card dt{font-size:9px}.checklist{padding:20px}.checklist>label{align-items:start;gap:11px;padding:13px 0;font-size:12px}.checklist input{margin-top:3px}.checklist>small{font-size:9px}.tier-row{gap:16px}.tier-letter{width:45px;font-size:35px}.tier-row>div{padding:19px 17px 19px 0}.tier-row h3{font-size:15px}.tier-row p{font-size:11px}.weapon-card{padding:18px}.weapon-card strong{font-size:13px}.weapon-card .pixel-art{width:35px;height:40px}.pet-grid{grid-template-columns:repeat(3,1fr);gap:10px}.pet-grid>div{padding:20px 10px}.pet-grid strong{font-size:9px}.act-grid{grid-template-columns:1fr}.act-grid h3{font-size:25px}.act-grid small{font-size:10px}.beginner-hero{min-height:260px}.beginner-hero>div{padding:25px}.beginner-hero h2{font-size:33px}.link-cards>a{gap:13px;padding:20px}.link-cards strong{font-size:13px}.source-register{grid-template-columns:1fr}.source-register article{padding:20px}.source-register p{font-size:12px}.source-block summary{gap:7px;padding:15px;font-size:10px}.source-block summary>span{font-size:8px}.source-details p{font-size:11px}.related-grid{grid-template-columns:1fr}.related-grid strong{font-size:13px}.related-grid small{font-size:9px}.related-grid>a{padding:16px}.not-found{padding-top:65px;padding-bottom:75px}.not-found h1{font-size:43px}.button{max-width:100%;margin-bottom:8px;font-size:11px}}@media (max-width:365px){.hero h1{font-size:40px}.evolution-art{opacity:.45;right:10px}.feature-card>div:first-child{max-width:90%}.class-copy p,.home-section .class-copy p{min-height:45px}.page-heading h1{font-size:37px}.trending{font-size:8px}.material-title h3{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.build-planner{border:1px solid var(--border);background:#172321;border-radius:14px;margin:28px 0;padding:clamp(16px,3vw,28px)}.planner-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.planner-fields label{color:var(--muted);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.planner-fields select{color:#f2eee2;background:#152022;border:1px solid #45514e;border-radius:7px;width:100%;min-width:0;padding:12px}.build-summary{background:#111c1d;border:1px solid #3a4943;border-radius:10px;margin:24px 0;padding:24px}.build-title{align-items:center;gap:16px;display:flex}.build-title svg{flex-shrink:0;width:64px;height:64px}.build-title h2{margin:7px 0 0;font-size:24px;line-height:1.35}.loadout-effects{margin:24px 0}.loadout-effects>div{border-bottom:1px solid #2c3b35;grid-template-columns:145px 1fr;gap:15px;padding:13px 0;display:grid}.loadout-effects dt{color:#e1c787;font-weight:600}.loadout-effects dd{color:#bec9c1;margin:0;line-height:1.65}.planner-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.planner-actions button{cursor:pointer}.tool-feedback{color:#bdcbbd;min-height:24px;font-size:14px}.set-art,.pet-art{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 15%,transparent),#142021);height:92px;color:var(--accent);border-radius:8px;align-items:center;gap:20px;margin-bottom:18px;padding:16px;display:flex}.set-art svg{width:65px;height:65px}.set-art span,.pet-art span{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.set-bonus{font-weight:600;color:#e4cc8b!important}.info-card>.compare-check{justify-content:flex-start;margin-top:20px}.pet-art+h3{font-size:20px;line-height:1.5}.more-tools{flex-wrap:wrap}.more-tools>a{min-width:220px}@media (max-width:700px){.planner-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.build-summary{padding:16px}.loadout-effects>div{grid-template-columns:1fr;gap:5px}.build-title{align-items:flex-start}.build-title h2{font-size:21px}.build-title svg{width:42px;height:42px}.planner-actions{align-items:stretch}.planner-actions .button{flex:1;justify-content:center}.more-tools>a{min-width:0}}.filters>.filter-choice{flex:0 0 140px;max-width:40%}.filters>.filter-choice>select{width:100%;max-width:100%}