:root{--bg:#0f0f15;--bg-soft:#16151e;--card:#1a1924;--card-high:#211f2d;--purple:#ae51ec;--purple-soft:#9531d8;--yellow:#fbd22d;--red:#e63754;--text:#f4f3f7;--muted:#aea9bc;--line:#382c44;--container:1180px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 80% 8%, #360f3d57, transparent 28rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}button,summary,a{-webkit-tap-highlight-color:transparent}.skip-link{z-index:100;color:#160c1d;background:var(--yellow);border-radius:8px;padding:10px 16px;font-weight:800;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f15e0;border-bottom:1px solid #3d304bb3;position:sticky;top:0}.header-inner{width:min(calc(100% - 40px), var(--container));align-items:center;gap:24px;min-height:76px;margin-inline:auto;display:flex}.brand{align-items:center;gap:10px;min-width:270px;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 14px #d40df273)}.brand span{flex-direction:column;line-height:1.05;display:flex}.brand strong{letter-spacing:.06em;font-size:.82rem}.brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;font-size:.63rem}.desktop-nav{align-items:center;gap:28px;margin-left:auto;display:flex}.desktop-nav a{color:#d4d0dd;font-size:.92rem;font-weight:650}.desktop-nav a:hover{color:var(--yellow)}.desktop-store{margin-left:8px}.mobile-menu{margin-left:auto;display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:750;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--card-high);border:1px solid var(--line);border-radius:12px;min-width:220px;padding:10px;position:absolute;top:48px;right:0;box-shadow:0 24px 60px #0009}.mobile-menu nav a{border-radius:8px;padding:10px 12px;display:block}.mobile-menu nav a:hover{color:var(--yellow);background:#ae51ec1f}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 19px;font-size:.9rem;font-weight:850;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-compact{min-height:42px;padding-inline:15px}.button-yellow{color:#100f19;background:var(--yellow);box-shadow:0 10px 30px #fbd22d26}.button-yellow:hover{background:#ffdc52}.button-ghost{background:#1210186b;border-color:#ffffff38}.button-ghost:hover,.button-outline:hover{border-color:var(--purple);background:#ae51ec1f}.button-outline{border-color:var(--line);background:var(--card)}.text-link{color:var(--yellow);font-size:.9rem;font-weight:800}.text-link:hover{color:#fff}.large-link{font-size:1rem}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:680px;display:grid;position:relative;overflow:hidden}.hero-backdrop{background:linear-gradient(90deg, #0f0f15 5%, #0f0f15e6 42%, #0f0f153d 100%), linear-gradient(0deg, var(--bg), transparent 34%), url(/images/hero-bg.png) center / cover;opacity:.72;position:absolute;inset:0}.hero-glow{filter:blur(20px);background:radial-gradient(circle,#d916f338,#0000 66%);width:42rem;height:42rem;position:absolute;top:12%;left:-18rem}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding-block:94px;display:grid;position:relative}.eyebrow{color:var(--purple);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:2px}.eyebrow-bright{color:var(--yellow)}.hero h1{letter-spacing:-.055em;text-transform:uppercase;max-width:690px;margin:18px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6.4vw,6.2rem);line-height:.92}.hero h1 span{color:#0000;-webkit-text-stroke:1px #c788f2;text-shadow:0 0 34px #bd22f12e;display:block}.hero-copy>p{color:#cec9d9;max-width:650px;font-size:1.03rem}.hero-copy>p strong{color:#fff}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.tertiary-link{color:var(--muted);margin-top:20px;font-size:.86rem;font-weight:700;display:inline-block}.tertiary-link:hover{color:#fff}.trailer-card{aspect-ratio:16/10;background:#140b1a;border:1px solid #a752e070;border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 34px 100px #000b,0 0 0 8px #8e26d90d}.trailer-card img{object-fit:cover;transition:transform .5s}.trailer-card:hover img{transform:scale(1.035)}.trailer-shade{background:linear-gradient(#0000 30%,#0e0d16f5);position:absolute;inset:0}.play-button{aspect-ratio:1;color:#170e1e;background:var(--yellow);border-radius:50%;place-items:center;width:70px;padding-left:4px;font-size:1.25rem;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 0 0 12px #fbd22d1f}.trailer-caption{display:grid;position:absolute;inset:auto 24px 22px}.trailer-caption small{color:var(--purple);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:900}.trailer-caption strong{font-size:1.35rem}.trailer-caption span{color:var(--muted);font-size:.82rem}.facts-band{z-index:2;border-bottom:1px solid var(--line);background:#16151ef5;position:relative}.facts-grid{grid-template-columns:repeat(4,1fr);display:grid}.fact{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:124px;padding:22px 28px;display:flex}.fact:first-child{border-left:1px solid var(--line)}.fact span,.detail span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:850}.fact strong{margin-top:8px;font-size:1.02rem;line-height:1.35}.section{padding-block:112px}.section-heading{margin-bottom:46px}.section-heading h2,.about-copy h2,.official-grid h2,.final-cta h2{letter-spacing:-.04em;text-transform:uppercase;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,4vw,4.3rem);line-height:1.02}.split-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;display:grid}.split-heading p,.centered-heading p,.official-grid p{color:var(--muted);margin:0}.section-guides{background:linear-gradient(180deg, var(--bg), var(--bg-soft))}.guide-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}.guide-card:hover{border-color:#9c3cddb8}.guide-card-media{aspect-ratio:16/8.4;background:#150d1b;display:block;position:relative;overflow:hidden}.guide-card-media:after{content:"";background:linear-gradient(#0000 45%,#111019db);position:absolute;inset:0}.guide-card-media img{object-fit:cover;transition:transform .4s}.guide-card:hover .guide-card-media img{transform:scale(1.03)}.guide-card-number{z-index:2;color:var(--yellow);font-family:Georgia,serif;font-size:2rem;position:absolute;bottom:12px;left:20px}.draft-badge{z-index:2;color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;background:#100f19c7;border:1px solid #fbd22d73;border-radius:99px;padding:6px 10px;font-size:.64rem;font-weight:900;position:absolute;top:16px;right:16px}.guide-card-body{padding:26px}.guide-card-body h3{margin:8px 0 9px;font-size:1.42rem;line-height:1.18}.guide-card-body h3 a:hover{color:var(--yellow)}.guide-card-body p{min-height:3.4em;color:var(--muted);margin:0 0 18px;font-size:.92rem}.section-action{justify-content:center;margin-top:42px;display:flex}.about-section{background:var(--bg-soft);border-block:1px solid var(--line)}.about-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:76px;display:grid}.about-media{border:1px solid var(--line);border-radius:var(--radius);min-height:470px;position:relative;overflow:hidden}.about-media:after{content:"";background:linear-gradient(#0000 60%,#111019eb);position:absolute;inset:0}.about-media img{object-fit:cover}.image-label{z-index:2;color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:900;position:absolute;bottom:20px;left:24px}.about-copy p{color:var(--muted)}.about-copy p:first-of-type{color:#d9d5e2;font-size:1.05rem}.details-grid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);margin-top:72px;display:grid;overflow:hidden}.detail{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);flex-direction:column;justify-content:center;min-height:105px;padding:20px 24px;display:flex}.detail:nth-child(4n){border-right:0}.detail:nth-child(n+5){border-bottom:0}.detail strong{margin-top:6px;font-size:.9rem;line-height:1.35}.mechanics-section{background:radial-gradient(circle at 50% 100%, #320d408c, transparent 34rem), var(--bg)}.centered-heading{text-align:center;max-width:750px;margin-inline:auto}.centered-heading .eyebrow{justify-content:center}.centered-heading .eyebrow:after{content:"";background:currentColor;width:22px;height:2px}.centered-heading p{margin-top:18px}.mechanics-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mechanics-grid article{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1c1c27,#13121c);min-height:260px;padding:32px}.mechanics-grid article>span{color:var(--purple);font-family:Georgia,serif;font-size:2.4rem}.mechanics-grid h3{margin:22px 0 10px;font-size:1.3rem}.mechanics-grid p{color:var(--muted);font-size:.92rem}.official-section{background:var(--bg-soft);border-top:1px solid var(--line)}.official-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:80px;display:grid}.official-grid p{margin-top:18px}.official-links{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.official-links a{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;justify-content:center;min-height:130px;padding:24px;display:flex}.official-links a:hover{border-color:var(--purple);transform:translateY(-2px)}.official-links strong{font-size:1.02rem}.official-links span{color:var(--muted);margin-top:6px;font-size:.8rem}.final-cta{text-align:center;background:linear-gradient(#100f19ad,#100f19eb),url(/images/guide-bosses.png) 50%/cover;padding-block:110px;position:relative;overflow:hidden}.final-cta:before{content:"";background:radial-gradient(circle,#c415f938,#0000 55%);position:absolute;inset:0}.final-cta-inner{z-index:1;justify-items:center;display:grid;position:relative}.final-cta img{object-fit:contain;filter:drop-shadow(0 0 28px #d40df280);margin-bottom:16px}.final-cta p{color:#d1ccdb;max-width:720px}.centered-actions{justify-content:center}.site-footer{border-top:1px solid var(--line);background:#0c0c13}.footer-inner{width:min(calc(100% - 40px), var(--container));grid-template-columns:1.5fr repeat(3,.7fr);gap:54px;margin-inline:auto;padding-block:72px;display:grid}.footer-logo-row{align-items:center;gap:14px;display:flex}.footer-logo-row img{object-fit:contain}.footer-logo-row div{flex-direction:column;display:flex}.footer-logo-row strong{font-size:.9rem}.footer-logo-row span{color:var(--purple);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.footer-brand p{max-width:460px;color:var(--muted);font-size:.84rem}.footer-column{flex-direction:column;gap:9px;display:flex}.footer-column h2{color:var(--yellow);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:.75rem}.footer-column a,.footer-column span{color:var(--muted);font-size:.82rem}.footer-column a:hover{color:#fff}.footer-bottom{width:min(calc(100% - 40px), var(--container));border-top:1px solid var(--line);color:#7e7891;justify-content:space-between;gap:20px;margin-inline:auto;padding-block:22px;font-size:.72rem;display:flex}.page-hero{border-bottom:1px solid var(--line);align-items:end;min-height:470px;display:grid;position:relative;overflow:hidden}.page-hero-bg{background:linear-gradient(90deg, #0f0f15fa, #0f0f1594), linear-gradient(0deg, var(--bg), transparent 46%), url(/images/guide-beginner.png) center 48% / cover;opacity:.76;position:absolute;inset:0}.page-hero-content{z-index:1;padding-block:86px 56px;position:relative}.page-hero h1{letter-spacing:-.05em;text-transform:uppercase;max-width:900px;margin:14px 0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.98}.page-hero p{color:#d1ccdb;max-width:750px}.page-anchor-nav{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.page-anchor-nav span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.page-anchor-nav a{background:#100f158c;border:1px solid #ffffff2b;border-radius:99px;padding:7px 11px;font-size:.76rem;font-weight:700}.page-anchor-nav a:hover{border-color:var(--purple);color:var(--yellow)}.guide-basics{background:var(--bg)}.guide-basics-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;display:grid}.guide-basics h2,.guide-list-section h2,.guides-note h2{text-transform:uppercase;letter-spacing:-.04em;margin:10px 0 14px;font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1}.guide-basics p{color:var(--muted)}.guide-basics dl{border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.guide-basics dl div{border-bottom:1px solid var(--line);background:var(--card);grid-template-columns:.55fr 1.45fr;gap:20px;padding:18px 22px;display:grid}.guide-basics dl div:last-child{border-bottom:0}.guide-basics dt{color:var(--purple);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900}.guide-basics dd{margin:0;font-weight:700}.guide-list-section{background:var(--bg-soft);border-top:1px solid var(--line)}.guide-list-section.alternate{background:var(--bg)}.single-card-grid{max-width:650px}.guides-note{background:linear-gradient(110deg,#31153c,#100f19);border-top:1px solid #9c3cdd52;padding-block:84px}.guides-note-inner{grid-template-columns:1fr .9fr auto;align-items:center;gap:40px;display:grid}.guides-note p{color:#c8c3d5}.article-page{padding-bottom:110px}.article-breadcrumbs{color:var(--muted);align-items:center;gap:9px;padding-top:30px;font-size:.76rem;display:flex}.article-breadcrumbs a:hover{color:var(--yellow)}.article-breadcrumbs span:last-child{color:#d4d0dc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.article-header{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;padding-block:62px;display:grid}.article-meta-row{color:var(--muted);align-items:center;gap:12px;font-size:.75rem;display:flex}.category-pill{color:var(--purple);text-transform:uppercase;letter-spacing:.08em;background:#8f33cc17;border:1px solid #a752e066;border-radius:99px;padding:6px 10px;font-weight:850}.article-header h1{text-transform:uppercase;letter-spacing:-.05em;margin:18px 0;font-family:Georgia,serif;font-size:clamp(2.8rem,5.2vw,5rem);line-height:.98}.article-header p{max-width:700px;color:var(--muted);font-size:1.03rem}.article-hero-image{border:1px solid var(--line);border-radius:var(--radius);min-height:360px;position:relative;overflow:hidden}.article-hero-image:after{content:"";background:linear-gradient(#0000 60%,#111019b8);position:absolute;inset:0}.article-hero-image img{object-fit:cover}.draft-notice{background:#cfaa1712;border:1px solid #fbd22d47;border-radius:12px;align-items:center;gap:18px;padding:18px 22px;display:flex}.draft-notice strong{color:var(--yellow);flex:none}.draft-notice span{color:#beb9ca;font-size:.84rem}.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:72px;padding-top:54px;display:grid}.article-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;padding:36px 42px}.article-content h2{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:-.03em;margin:44px 0 16px;padding-top:14px;scroll-margin-top:96px;font-family:Georgia,serif;font-size:2rem;line-height:1.1}.article-content h2:first-child{border-top:0;margin-top:0;padding-top:0}.article-content h3{margin-top:32px;scroll-margin-top:96px;font-size:1.25rem}.article-content p,.article-content li{color:#bebac9}.article-content li{margin-block:8px}.article-content strong{color:#fff}.article-sidebar{gap:18px;display:grid;position:sticky;top:102px}.toc{border:1px solid var(--line);background:var(--card);border-radius:14px;gap:4px;padding:20px;display:grid}.toc-title{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:900}.toc a{color:var(--muted);border-left:2px solid #0000;padding:7px 9px;font-size:.82rem;line-height:1.3}.toc a:hover{border-left-color:var(--purple);color:#fff;background:#ae51ec12}.toc .toc-subitem{padding-left:22px;font-size:.76rem}.sidebar-card{border:1px solid var(--line);background:linear-gradient(145deg, #2a1537, var(--card));border-radius:14px;gap:8px;padding:20px;display:grid}.sidebar-card strong{font-size:1rem}.sidebar-card p{color:var(--muted);margin:0;font-size:.78rem}.mobile-toc{display:none}.related-guides{border-top:1px solid var(--line);margin-top:78px;padding-top:54px}.related-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px;display:flex}.related-heading h2{text-transform:uppercase;letter-spacing:-.04em;margin:8px 0 0;font-family:Georgia,serif;font-size:2.5rem}.related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.related-grid>a{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:130px;padding:20px;display:grid}.related-grid>a:hover{border-color:var(--purple);transform:translateY(-2px)}.related-grid>a>span{color:var(--purple);font-family:Georgia,serif;font-size:1.6rem}.related-grid div{display:grid}.related-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.related-grid strong{margin-top:4px;font-size:.84rem;line-height:1.25}.related-grid b{color:var(--yellow)}@media (max-width:1000px){.desktop-nav{gap:18px}.desktop-store{display:none}.hero-grid{gap:38px}.details-grid{grid-template-columns:repeat(2,1fr)}.detail:nth-child(2n){border-right:0}.detail:nth-child(n+5){border-bottom:1px solid var(--line)}.detail:nth-last-child(-n+2){border-bottom:0}.footer-inner{grid-template-columns:1.4fr repeat(2,.8fr)}.footer-column:last-child{grid-column:2/4}.article-header{gap:36px}.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:34px}}@media (max-width:800px){.container,.header-inner,.footer-inner,.footer-bottom{width:min(calc(100% - 28px), var(--container))}.header-inner{min-height:68px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand strong{font-size:.72rem}.brand small,.desktop-nav{display:none}.mobile-menu{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:72px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(3.1rem,13vw,5.8rem)}.trailer-card{width:100%;max-width:680px}.facts-grid{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}.section{padding-block:82px}.split-heading,.about-grid,.official-grid{grid-template-columns:1fr;gap:32px}.guide-grid{grid-template-columns:1fr}.about-media{order:2;min-height:360px}.mechanics-grid{grid-template-columns:1fr}.mechanics-grid article{min-height:auto}.official-links,.footer-inner{grid-template-columns:1fr 1fr}.footer-brand,.footer-column:last-child{grid-column:1/-1}.guide-basics-grid,.guides-note-inner,.article-header{grid-template-columns:1fr}.article-hero-image{min-height:330px}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.mobile-toc{margin-top:28px;display:block}.related-grid{grid-template-columns:1fr}}@media (max-width:560px){.brand strong{max-width:165px;line-height:1.1}.hero-grid{padding-block:56px}.hero h1{font-size:clamp(2.65rem,15vw,4.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.facts-grid{grid-template-columns:1fr}.fact,.fact:first-child{border-left:0;border-right:0;border-top:1px solid var(--line);min-height:94px}.fact:first-child{border-top:0}.section-heading h2,.about-copy h2,.official-grid h2,.final-cta h2{font-size:2.3rem}.details-grid{grid-template-columns:1fr}.detail,.detail:nth-child(2n),.detail:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.detail:last-child{border-bottom:0}.official-links,.footer-inner{grid-template-columns:1fr}.footer-brand,.footer-column:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{min-height:420px}.page-hero-content{padding-block:68px 42px}.page-anchor-nav{align-items:flex-start}.page-anchor-nav span{width:100%}.guide-basics dl div{grid-template-columns:1fr;gap:4px}.guides-note-inner{gap:20px}.draft-notice{flex-direction:column;align-items:flex-start;gap:4px}.article-header{padding-block:42px}.article-hero-image{min-height:250px}.article-content{padding:26px 22px}.article-content h2{font-size:1.65rem}.related-heading{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}