.guide-page{--guide-ink:#0a0d0b;--guide-ash:#131813;--guide-moss:#253226;--guide-wet-stone:#243438;--guide-brass-soft:color-mix(in srgb, var(--ora-color-brass) 26%, transparent);width:min(100% - 2 * var(--ora-space-5), var(--ora-content-max));margin-inline:auto;padding-block:clamp(2rem,6vw,6rem)}.guide-kicker,.guide-section-label{color:var(--ora-color-brass);letter-spacing:.16em;font-size:.72rem;font-weight:800}.guide-hero{align-items:center;gap:clamp(2rem,5vw,5rem);min-height:min(48rem,100dvh - 8rem);padding-block:clamp(1rem,3vw,3rem) clamp(3rem,7vw,6rem);display:grid}.guide-hero__copy{max-width:34rem}.guide-hero h1{max-width:11ch;margin-top:var(--ora-space-4);letter-spacing:-.055em;font-size:clamp(2.65rem,7vw,6.4rem)}.guide-hero__lead{max-width:32rem;margin-top:var(--ora-space-5);color:var(--ora-color-muted);font-size:clamp(1rem,1.6vw,1.2rem)}.guide-hero__actions{gap:var(--ora-space-3);margin-top:var(--ora-space-6);flex-wrap:wrap;align-items:center;display:flex}.guide-cta,.guide-text-link{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.guide-cta{padding:var(--ora-space-3) var(--ora-space-5);border:1px solid var(--ora-color-brass);background:color-mix(in srgb, var(--ora-color-brass) 8%, transparent);color:var(--ora-color-brass);transition:color var(--ora-motion-fast) ease, background var(--ora-motion-fast) ease;font-weight:800}.guide-cta:hover{background:var(--ora-color-brass);color:var(--guide-ink)}.guide-text-link{padding-inline:var(--ora-space-3);color:var(--ora-color-muted);text-underline-offset:.3em;font-size:.88rem}.guide-board{border:1px solid var(--guide-brass-soft);background:linear-gradient(90deg, transparent 32.9%, var(--guide-brass-soft) 33%, transparent 33.2%, transparent 66.2%, var(--guide-brass-soft) 66.4%, transparent 66.6%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--ora-color-brass) 10%, transparent), transparent 46%), linear-gradient(165deg, var(--guide-wet-stone), var(--guide-ink) 45%, var(--guide-moss));margin:0;padding:clamp(1rem,2.5vw,2rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 .35rem #00000038}.guide-board:before,.guide-board:after{z-index:0;background:linear-gradient(90deg, transparent, var(--ora-color-brass), transparent);content:"";opacity:.42;height:1px;position:absolute;left:-8%;right:-8%}.guide-board:before{top:38%;transform:rotate(-1.4deg)}.guide-board:after{bottom:37%;transform:rotate(1.1deg)}.guide-board figcaption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-board__side{z-index:1;position:relative}.guide-board__owner{margin-bottom:var(--ora-space-2);color:var(--ora-color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.guide-board__side--opponent .guide-board__owner{text-align:right}.guide-board__lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,1.2vw,.9rem);display:grid}.guide-board__lane{gap:var(--ora-space-2);background:#06090770;border:1px solid #eee3cc1f;grid-template-rows:minmax(4rem,1fr) minmax(2.5rem,auto) auto;min-width:0;padding:clamp(.45rem,1vw,.75rem);display:grid}.guide-board__unit,.guide-board__terrain{min-width:0;color:var(--ora-color-muted);border:1px solid #eee3cc29;place-items:center;font-size:clamp(.62rem,1.5vw,.78rem);display:grid;position:relative}.guide-board__unit span{border:1px solid var(--ora-color-brass);opacity:.42;width:42%;height:68%;position:absolute;transform:rotate(2deg)}.guide-board__terrain span{border:1px solid color-mix(in srgb, var(--ora-color-tide) 60%, var(--ora-color-brass));width:58%;height:38%;box-shadow:.25rem .2rem 0 -1px var(--guide-ink), .25rem .2rem 0 0 color-mix(in srgb, var(--ora-color-brass) 35%, transparent);opacity:.45;position:absolute;transform:rotate(-2deg)}.guide-board__lane-name{color:var(--ora-color-text);text-align:center;font-size:.65rem;font-weight:800}.guide-board__clash{z-index:1;gap:var(--ora-space-3);color:var(--ora-color-brass);letter-spacing:.08em;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;margin-block:clamp(.8rem,2vw,1.4rem);font-size:.68rem;font-weight:800;display:grid;position:relative}.guide-board__clash span{background:var(--guide-brass-soft);height:1px}.guide-principles{border-block:1px solid var(--guide-brass-soft);display:grid}.guide-principles p{gap:var(--ora-space-3);padding:var(--ora-space-4) var(--ora-space-3);color:var(--ora-color-muted);grid-template-columns:auto auto 1fr;align-items:baseline;display:grid}.guide-principles p+p{border-top:1px solid #eee3cc17}.guide-principles span{color:var(--ora-color-brass);font:700 .68rem/1 var(--ora-font-body)}.guide-principles strong{color:var(--ora-color-text)}.guide-section,.combat-examples{padding-block:clamp(4rem,10vw,8rem)}.guide-section__heading,.combat-examples__heading{max-width:44rem;margin-bottom:clamp(2rem,5vw,4rem)}.guide-section__heading h2,.combat-examples__heading h2,.guide-checklist h2{margin-top:var(--ora-space-3);letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,4rem)}.guide-section__heading>p:last-child,.combat-examples__heading>p:last-child,.guide-checklist>div>p:last-child{margin-top:var(--ora-space-4);color:var(--ora-color-muted)}.guide-cards__grid{gap:clamp(1.5rem,4vw,3rem);display:grid}.guide-card-kind{gap:var(--ora-space-5);padding-top:var(--ora-space-5);border-top:1px solid var(--guide-brass-soft);grid-template-columns:minmax(7.5rem,.72fr) minmax(0,1fr);align-items:center;display:grid}.guide-card-kind__frame{min-width:0}.guide-card-kind__copy>p:first-child{color:var(--ora-color-brass);letter-spacing:.08em;font-size:.7rem;font-weight:800}.guide-card-kind__copy h3{margin-top:var(--ora-space-2);font-size:clamp(1.5rem,3vw,2.4rem)}.guide-card-kind__copy>p:last-child{margin-top:var(--ora-space-3);color:var(--ora-color-muted)}.guide-walkthrough__steps{gap:clamp(4rem,10vw,8rem);display:grid}.guide-step{align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.guide-step__index{color:var(--ora-color-brass);letter-spacing:.12em;font-size:.7rem;font-weight:800}.guide-step h3{max-width:17ch;margin-top:var(--ora-space-2);letter-spacing:-.035em;font-size:clamp(1.65rem,4vw,3rem)}.guide-step__summary{max-width:34rem;margin-top:var(--ora-space-4);color:var(--ora-color-muted)}.guide-step__notes{gap:var(--ora-space-2);margin:var(--ora-space-5) 0 0;padding:0;list-style:none;display:grid}.guide-step__notes li{gap:var(--ora-space-3);color:var(--ora-color-muted);grid-template-columns:2rem minmax(0,1fr);align-items:center;font-size:.9rem;display:grid}.guide-step__notes span,.guide-step__pin{border:1px solid var(--ora-color-brass);background:var(--guide-ink);width:2rem;min-height:2rem;color:var(--ora-color-brass);border-radius:999px;place-items:center;font-size:.74rem;font-weight:800;display:grid}.guide-step__visual{border:1px solid var(--guide-brass-soft);background:var(--guide-ink);width:min(100%,24.375rem);margin:0 auto;position:relative;box-shadow:0 1.5rem 4rem #00000047,0 0 0 .35rem #d2a75b0a}.guide-step__visual:before{z-index:1;content:"";pointer-events:none;border:1px solid #eee3cc1a;position:absolute;inset:0}.guide-step__visual img{width:100%;height:auto;display:block}.guide-step__pin{z-index:2;top:var(--pin-y);left:var(--pin-x);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .3rem #0d100db8}.guide-round{position:relative}.guide-round__flow{counter-reset:round-step;margin:0;padding:0;list-style:none;display:grid}.guide-round__flow li{border-top:1px solid #eee3cc1f;grid-template-columns:minmax(3rem,.2fr) minmax(0,1fr);gap:clamp(1rem,4vw,3rem);padding-block:clamp(1.25rem,3vw,2rem);display:grid}.guide-round__flow li:last-child{border-bottom:1px solid #eee3cc1f}.guide-round__index{color:var(--ora-color-brass);font:700 clamp(1.1rem, 2.5vw, 1.8rem)/1 var(--ora-font-display)}.guide-round__flow h3{font-size:clamp(1.3rem,2.5vw,2rem)}.guide-round__flow p{max-width:52rem;margin-top:var(--ora-space-2);color:var(--ora-color-muted)}.combat-examples{width:calc(100% + 2 * var(--ora-space-5));margin-left:calc(-1 * var(--ora-space-5));padding-inline:var(--ora-space-5);background:linear-gradient(105deg, color-mix(in srgb, var(--ora-color-fire) 7%, transparent), transparent 44%), linear-gradient(255deg, color-mix(in srgb, var(--ora-color-tide) 7%, transparent), transparent 44%), var(--guide-ash)}.combat-examples__grid{gap:var(--ora-space-4);display:grid}.combat-examples__grid article{border:1px solid var(--guide-brass-soft);background:#0507068a;padding:clamp(1.25rem,3vw,2rem)}.combat-examples__result{color:var(--ora-color-brass);letter-spacing:.12em;font-size:.72rem;font-weight:800}.combat-equation{gap:var(--ora-space-3);margin-block:var(--ora-space-5);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;display:grid}.combat-equation span{gap:var(--ora-space-2);display:grid}.combat-equation small{color:var(--ora-color-muted);font-size:.7rem}.combat-equation strong{font:500 clamp(2rem, 5vw, 4rem)/.9 var(--ora-font-display)}.combat-equation b{color:var(--ora-color-brass);font-size:clamp(1.3rem,3vw,2rem)}.combat-examples__grid article>p:last-child{color:var(--ora-color-muted)}.combat-examples__direct{gap:var(--ora-space-2);margin-top:var(--ora-space-4);padding:var(--ora-space-4);border-left:2px solid var(--ora-color-brass);color:var(--ora-color-muted);display:grid}.combat-examples__direct strong{color:var(--ora-color-text)}.guide-reference__layout{gap:clamp(2rem,6vw,5rem);display:grid}.guide-reference__nav{align-content:start;display:grid}.guide-reference__nav a{gap:var(--ora-space-3);padding-block:var(--ora-space-3);color:var(--ora-color-muted);border-bottom:1px solid #eee3cc1c;grid-template-columns:2.5rem 1fr;align-items:center;text-decoration:none;display:grid}.guide-reference__nav a:hover{color:var(--ora-color-brass)}.guide-reference__nav span{color:var(--ora-color-brass);font-size:.68rem;font-weight:800}.guide-reference__rules{gap:clamp(2.5rem,6vw,4rem);display:grid}.guide-reference__rules section{border-left:1px solid var(--guide-brass-soft);padding-left:clamp(1rem,3vw,2rem);scroll-margin-top:2rem}.guide-reference__rules section>p:first-child{color:var(--ora-color-brass);letter-spacing:.1em;font-size:.68rem;font-weight:800}.guide-reference__rules h3{margin-top:var(--ora-space-2);font-size:clamp(1.5rem,3vw,2.5rem)}.guide-reference__body{max-width:52rem;margin-top:var(--ora-space-4);color:var(--ora-color-muted);font-size:1.02rem}.guide-reference__details{gap:var(--ora-space-3);max-width:52rem;margin:var(--ora-space-4) 0 0;color:var(--ora-color-muted);padding-left:1.25em;display:grid}.guide-reference__details li::marker{color:var(--ora-color-brass)}.guide-checklist{border:1px solid var(--guide-brass-soft);background:repeating-linear-gradient(173deg, transparent 0 2.5rem, #d2a75b0d 2.55rem 2.6rem), var(--guide-ash);align-items:end;gap:clamp(2rem,5vw,4rem);margin-top:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,5vw,4rem);display:grid}.guide-checklist ul{margin:0;padding:0;list-style:none}.guide-checklist li{gap:var(--ora-space-3);padding-block:var(--ora-space-3);border-bottom:1px solid #eee3cc1c;grid-template-columns:2.4rem minmax(0,1fr);display:grid}.guide-checklist li span{color:var(--ora-color-brass);font-size:.7rem;font-weight:800}@media (width>=680px){.guide-principles{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-principles p+p{border-top:0;border-left:1px solid #eee3cc17}.guide-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card-kind{grid-template-columns:1fr;align-content:start}.combat-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.guide-reference__layout{grid-template-columns:minmax(12rem,.36fr) minmax(0,1fr)}.guide-reference__nav{position:sticky;top:1rem}.guide-checklist{grid-template-columns:minmax(14rem,.7fr) minmax(20rem,1.3fr)}.guide-checklist .guide-cta{grid-column:2;justify-self:start}}@media (width>=1024px){.guide-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.guide-card-kind{grid-template-columns:1fr}.guide-step{grid-template-columns:minmax(0,.72fr) minmax(0,1fr)}.guide-step:nth-child(2n) .guide-step__copy{order:2}.combat-examples{width:min(100vw, calc(var(--ora-content-max) + 8rem));margin-left:50%;padding-inline:clamp(2rem,7vw,7rem);transform:translate(-50%)}}@media (width<=679px){.guide-card-kind__frame{width:min(42vw,10rem)}.guide-board__lane{grid-template-rows:minmax(3rem,1fr) minmax(2.2rem,auto) auto}}@media (width<=419px){.guide-card-kind{grid-template-columns:minmax(0,1fr)}.guide-card-kind__frame{width:min(100%,10rem)}}@media (prefers-reduced-motion:reduce){.guide-cta,.guide-text-link,.guide-reference__nav a,.guide-step__pin{transition-duration:0s}}