.tutorial_pageRoot__Cg_m9{height:100dvh;min-height:100dvh;overflow:hidden;align-items:stretch;justify-content:flex-start}.tutorial_pageRoot__Cg_m9 .play-content-wrap{flex:1;min-height:0;overflow:hidden;align-items:stretch}.tutorial_panel__LQ6dW{width:min(1380px,100%);height:100%;min-height:0;margin:0 auto;padding:.9rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85rem;overflow:hidden}.tutorial_intro__fY5aa{display:grid;gap:.8rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end}.tutorial_introCopy__d5DVQ{display:grid;gap:.4rem}.tutorial_introRoute__fDRBL{display:grid;gap:.55rem}.tutorial_introRouteCard__nSvu1{border-radius:.95rem;border:1px solid rgba(212,175,55,.28);background:linear-gradient(180deg,rgba(40,24,14,.56),rgba(13,14,24,.74)),rgba(10,14,22,.82);padding:.72rem .8rem;display:grid;gap:.22rem}.tutorial_introRouteCard__nSvu1 span{color:#abbed8;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.tutorial_introRouteCard__nSvu1 strong{color:#fff0ca;font-size:.95rem;line-height:1.3}.tutorial_intro__fY5aa h1{margin:0;color:#f6e3b6;font-family:Cinzel Decorative,Palatino Linotype,serif;font-size:clamp(1.5rem,3vw,2.2rem)}.tutorial_introLead__yb_hD{margin:0;color:rgba(224,232,245,.92);line-height:1.6;font-size:.96rem;max-width:64ch}.tutorial_kicker__ELp_j{margin:0;display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid rgba(212,175,55,.7);padding:.18rem .55rem;color:#f4dfb0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.tutorial_scrollBody__sB4U0{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:.9rem;padding-right:.2rem}.tutorial_scrollBody__sB4U0::-webkit-scrollbar{width:8px}.tutorial_scrollBody__sB4U0::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(206,169,95,.54)}.tutorial_block__pjO8p{border:1px solid rgba(128,148,186,.28);border-radius:.95rem;background:rgba(15,20,34,.66);padding:.78rem}.tutorial_block__pjO8p h2{margin:0;color:#f4dfb1;font-size:1.02rem}.tutorial_block__pjO8p p{color:rgba(223,233,247,.9)}.tutorial_block__pjO8p ul{margin:.55rem 0 0;padding-left:1.1rem;color:rgba(223,233,247,.92);line-height:1.55;font-size:.92rem}.tutorial_chaordicIntro__hPfQn{display:grid;gap:.7rem;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start}.tutorial_chaordicIntro__hPfQn p{margin:.45rem 0 0;line-height:1.55;font-size:.9rem}.tutorial_chaordicHint__dF1LH{margin:0;border-radius:.82rem;border:1px solid rgba(156,174,207,.22);background:rgba(9,13,23,.74);padding:.72rem .8rem}.tutorial_chaordicPatternGrid__ZTRsQ{margin-top:.78rem;display:grid;gap:.78rem}.tutorial_chaordicPatternCard__S_T_I{border:1px solid rgba(148,165,197,.3);border-radius:.96rem;background:linear-gradient(180deg,rgba(18,24,38,.82),rgba(10,12,21,.86)),rgba(12,16,28,.74);padding:.75rem;display:grid;gap:.78rem;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:start}.tutorial_chaordicPatternCopy__qG5Qz{display:grid;gap:.4rem}.tutorial_chaordicPatternCopy__qG5Qz h3{margin:0;color:#f6e3ba;font-size:1rem}.tutorial_chaordicPatternCopy__qG5Qz p{margin:0;color:#c4d3ea;font-size:.85rem;line-height:1.45}.tutorial_chaordicPatternCopy__qG5Qz ul{margin:0;padding-left:1.08rem;color:rgba(223,233,247,.92);line-height:1.55;font-size:.9rem}.tutorial_chaordicPatternFigure__HUP8f{margin:0;border:1px solid rgba(218,183,107,.36);border-radius:.8rem;overflow:hidden;background:rgba(7,8,14,.92);box-shadow:0 14px 28px rgba(0,0,0,.22)}.tutorial_chaordicPatternFigure__HUP8f figcaption{margin:0;padding:.45rem .58rem .52rem;font-size:.76rem;color:rgba(221,229,240,.86);line-height:1.42}.tutorial_practiceCopy__I5Csw{margin:.48rem 0 0;color:rgba(223,233,247,.9);line-height:1.5;font-size:.9rem}.tutorial_glossaryGrid__dL5t6{margin-top:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial_glossaryCard__kR4Se{border:1px solid rgba(156,174,207,.24);border-radius:.78rem;background:rgba(10,13,24,.72);padding:.62rem}.tutorial_glossaryCard__kR4Se h3{margin:0;color:#f2dbab;font-size:.86rem}.tutorial_glossaryCard__kR4Se p{margin:.32rem 0 0;color:rgba(221,230,244,.9);font-size:.78rem;line-height:1.48}.tutorial_stepsBlock__psneZ{display:grid;gap:.8rem}.tutorial_stepCard__MDR2I{border:1px solid rgba(148,165,197,.3);border-radius:.96rem;background:linear-gradient(180deg,rgba(18,24,38,.82),rgba(10,12,21,.86)),rgba(12,16,28,.74);padding:.75rem;display:grid;gap:.72rem}.tutorial_stepHeader___3ntv{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.55rem}.tutorial_stepBadge__iEWYe{display:inline-flex;border-radius:999px;border:1px solid rgba(212,175,55,.66);padding:.13rem .48rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#f3dcad}.tutorial_stepHeaderCopy__4s9B3{display:grid;gap:.18rem}.tutorial_stepHeaderCopy__4s9B3 h2{margin:0;color:#f6e3ba;font-size:1.04rem}.tutorial_stepHeaderCopy__4s9B3 p{margin:0;color:#c4d3ea;font-size:.84rem;line-height:1.45}.tutorial_stepBody___bYR9{display:grid;gap:.85rem;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);align-items:start}.tutorial_stepNotes__8RFEO ul{margin:0;padding-left:1.08rem;color:rgba(223,233,247,.92);line-height:1.55;font-size:.9rem}.tutorial_mediaGrid__swyWQ{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tutorial_mediaGridSingle__SU4Kc{grid-template-columns:minmax(0,1fr)}.tutorial_screenshotFrame__rMQpR{margin:0;border:1px solid rgba(218,183,107,.36);border-radius:.8rem;overflow:hidden;background:rgba(7,8,14,.92);box-shadow:0 14px 28px rgba(0,0,0,.22)}.tutorial_mediaVisual__0AsZC{position:relative;overflow:hidden}.tutorial_screenshotImage__i8HgR{width:100%;height:auto;display:block}.tutorial_screenshotSquare__2dMxF .tutorial_mediaVisual__0AsZC{aspect-ratio:1/1}.tutorial_screenshotWide__shIfD .tutorial_mediaVisual__0AsZC{aspect-ratio:16/9}.tutorial_screenshotSquare__2dMxF .tutorial_screenshotImage__i8HgR,.tutorial_screenshotWide__shIfD .tutorial_screenshotImage__i8HgR{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tutorial_annotation__LFRqc{position:absolute;transform:translate(-50%,-50%);z-index:2}.tutorial_annotation__LFRqc span{display:inline-flex;align-items:center;justify-content:center;max-width:180px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(9,14,26,.88);color:#f8fafc;font-size:.68rem;font-weight:700;line-height:1.3;padding:.24rem .54rem;text-align:center;box-shadow:0 8px 20px rgba(3,7,18,.38)}.tutorial_annotation__LFRqc:after{content:"";position:absolute;background:currentColor;opacity:.86}.tutorial_annotationDown__EF2RQ:after,.tutorial_annotationUp__LVjtA:after{left:50%;width:2px;height:34px;transform:translateX(-50%)}.tutorial_annotationUp__LVjtA:after{top:100%}.tutorial_annotationDown__EF2RQ:after{bottom:100%}.tutorial_annotationLeft__TjyIe:after,.tutorial_annotationRight__ZOWYL:after{top:50%;height:2px;width:38px;transform:translateY(-50%)}.tutorial_annotationLeft__TjyIe:after{right:100%}.tutorial_annotationRight__ZOWYL:after{left:100%}.tutorial_annotationAlly__UBSQu{color:#60a5fa}.tutorial_annotationEnemy__NXosY{color:#fb7185}.tutorial_annotationGold__tu0u1{color:#fbbf24}.tutorial_annotationNeutral__Oq_mX{color:#cbd5e1}.tutorial_screenshotFrame__rMQpR figcaption{margin:0;padding:.45rem .58rem .52rem;font-size:.76rem;color:rgba(221,229,240,.86);line-height:1.42}.tutorial_actions__8MLq7{margin-top:.62rem;display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:1180px){.tutorial_pageRoot__Cg_m9{height:auto;min-height:100dvh;overflow:auto}.tutorial_pageRoot__Cg_m9 .play-content-wrap{overflow:visible}.tutorial_panel__LQ6dW{height:auto;min-height:0}.tutorial_scrollBody__sB4U0{overflow:visible;padding-right:0}.tutorial_chaordicIntro__hPfQn,.tutorial_chaordicPatternCard__S_T_I,.tutorial_intro__fY5aa,.tutorial_stepBody___bYR9{grid-template-columns:1fr}.tutorial_glossaryGrid__dL5t6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.tutorial_panel__LQ6dW{padding:.64rem}.tutorial_block__pjO8p,.tutorial_stepCard__MDR2I{padding:.7rem}.tutorial_glossaryGrid__dL5t6,.tutorial_mediaGrid__swyWQ{grid-template-columns:1fr}.tutorial_annotation__LFRqc span{max-width:140px;font-size:.62rem;padding:.2rem .42rem}.tutorial_actions__8MLq7{display:grid;grid-template-columns:1fr}}