.beginners-guide{--beginner-cyan:#79d7ff;--beginner-mint:#74efc2;--beginner-gold:#ffd573;--beginner-ink:#f7faff;--beginner-muted:#bcc8d9;--beginner-card:rgba(16,23,38,0.91);--beginner-border:rgba(121,215,255,0.19);min-height:100vh;overflow-x:clip;padding:1rem clamp(.75rem,3vw,2rem) 5rem;color:var(--beginner-ink);background:radial-gradient(circle at 16% 0,rgba(121,215,255,.15),transparent 31rem),radial-gradient(circle at 86% 10%,rgba(116,239,194,.11),transparent 32rem),linear-gradient(180deg,#0c1321,#090d18 48%,#05070d)}.beginners-guide>*{width:min(100%,1060px);margin-inline:auto}.beginners-guide a{color:#9bdeff;text-underline-offset:.18em}.beginners-guide a:hover{color:#d7f2ff}.beginners-guide .guide-header{padding:clamp(1.8rem,5vw,3.8rem) 0 clamp(1.3rem,3vw,2rem);text-align:center}.beginners-guide .beginner-badge{display:inline-flex;margin:0 0 1rem;padding:.4rem .8rem;border:1px solid rgba(116,239,194,.34);border-radius:999px;color:#a6f5d8;background:rgba(116,239,194,.07);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.beginners-guide .guide-header h1{max-width:930px;margin:0 auto 1rem;color:#fbfcff;font-size:clamp(2.3rem,6vw,4.55rem);line-height:.99;letter-spacing:-.048em;text-wrap:balance}.beginners-guide .guide-subtitle{max-width:800px;margin:0 auto;color:var(--beginner-muted);font-size:clamp(1rem,2vw,1.16rem);line-height:1.68;text-wrap:pretty}.beginners-guide .beginner-note{box-sizing:border-box;margin-block:1.25rem 2rem;padding:1rem 1.15rem;border:1px solid rgba(255,213,115,.25);border-radius:14px;color:#e3e5ef;background:rgba(83,65,28,.28);font-size:.94rem;line-height:1.62}.beginners-guide .guide-layout{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);grid-gap:clamp(1.5rem,4vw,3.5rem);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.beginners-guide .toc-column{position:-webkit-sticky;position:sticky;top:5.5rem;padding-top:2.5rem}.beginners-guide .guide-main{min-width:0}.beginners-guide .guide-section{padding-block:clamp(2.2rem,5vw,4rem);scroll-margin-top:6rem}.beginners-guide .guide-section+.guide-section{border-top:1px solid rgba(255,255,255,.07)}.beginners-guide .section-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.35rem}.beginners-guide .section-heading>span{display:inline-grid;width:2.4rem;height:2.4rem;flex:0 0 2.4rem;place-items:center;border:1px solid rgba(121,215,255,.27);border-radius:12px;color:var(--beginner-cyan);background:rgba(121,215,255,.07);font-size:.72rem;font-weight:900;letter-spacing:.06em}.beginners-guide .section-heading p{margin:0 0 .24rem;color:#88e6c6;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.beginners-guide .beginner-review h2,.beginners-guide .section-heading h2{margin:0;color:#f8faff;font-size:clamp(1.65rem,3.8vw,2.55rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.beginners-guide .guide-section>p{margin:0 0 1.2rem;color:#c8d0df;font-size:1rem;line-height:1.76}.beginners-guide .faq-list,.beginners-guide .question-card,.beginners-guide .review-steps,.beginners-guide .starter-card{border:1px solid var(--beginner-border);border-radius:18px;background:var(--beginner-card);box-shadow:0 20px 55px rgba(0,0,0,.18)}.beginners-guide .emphasis-card{position:relative;overflow:hidden;padding:clamp(1rem,3vw,1.45rem)}.beginners-guide .emphasis-card:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:linear-gradient(180deg,var(--beginner-cyan),var(--beginner-mint))}.beginners-guide .step-list{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none;counter-reset:beginner-step}.beginners-guide .step-list li{display:grid;grid-template-columns:minmax(150px,.52fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:1rem .4rem;border-bottom:1px solid rgba(255,255,255,.07);counter-increment:beginner-step}.beginners-guide .step-list li:last-child{border-bottom:0}.beginners-guide .step-list strong{color:#effaff;line-height:1.45}.beginners-guide .step-list span{color:var(--beginner-muted);line-height:1.62}.beginners-guide .concept-grid,.beginners-guide .decision-grid,.beginners-guide .official-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin:1.2rem 0}.beginners-guide .concept-grid article,.beginners-guide .decision-grid article,.beginners-guide .game-path article,.beginners-guide .official-grid a{box-sizing:border-box;padding:1.15rem;border:1px solid var(--beginner-border);border-radius:16px;color:inherit;background:linear-gradient(145deg,rgba(20,30,48,.94),rgba(12,18,31,.92));text-decoration:none}.beginners-guide .concept-grid h3,.beginners-guide .game-path h3,.beginners-guide .question-card h3{margin:0 0 .48rem;color:#f4f8ff;font-size:1.04rem;line-height:1.3}.beginners-guide .concept-grid p,.beginners-guide .decision-grid p,.beginners-guide .game-path p,.beginners-guide .official-grid p{margin:0;color:var(--beginner-muted);font-size:.93rem;line-height:1.62}.beginners-guide .plain-callout{padding:1rem 1.15rem;border-left:3px solid var(--beginner-mint);border-radius:0 12px 12px 0;background:rgba(116,239,194,.07)}.beginners-guide .game-path{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:1.3rem}.beginners-guide .game-path article{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(150px,.55fr) minmax(0,1.5fr);grid-gap:1rem;gap:1rem;align-items:start}.beginners-guide .beginner-review>div>span,.beginners-guide .game-path article>span,.beginners-guide .official-grid span{color:var(--beginner-mint);font-size:.72rem;font-weight:850;letter-spacing:.1em;line-height:1.45;text-transform:uppercase}.beginners-guide .game-path h3{margin:0}.beginners-guide .question-card,.beginners-guide .review-steps{padding:clamp(1.1rem,3vw,1.45rem)}.beginners-guide .question-card ul,.beginners-guide .review-steps ol{display:grid;grid-gap:.65rem;gap:.65rem;margin:.9rem 0 0;padding-left:1.2rem;color:#cbd3e1;line-height:1.62}.beginners-guide .question-card li::marker,.beginners-guide .review-steps li::marker{color:var(--beginner-cyan);font-weight:800}.beginners-guide .decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beginners-guide .decision-grid strong{display:block;margin-bottom:.45rem;color:#dcf6ff;font-size:.98rem}.beginners-guide .fight-check,.beginners-guide .three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.beginners-guide .fight-check{display:grid;grid-gap:0;gap:0;overflow:hidden;margin:1.2rem 0;border:1px solid var(--beginner-border);border-radius:18px;background:var(--beginner-card)}.beginners-guide .fight-check div{padding:1.2rem;border-right:1px solid rgba(255,255,255,.08)}.beginners-guide .fight-check div:last-child{border-right:0}.beginners-guide .fight-check span{display:block;margin-bottom:.5rem;color:var(--beginner-gold);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.beginners-guide .fight-check p{margin:0;color:var(--beginner-muted);font-size:.93rem;line-height:1.62}.beginners-guide .beginner-review{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1.5rem;gap:1.5rem;align-items:center;margin-top:1.2rem;padding:clamp(1.2rem,3vw,1.7rem);border:1px solid rgba(116,239,194,.28);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(121,215,255,.14),transparent 18rem),rgba(16,28,38,.94)}.beginners-guide .beginner-review h2{margin:.25rem 0 .6rem;font-size:clamp(1.35rem,3vw,1.9rem)}.beginners-guide .beginner-review p{margin:0;color:var(--beginner-muted);line-height:1.64}.beginners-guide .beginner-review>a{min-width:245px;text-align:center}.beginners-guide .official-grid a{transition:transform .16s ease,border-color .16s ease,background .16s ease}.beginners-guide .official-grid a:hover{transform:translateY(-2px);border-color:rgba(121,215,255,.4);background:linear-gradient(145deg,rgba(25,39,60,.97),rgba(14,23,38,.95))}.beginners-guide .official-grid strong{display:block;margin:.42rem 0;color:#effaff;font-size:1.03rem}.beginners-guide .faq-list{overflow:hidden}.beginners-guide .faq-list details{border-bottom:1px solid rgba(255,255,255,.08)}.beginners-guide .faq-list details:last-child{border-bottom:0}.beginners-guide .faq-list summary{padding:1.05rem 1.2rem;color:#eff7ff;font-weight:760;line-height:1.45;cursor:pointer}.beginners-guide .faq-list details[open] summary{color:var(--beginner-cyan)}.beginners-guide .faq-list details p{margin:0;padding:0 1.2rem 1.1rem;color:var(--beginner-muted);line-height:1.68}.beginners-guide :focus-visible{outline:3px solid rgba(121,215,255,.82);outline-offset:3px}@media (min-width:761px){.beginners-guide .guide-product-bridge{grid-template-columns:minmax(280px,.82fr) minmax(480px,1.18fr);gap:1.25rem}.beginners-guide .guide-product-bridge__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.beginners-guide .guide-product-bridge__button{box-sizing:border-box;width:100%;white-space:normal;text-align:center}.beginners-guide .guide-product-bridge__button--discord{grid-column:1/-1;grid-row:1}}@media (max-width:900px){.beginners-guide .guide-layout{grid-template-columns:1fr}.beginners-guide .toc-column{position:static;padding-top:0}.beginners-guide .game-path article{grid-template-columns:minmax(120px,.4fr) minmax(0,1fr)}.beginners-guide .game-path article p{grid-column:1/-1}}@media (max-width:760px){.beginners-guide{padding-inline:.75rem}.beginners-guide .guide-header{padding-top:1.4rem}.beginners-guide .guide-header h1{font-size:clamp(2rem,10.5vw,3rem);line-height:1.02}.beginners-guide .concept-grid,.beginners-guide .decision-grid,.beginners-guide .official-grid,.beginners-guide .three-up{grid-template-columns:1fr}.beginners-guide .step-list li{grid-template-columns:1fr;gap:.35rem}.beginners-guide .game-path article{grid-template-columns:1fr;gap:.45rem}.beginners-guide .game-path article p{grid-column:auto}.beginners-guide .fight-check{grid-template-columns:1fr}.beginners-guide .fight-check div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.beginners-guide .fight-check div:last-child{border-bottom:0}.beginners-guide .beginner-review{grid-template-columns:1fr}.beginners-guide .beginner-review>a{box-sizing:border-box;width:100%;min-width:0}}@media (max-width:430px){.beginners-guide .section-heading{gap:.7rem}.beginners-guide .section-heading>span{width:2.15rem;height:2.15rem;flex-basis:2.15rem}.beginners-guide .section-heading h2{font-size:1.55rem}.beginners-guide .guide-section{padding-block:2rem}}@media (prefers-reduced-motion:reduce){.beginners-guide *,.beginners-guide :after,.beginners-guide :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}