:root{--bg-primary:#0b0a0f;--bg-secondary:#131b2b;--bg-card:#1c2940;--bg-card-hover:#263854;--red-dark:#6d101b;--red-primary:#a91629;--red-bright:#e01c32;--text-primary:#e3dad2;--text-secondary:#a7a4ac;--text-muted:#969aa8;--border-default:#35435a;--border-subtle:#242c3b;--border-accent:#a91629;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--container-width:1200px;--article-width:760px;--font-body:'Inter',sans-serif;--font-heading:'Cinzel',serif;--font-brand:'Cinzel Decorative',serif;--font-menu:'Rajdhani',sans-serif;--font-pixel:'Press Start 2P',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 78% 5%,rgba(115,12,25,.14),transparent 38%),radial-gradient(ellipse at 15% 42%,rgba(29,47,78,.17),transparent 45%),var(--bg-primary);color:var(--text-primary);font:16px/1.8 var(--font-body);-webkit-font-smoothing:antialiased}a{color:#d97983;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s,transform .18s}a:hover{color:#f0b7bd;text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button,button:disabled,input{border-radius:2px}img{max-width:100%;display:block;height:auto}svg{fill:none;stroke:currentColor;stroke-width:1.7}h1,h2,h3,h4{color:var(--text-primary);line-height:1.3}h1,h2{font-family:var(--font-heading)}h1{font-size:clamp(32px,3.3vw,44px);margin:0 0 20px;font-weight:700}h2{font-size:26px;font-weight:600}h3{font-size:20px;font-weight:600}p{margin:0 0 20px}ul,ol{padding-left:24px}li{padding-left:4px;margin:8px 0}strong{color:var(--text-primary)}:focus-visible{outline:2px solid #e3dad2;outline-offset:4px}.container{width:calc(100% - 64px);max-width:var(--container-width);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;background:var(--bg-card);padding:12px 20px;z-index:100}.skip-link:focus{top:8px}.eyebrow{font:600 13px/1.6 var(--font-menu);letter-spacing:.2em;text-transform:uppercase;color:#b1b4c0;margin:0 0 16px}.pixel-label{font:9px/1.8 var(--font-pixel);letter-spacing:.02em;color:#b5bccd}.site-header{position:sticky;top:0;z-index:30;height:72px;border-bottom:1px solid var(--border-default);background:rgba(12,14,22,.97)}.header-inner{height:100%;max-width:1280px;width:calc(100% - 64px);margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--text-primary);flex-shrink:0;line-height:1}.brand:hover{text-decoration:none;color:#fff1e6}.brand-sigil{color:#be3646;font-size:34px}.brand-name{font:700 19px/1.2 var(--font-brand);display:block;letter-spacing:-.02em}.brand-caption{font:600 9px/1.6 var(--font-menu);letter-spacing:.33em;color:var(--text-secondary);display:block;margin-top:5px}.header-nav{display:flex;align-items:center;gap:24px;margin-left:auto;height:100%}.header-nav a{font:600 16px/1 var(--font-menu);text-transform:uppercase;letter-spacing:.06em;color:#b7b6bf;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;padding-top:2px}.header-nav a:hover,.header-nav a[aria-current]{text-decoration:none;color:var(--text-primary);border-bottom-color:var(--red-primary)}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:var(--text-primary);border:1px solid var(--border-default);min-width:44px;min-height:44px;padding:8px 12px}.icon-button:hover{background:var(--bg-card);border-color:#53657f}.search-toggle{font:600 15px var(--font-menu);color:#c2c4ce;background:#172031}.search-toggle kbd{font:12px var(--font-body);border:1px solid #53657f;padding:1px 5px;margin-left:6px;color:#b5bccd}.menu-toggle{display:none}.search-panel{position:fixed;inset:72px 0 auto;max-height:calc(100dvh - 72px);overflow:auto;z-index:35;background:#101725;border-bottom:1px solid var(--red-primary);padding:28px 0;box-shadow:0 24px 40px #0008}.search-panel[hidden]{display:none}.search-panel label{display:block;font:600 13px var(--font-menu);letter-spacing:.15em;margin-bottom:12px}.search-line{display:flex;gap:8px}.search-panel input{width:100%;min-width:0;background:#0b101c;border:1px solid #53657f;color:var(--text-primary);padding:12px 16px;min-height:48px}.search-panel input:focus{border-color:var(--red-bright);outline:1px solid var(--red-bright)}.search-result{display:block;padding:14px 8px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.search-result span{display:block;color:var(--text-secondary);font-size:13px}.search-empty{margin:20px 0 0;color:var(--text-secondary)}
.hero{min-height:520px;position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle);background:#08070b}.hero-inner{min-height:520px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:51%;padding:56px 0 64px}.hero .eyebrow{color:#cc9298;margin-bottom:22px}.hero h1{font:700 clamp(40px,5.3vw,76px)/1.06 var(--font-brand);letter-spacing:-.04em;margin:0;max-width:650px}.hero h1 span{display:block}.hero-title-rule{height:2px;width:80px;background:var(--red-primary);margin:28px 0 24px}.hero-deck{font-size:17px;color:#bfc0ca;max-width:390px;line-height:1.8}.hero-art{position:absolute;right:0;top:0;width:59%;height:100%;z-index:1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08070b 0%,#08070b44 22%,transparent 52%),linear-gradient(0deg,#08070b,transparent 23%);pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 73% 53%,rgba(109,16,27,.19),transparent 47%);pointer-events:none;z-index:1}.hero-meta{font:500 12px var(--font-menu);letter-spacing:.14em;color:#a2a3ae;text-transform:uppercase;display:flex;gap:18px;margin-top:32px}.hero-meta span+span:before{content:'◆';font-size:7px;color:#8f3944;margin-right:18px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:20px;border:1px solid #53657f;border-radius:3px;padding:10px 22px;font:600 15px var(--font-menu);text-transform:uppercase;letter-spacing:.06em;color:#f3e8e2;background:#0b0a0f55}.btn-primary{background:var(--red-primary);border-color:#c02a3a}.btn:hover{text-decoration:none;color:#fff1e6;border-color:var(--red-bright)}.btn-primary:hover{background:#c51e32}.archive-strip{border-bottom:1px solid var(--border-subtle);background:#101521}.archive-strip .container{display:flex;align-items:center;gap:28px;padding-block:16px}.archive-strip .pixel-label{flex-shrink:0;color:#d9b3b8}.archive-strip p{font-size:13px;color:#b2b6c1;margin:0}.home-section{margin-block:64px}.section-heading{display:flex;gap:24px;justify-content:space-between;align-items:end;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--border-default)}.section-heading .eyebrow{margin-bottom:9px;font-size:12px}.section-heading h2{margin:0;border-left:3px solid var(--red-primary);padding-left:14px;font-size:28px}.section-heading>a{font:600 13px var(--font-menu);letter-spacing:.1em;white-space:nowrap;color:#c3bac0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{background:#172239;border:1px solid var(--border-default);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;position:relative}.guide-card:hover{border-color:var(--red-primary);background:var(--bg-card);transform:translateY(-3px)}.guide-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.guide-card.pixel-art img,.pixel-art-image{image-rendering:pixelated}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-category{font:600 11px var(--font-menu);color:#cba1a8;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.guide-card h3{font:600 21px/1.4 var(--font-heading);margin:0 0 12px}.guide-card h3 a{color:var(--text-primary)}.guide-card h3 a:after{content:'';position:absolute;inset:0}.guide-card h3 a:hover{text-decoration:none}.guide-card p{font-size:14px;line-height:1.75;color:#b3bac9;margin-bottom:20px}.card-action{font:600 13px var(--font-menu);color:#d0b7bd;letter-spacing:.06em;margin-top:auto}.archive-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.directory-item{padding:20px 18px;background:#131b2b;border:1px solid var(--border-default);border-left:2px solid #53657f;color:var(--text-primary);min-height:90px}.directory-item:hover{border-left-color:var(--red-bright);background:#1c2940;text-decoration:none}.directory-item span{font:10px var(--font-pixel);color:#a28997;display:block;margin-bottom:12px}.directory-item strong{font:600 19px var(--font-menu)}.home-notes{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.home-notes h3{font:600 22px var(--font-heading);margin:0 0 18px}.home-notes p{color:#bbc0ca;font-size:15px}.quick-links{border:1px solid var(--border-default);background:#101725;padding:0 22px;align-self:start}.quick-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:#d9d2d0;gap:16px;min-height:54px}.quick-links a:last-child{border:0}.quick-links a span{color:#d07783}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.answer-grid>div{border-top:1px solid var(--border-default);padding:18px 0 0}.answer-grid h3{font:600 17px/1.6 var(--font-body);margin:0 0 10px}.answer-grid p{font-size:14px;color:#bbc0ca}.faq-list{border-top:1px solid var(--border-default)}.faq-list details{border-bottom:1px solid var(--border-default);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:20px 32px 20px 0;position:relative;font-weight:500;min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;color:#d97983;font-size:24px;font-weight:400;top:12px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:15px;color:#bbc0ca;max-width:850px;margin-bottom:22px}.last-updated{font-size:12px;letter-spacing:.02em;color:#aaaeba;margin:0 0 24px}
.article-page{max-width:1280px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#b2adba;margin:28px 0 34px}.breadcrumb a{color:#aaaeba}.article-header{margin:0 0 36px;padding-bottom:30px;border-bottom:1px solid var(--red-dark);max-width:1000px}.article-header .eyebrow{color:#d48892;font-size:12px;margin-bottom:16px}.article-header h1{max-width:850px}.article-deck{max-width:780px;font-size:17px;line-height:1.8;color:#c3c2ca;margin:0}.content-wrapper{display:grid;grid-template-columns:180px minmax(0,760px) 190px;gap:30px;align-items:start}.related-sidebar,.toc-sidebar{position:sticky;top:100px}.related-sidebar .eyebrow{font-size:11px;margin-bottom:12px}.related-sidebar>a{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid var(--border-subtle);color:#aaaeba;font:600 15px var(--font-menu);min-height:44px}.related-sidebar>a[aria-current]{color:var(--text-primary);border-left:2px solid var(--red-primary);padding-left:10px}.related-sidebar>a span{font-size:12px;color:#b06c78}.sidebar-note{font-size:12px;line-height:1.8;color:#a1a5b3;margin-top:24px}.main-content{min-width:0;color:#d5d0d0;font-size:16px;line-height:1.82;padding-bottom:64px}.main-content>p:first-child{margin-top:0}.main-content h2{font-size:26px;margin:42px 0 22px;border-left:3px solid var(--red-primary);padding-left:16px;scroll-margin-top:100px}.main-content h3{font-size:20px;margin:28px 0 16px;scroll-margin-top:100px}.main-content h4{font-size:17px;margin:24px 0 12px}.main-content a:not(.next-link){text-decoration:underline;text-underline-offset:3px}.main-content li{margin-block:10px}.main-content figure{margin:28px 0 32px}.main-content figure img{width:100%;border:1px solid #35435a;border-radius:3px}.main-content figcaption{font-size:12px;line-height:1.7;color:#aaaeba;margin-top:10px}.main-content blockquote,.callout,.quick-answer{margin:24px 0;padding:18px 22px;background:#131b2b;border:1px solid #29364e;border-left:3px solid #9e2035}.main-content blockquote p:last-child,.callout p:last-child,.quick-answer p:last-child{margin-bottom:0}.callout.tip{border-left-color:#6987ad}.callout.warning{border-left-color:#a88b5c}.callout.secret{border-left-color:#946c91}.callout strong,.quick-answer>strong{display:block;margin-bottom:8px}.table-scroll{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--border-default);border-radius:2px}.main-content table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.main-content th{background:#24334b;color:#eee3de;text-align:left;font-weight:600}.main-content td,.main-content th{padding:13px 16px;border-bottom:1px solid var(--border-default);vertical-align:top}.main-content tbody tr{background:#121a29}.main-content tbody tr:nth-child(even){background:#182337}.main-content tbody tr:hover{background:#24334b}.toc-panel{padding:18px 14px;background:#101725;border:1px solid var(--border-subtle)}.toc-panel summary{font:600 12px var(--font-menu);letter-spacing:.13em;color:#c6c1ca;cursor:pointer;min-height:26px}.toc-links{margin-top:12px;display:flex;flex-direction:column;gap:2px}.toc-links a{font-size:12px;line-height:1.6;color:#a9adbc;padding:7px 0 7px 11px;border-left:2px solid #35435a;min-height:34px}.toc-links a.active{color:#eee4df;border-left-color:#e01c32}.toc-links a:hover{color:#eee4df;text-decoration:none}.next-steps{border-top:1px solid var(--border-default);margin-top:48px;padding-top:8px}.next-link{display:block;border:1px solid var(--border-default);padding:16px 20px;margin:12px 0;background:#131b2b;color:#e3dad2}.next-link strong{display:flex;justify-content:space-between;font-size:15px}.next-link>span{display:block;font-size:13px;color:#b0b7c6;margin-top:6px}.next-link:hover{text-decoration:none;background:#1c2940;border-color:var(--red-primary)}.utility{max-width:800px;padding-block:40px 64px}.utility h2{margin-top:32px;font-size:24px}.utility p,.utility li{color:#c4c1c9}.site-footer{border-top:1px solid #6d101b;background:radial-gradient(ellipse at 0 100%,#6d101b18,transparent 55%),#09090d;padding-top:64px;color:#a9a6b0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:64px;padding-bottom:44px}.footer-title{font:700 22px var(--font-brand);color:#e3dad2;display:block;margin-bottom:16px}.footer-grid>div>p{font-size:14px}.footer-grid .footer-small{font-size:12px;line-height:1.9}.footer-grid>div>a:not(.footer-title){display:block;font-size:13px;color:#b4afba;min-height:32px}.footer-grid .eyebrow{font-size:12px;color:#a3a1ac;margin-bottom:18px}.footer-bottom{border-top:1px solid var(--border-subtle);padding-block:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:11px;color:#9c98a7}.footer-bottom a{color:#b4afba}
@media(max-width:1279px){.content-wrapper{grid-template-columns:minmax(0,1fr) 200px;max-width:1040px;margin-inline:auto;gap:32px}.related-sidebar{display:none}.header-inner{gap:20px}.header-nav{gap:18px}.article-header{max-width:1040px;margin-inline:auto}.breadcrumb{max-width:1040px;margin-inline:auto}.hero h1{font-size:64px}.search-toggle kbd{display:none}}
@media(max-width:1023px){.header-nav{gap:15px}.header-nav a{font-size:14px}.brand-name{font-size:17px}.brand-sigil{font-size:28px}.header-inner{gap:14px}.search-toggle span{display:none}.search-toggle{padding:8px;min-width:44px}.hero h1{font-size:56px}.hero-copy{width:55%}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.guide-card:last-child img{height:100%;aspect-ratio:16/9}.archive-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.content-wrapper{display:flex;flex-direction:column;gap:0}.main-content{width:100%;max-width:760px;margin-inline:auto;order:2}.toc-sidebar{position:static;order:1;width:100%;max-width:760px;margin:0 auto 28px}.toc-panel{padding:16px 20px}.toc-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.home-notes{gap:28px}.footer-grid{gap:32px}.hero-art{width:64%}}
@media(max-width:767px){html{scroll-padding-top:80px}.container,.header-inner{width:calc(100% - 40px)}.site-header{height:60px}.header-inner{gap:8px}.brand{gap:7px;margin-right:auto;min-width:0}.brand-name{font-size:15px;white-space:nowrap}.brand-caption{font-size:8px;letter-spacing:.24em;margin-top:3px}.brand-sigil{font-size:26px}.menu-toggle{display:inline-flex;padding:8px}.header-nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;margin:0;padding:12px 20px;background:#101725;border-bottom:1px solid var(--border-default);flex-direction:column;gap:0;align-items:stretch}.header-nav.open{display:flex}.header-nav a{min-height:48px;border-bottom:1px solid var(--border-subtle);font-size:17px}.search-panel{top:60px;max-height:calc(100dvh - 60px);padding-block:20px}.search-panel input{font-size:16px;padding:10px}.hero{min-height:0}.hero-inner{min-height:0;display:block}.hero-copy{width:100%;padding:32px 0 30px;position:relative;z-index:3}.hero h1{font-size:40px;letter-spacing:-.04em;max-width:400px}.hero h1 span{display:inline}.hero .eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:.17em}.hero-title-rule{margin:20px 0 16px;width:64px}.hero-deck{font-size:15px;line-height:1.8;max-width:340px;margin-bottom:20px}.hero-art{position:relative;width:100%;height:260px;margin-top:-10px}.hero-art img{object-fit:cover;object-position:center 38%}.hero-art:after{background:linear-gradient(180deg,#08070b 0%,transparent 25%),linear-gradient(0deg,#08070b 0%,transparent 25%)}.hero-meta{font-size:10px;margin-top:22px;gap:12px}.hero-meta span+span:before{margin-right:12px}.btn{padding:10px 15px;font-size:14px;gap:12px;min-height:46px}.button-row{gap:10px}.archive-strip .container{align-items:start;gap:14px;padding-block:16px}.archive-strip .pixel-label{font-size:8px;max-width:74px;line-height:2}.archive-strip p{font-size:12px;line-height:1.8}.home-section{margin-block:44px}.section-heading{gap:12px;padding-bottom:18px;margin-bottom:20px}.section-heading h2{font-size:23px;padding-left:12px}.section-heading .eyebrow{font-size:11px}.section-heading>a{font-size:11px}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-card:last-child{display:flex;grid-column:auto}.guide-card:last-child img{height:auto}.card-body{padding:18px}.guide-card h3{font-size:22px}.guide-card p{font-size:14px}.archive-directory{gap:10px}.directory-item{padding:16px 12px;min-height:90px}.directory-item strong{font-size:18px}.directory-item span{font-size:8px}.home-notes,.answer-grid{grid-template-columns:1fr;gap:20px}.home-notes h3{font-size:21px}.home-notes p{font-size:15px}.quick-links{padding:0 16px}.answer-grid h3{font-size:16px}.answer-grid p{font-size:14px}.faq-list summary{font-size:15px;padding-right:28px}.faq-list details p{font-size:14px}.breadcrumb{margin-block:20px 28px;font-size:11px}.article-header{padding-bottom:24px;margin-bottom:24px}.article-header h1{font-size:32px;line-height:1.3;margin-bottom:16px;overflow-wrap:anywhere}.article-header .eyebrow{font-size:11px;letter-spacing:.14em}.article-deck{font-size:16px}.last-updated{font-size:11px;margin-bottom:20px}.main-content{font-size:16px;line-height:1.82;padding-bottom:44px}.main-content h2{font-size:23px;padding-left:12px;margin-top:36px;scroll-margin-top:80px}.main-content h3{font-size:19px;scroll-margin-top:80px}.toc-links{grid-template-columns:1fr}.toc-panel summary{font-size:12px;min-height:28px}.main-content td,.main-content th{padding:12px;font-size:13px}.table-scroll table{min-width:560px}.main-content blockquote,.callout,.quick-answer{padding:16px}.main-content figure{margin-block:24px}.main-content figcaption{font-size:11px}.site-footer{padding-top:44px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:28px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid>div>a:not(.footer-title){min-height:44px}.footer-title{font-size:23px}.footer-bottom{font-size:10px;gap:12px}.utility{padding-block:28px 44px}.utility h1{font-size:32px}.utility h2{font-size:23px}}
@media(max-width:374px){.brand-caption{display:none}.brand-name{font-size:14px}.brand-sigil{font-size:22px}.hero h1{font-size:35px}.btn{font-size:13px;padding-inline:12px}.archive-directory{grid-template-columns:1fr}.hero-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.guide-card:hover{transform:none}}