/* Xcess Origins | Guides Alpha. Static editorial UI, no account/gameplay state. */
.guides-page{background:#050b12;color:#e9f0f5;min-width:320px}
.guides-main{background:linear-gradient(180deg,#071522 0,#050b12 42%,#050a10 100%);min-height:100vh}
.guides-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(155px,13vw,190px) 0 86px;border-bottom:1px solid rgba(139,191,223,.22);background:radial-gradient(ellipse at 81% 19%,rgba(32,93,130,.24),transparent 41%),radial-gradient(ellipse at 13% 90%,rgba(170,123,60,.11),transparent 33%),#071421}
.guides-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;pointer-events:none;background:linear-gradient(95deg,transparent 57%,rgba(132,180,213,.1) 57.1%,transparent 57.2%),linear-gradient(0deg,rgba(4,9,15,.65),transparent 70%)}
.guides-hero-inner{width:min(1160px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:clamp(28px,6vw,105px)}
.guides-eyebrow,.guides-section-kicker{font:700 10px/1.5 "Trebuchet MS",Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#93cbed}
.guides-hero h1{font:500 clamp(3.1rem,6vw,6.15rem)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.043em;margin:20px 0 22px;max-width:790px}
.guides-hero h1 em{font-style:normal;color:#e9ce99}
.guides-lead{max-width:660px;color:#bad0dc;font-size:clamp(15px,1.4vw,18px);line-height:1.75;margin:0}
.guides-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px}
.guides-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 20px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em}
.guides-primary{color:#0c1720;background:#e5c992;border:1px solid #e5c992}
.guides-secondary{color:#e8d6b4;border:1px solid rgba(215,189,136,.64);background:rgba(10,28,41,.64)}
.guides-actions a:hover{filter:brightness(1.15)}
.guides-hero-note{padding:28px 26px;border:1px solid rgba(130,187,224,.28);border-top:2px solid #dcc188;background:linear-gradient(145deg,rgba(8,27,41,.9),rgba(5,14,23,.84));box-shadow:0 18px 40px rgba(0,0,0,.19)}
.guides-hero-note img{display:block;margin-bottom:16px;max-width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(211,181,129,.22))}
.guides-hero-note span{display:block;margin-bottom:11px;color:#9bc4d9;font-size:9px;letter-spacing:.16em}
.guides-hero-note strong{display:block;font:500 23px/1.2 Georgia,serif;color:#f0e3cb}
.guides-hero-note p{font-size:12px;line-height:1.75;color:#a3bece;margin:13px 0 0}
.guides-layout{width:min(1160px,calc(100% - 56px));margin:0 auto;padding:62px 0 110px;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:clamp(35px,5.4vw,85px)}
.guides-toc{position:sticky;top:25px;display:flex;flex-direction:column;gap:4px;padding:17px 0 0;border-top:1px solid rgba(210,181,126,.56)}
.guides-toc strong{color:#dfc997;font-size:10px;letter-spacing:.18em;margin-bottom:14px}
.guides-toc a{padding:10px 7px;color:#b7ccda;text-decoration:none;border-left:2px solid transparent;font-size:12px;line-height:1.45}
.guides-toc a:hover,.guides-toc a:focus-visible{border-left-color:#d6bc8d;color:#f7e4bc;background:rgba(105,147,175,.08)}
.guides-toc p{margin:23px 6px 0;color:#849eae;font-size:11px;line-height:1.7}
.guides-content{min-width:0}
.guides-section{padding:0 0 73px;margin-bottom:65px;border-bottom:1px solid rgba(135,191,226,.17);scroll-margin-top:30px}
.guides-section-kicker{margin:0 0 14px}
.guides-section h2,.guides-end h2{margin:0 0 16px;font:500 clamp(2rem,3.9vw,3.3rem)/1.13 Georgia,serif;letter-spacing:-.027em;color:#f0f3f5}
.guides-intro{margin:0 0 28px;max-width:730px;font-size:15px;line-height:1.8;color:#aec6d5}
.guides-steps{padding:0;margin:0 0 26px;list-style:none;display:grid;gap:10px}
.guides-steps li{display:grid;grid-template-columns:49px minmax(0,1fr);align-items:start;gap:15px;padding:23px 26px;background:linear-gradient(110deg,rgba(12,30,44,.92),rgba(9,21,33,.74));border:1px solid rgba(136,194,230,.21)}
.guides-step-num{font:500 27px Georgia,serif;color:#e0c48d}
.guides-steps h3,.guides-feature h3,.guides-progress-card h3{margin:0 0 9px;color:#f3e4c6;font:500 1.45rem/1.25 Georgia,serif}
.guides-steps p,.guides-feature p,.guides-progress-card p{margin:0;color:#b3c8d6;font-size:13px;line-height:1.75}
.guides-content p a{text-underline-offset:3px}
.guides-content p a{color:#b7e1fa}
.guides-inline-cta{display:inline-flex;gap:11px;align-items:center;color:#ecd29b;border-bottom:1px solid rgba(235,205,147,.6);font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;padding:7px 0}
.guides-feature-grid,.guides-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.guides-feature{padding:25px 24px;background:rgba(12,29,43,.65);border:1px solid rgba(132,186,219,.24)}
.guides-feature-icon{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:19px;border:1px solid rgba(209,183,129,.43);color:#efd49d;font-size:20px}
.guides-feature h3{font-size:1.35rem}
.guides-feature kbd{padding:1px 6px;border-radius:3px;border:1px solid #769cb2;color:#e1f2fc;background:#101e2b;font-size:12px}
.guides-progress-card{padding:28px 25px;border:1px solid rgba(130,192,230,.26);background:linear-gradient(145deg,rgba(16,40,57,.71),rgba(7,16,26,.87))}
.guides-progress-card small{display:block;color:#8cc8e8;font-size:10px;letter-spacing:.18em;margin-bottom:17px}
.guides-caution{padding:20px 23px;border-left:2px solid #d2b783;background:rgba(139,109,65,.1);color:#c4cbd0;font-size:13px;line-height:1.8;margin:22px 0 0}
.guides-caution strong{color:#f1d9a7}
.guides-faq{display:grid;gap:9px}
.guides-faq details{border:1px solid rgba(132,191,223,.24);background:rgba(9,24,36,.82)}
.guides-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 23px;cursor:pointer;color:#e8f0f5;font-weight:700;font-size:14px;line-height:1.5;list-style:none}
.guides-faq summary::-webkit-details-marker{display:none}
.guides-faq summary:after{content:"+";flex:0 0 auto;font:400 22px/1 Arial,sans-serif;color:#d5bb89}
.guides-faq details[open] summary:after{content:"−"}
.guides-faq details[open]{border-color:rgba(215,191,143,.56);background:rgba(16,35,49,.91)}
.guides-faq details>div{padding:0 23px 21px;color:#b7ceda}
.guides-faq details p{margin:0;font-size:13px;line-height:1.8}
.guides-faq details a{color:#a9d9f3}
.guides-end{padding:33px 35px;border:1px solid rgba(220,188,127,.29);background:radial-gradient(ellipse at right top,rgba(162,121,65,.16),transparent 60%),rgba(11,28,40,.8)}
.guides-end h2{font-size:clamp(1.75rem,3.3vw,2.5rem)}
.guides-end p:not(.guides-section-kicker){max-width:610px;color:#afc6d3;line-height:1.8;font-size:13px}
.guides-end>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.guides-end a{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid rgba(223,194,138,.62);color:#e9d2a8;font-size:11px;text-decoration:none}
.guides-end a:hover{background:rgba(192,147,77,.16)}
.guides-page main a:focus-visible,.guides-faq summary:focus-visible{outline:2px solid #98dafc;outline-offset:4px}
@media(max-width:1030px){.guides-hero-inner{grid-template-columns:minmax(0,1fr) 250px;gap:25px}.guides-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}}
@media(max-width:850px){.guides-hero-inner{grid-template-columns:1fr}.guides-hero-note{display:grid;grid-template-columns:72px 1fr;gap:5px 20px;align-items:start}.guides-hero-note img{grid-row:1/4;margin:0;width:60px}.guides-hero-note p{margin-top:0}.guides-layout{grid-template-columns:1fr;gap:35px}.guides-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:16px 0 19px;border-bottom:1px solid rgba(160,191,217,.2)}.guides-toc strong,.guides-toc p{grid-column:1/-1}.guides-toc p{margin:14px 0 0}.guides-section{padding-bottom:55px;margin-bottom:50px}}
@media(max-width:760px){.guides-hero{padding-top:139px;padding-bottom:55px}.guides-layout{padding-top:37px}}
@media(max-width:610px){.guides-hero-inner,.guides-layout{width:calc(100% - 32px)}.guides-hero h1{font-size:clamp(2.6rem,10vw,4.1rem)}.guides-actions{align-items:stretch;flex-direction:column}.guides-actions a{width:100%}.guides-hero-note{grid-template-columns:1fr;padding:24px}.guides-hero-note img{grid-row:auto}.guides-toc{grid-template-columns:1fr 1fr}.guides-feature-grid,.guides-progress-grid{grid-template-columns:1fr}.guides-steps li{padding:21px 19px;grid-template-columns:36px 1fr;gap:10px}.guides-step-num{font-size:23px}.guides-end{padding:27px 23px}.guides-end>div{flex-direction:column}.guides-end a{width:100%}}
@media(max-width:365px){.guides-toc{grid-template-columns:1fr}.guides-steps h3{font-size:1.3rem}.guides-faq summary{padding:20px 17px}}
@media(prefers-reduced-motion:reduce){.guides-actions a,.guides-faq details{transition:none}}

/* Alpha self-help: a static, readable troubleshooting guide, not a support service. */
.guides-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guides-diagnostic-card{min-width:0;padding:25px 25px 23px;border:1px solid rgba(141,194,222,.28);background:linear-gradient(145deg,rgba(14,35,50,.9),rgba(7,19,31,.9))}
.guides-diagnostic-label{display:block;margin-bottom:13px;color:#93cfed;font-size:10px;font-weight:700;letter-spacing:.16em}
.guides-diagnostic-card h3{margin:0 0 17px;color:#f0dab4;font:500 1.45rem/1.25 Georgia,serif}
.guides-diagnostic-card ol{margin:0;padding:0 0 0 20px;display:grid;gap:11px}
.guides-diagnostic-card li{padding-left:3px;color:#b8cbd6;font-size:13px;line-height:1.75}
.guides-diagnostic-card li::marker{color:#d8b983;font-weight:700}
.guides-diagnostic-card a,.guides-diagnostic-note a{color:#a9dbf6;text-decoration:underline;text-underline-offset:3px}
.guides-diagnostic-note{margin-top:17px;padding:22px 24px;background:rgba(165,128,66,.1);border-left:2px solid #d4b77c;color:#b7cad5;line-height:1.8}
.guides-diagnostic-note strong{color:#edd6a8}
.guides-diagnostic-note p{margin:7px 0 0;font-size:13px}
.guides-diagnostic a:focus-visible{outline:2px solid #9bdffb;outline-offset:4px}
@media(max-width:1030px){.guides-diagnostic-grid{grid-template-columns:1fr}}
@media(max-width:610px){.guides-diagnostic-card{padding:22px 19px}.guides-diagnostic-note{padding:19px 17px}}
@media(prefers-reduced-motion:reduce){.guides-diagnostic *{transition:none!important;animation:none!important}}