.play-board{gap:var(--space-5);flex-direction:column;margin:0;display:flex}.play-board__mat{--slot-width:clamp(1.5rem, 7.5vw, 2.6rem);background-color:var(--color-bg-inset);border:1px solid var(--color-border);gap:var(--space-2);padding:var(--space-2);grid-template:"life characters characters characters""life leader stage deck""don-deck cost cost trash"/minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);margin:0;list-style:none;display:grid}.play-board__zone{border:1px dashed var(--color-border-strong);align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-2);flex-direction:column;justify-content:center;display:flex}.play-board__zone--field{background-color:rgb(from var(--color-primary) r g b / 8%);border-color:rgb(from var(--color-primary-light) r g b / 55%);border-style:solid}.play-board__zone--characters{grid-area:characters}.play-board__zone--life{grid-area:life}.play-board__zone--leader{grid-area:leader}.play-board__zone--stage{grid-area:stage}.play-board__zone--deck{grid-area:deck}.play-board__zone--don-deck{grid-area:don-deck}.play-board__zone--cost{grid-area:cost}.play-board__zone--trash{grid-area:trash}.play-board__label{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:0;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;font-size:.625rem;line-height:1.3}.play-board__zone--field .play-board__label{color:var(--color-primary-light)}.play-board__slots{align-items:center;gap:var(--space-2);min-height:calc(var(--slot-width) * 88 / 63);flex-wrap:wrap;justify-content:center;display:flex}.play-board__slot{aspect-ratio:63/88;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);width:var(--slot-width);flex-shrink:0;display:block}.play-board__zone--cost .play-board__slots{gap:var(--space-1)}.play-board__zone--cost .play-board__slot{width:calc(var(--slot-width) * .65)}.play-board__slot--pile{box-shadow:3px 3px 0 -1px var(--color-bg-elevated), 3px 3px 0 0 var(--color-border-strong), 6px 6px 0 -1px var(--color-bg-elevated), 6px 6px 0 0 var(--color-border-strong)}[dir=rtl] .play-board__slot--pile{box-shadow:-3px 3px 0 -1px var(--color-bg-elevated), -3px 3px 0 0 var(--color-border-strong), -6px 6px 0 -1px var(--color-bg-elevated), -6px 6px 0 0 var(--color-border-strong)}.play-board__slot--rested{transform:rotate(90deg)}[dir=rtl] .play-board__slot--rested{transform:rotate(-90deg)}.play-board__zone--cost .play-board__slot--rested{margin-inline:calc(var(--slot-width) * .15)}.play-board__legend{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-3) var(--space-8);flex-wrap:wrap;display:flex}.play-board__key{align-items:center;gap:var(--space-3);display:inline-flex}.play-board__swatch{background-color:rgb(from var(--color-primary) r g b / 20%);border:1px solid var(--color-primary-light);width:1.1rem;height:.8rem;display:block}.play-board__slot--key{width:.75rem}@media (min-width:768px){.play-board__mat{gap:var(--space-3);padding:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr)}.play-board__label{font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide)}.play-board__zone--cost .play-board__slots{gap:var(--space-2)}.play-board__zone{padding:var(--space-5) var(--space-3)}}
.rule-block{gap:var(--space-3);scroll-margin-top:var(--space-18);flex-direction:column;display:flex}.rule-block+.rule-block{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6)}.rule-block__heading{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);letter-spacing:var(--tracking-tight);margin:0;font-weight:700}.rule-block__paragraph{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:46rem;margin:0;line-height:1.7}.rule-block__list{gap:var(--space-3);flex-direction:column;max-width:46rem;margin:0;padding:0;list-style:none;display:flex}.rule-block__item{color:var(--color-text-secondary);font-size:var(--font-size-base);padding-inline-start:var(--space-6);line-height:1.6;position:relative}.rule-block__item:before{background-color:var(--color-primary);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);content:"";width:.65rem;height:.55rem;position:absolute;top:.6em;left:0}[dir=rtl] .rule-block__item:before{left:auto;right:0}
.rule-details{border-top:1px solid var(--color-border);max-width:52rem}.rule-details__trigger{gap:var(--space-6)}.rule-details__summary{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);letter-spacing:var(--tracking-tight);margin:0;font-weight:700}.rule-details__content{gap:var(--space-6);padding-bottom:var(--space-9);flex-direction:column;display:flex}
.step-sequence{--notch:.75rem;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.step-sequence__step{background-color:var(--color-bg-surface);border-inline-start:2px solid var(--color-primary);clip-path:polygon(0 0, 50% var(--notch), 100% 0, 100% calc(100% - var(--notch)), 50% 100%, 0 calc(100% - var(--notch)));gap:var(--space-2);margin-top:calc(var(--notch) * -1 + var(--space-1));padding:calc(var(--notch) + var(--space-5)) var(--space-7) calc(var(--notch) + var(--space-5));flex-direction:column;display:flex}.step-sequence__step:first-child{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--notch)), 50% 100%, 0 calc(100% - var(--notch)));padding-top:var(--space-6);margin-top:0}.step-sequence__step:last-child{clip-path:polygon(0 0, 50% var(--notch), 100% 0, 100% 100%, 0 100%);padding-bottom:var(--space-6)}.step-sequence__step--accent{background-color:var(--color-primary);border-inline-start-color:var(--color-primary-border)}.step-sequence__index{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--font-size-2xs);align-items:center;gap:var(--space-3);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex}.step-sequence__icon{flex-shrink:0}.step-sequence__name{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tighter);font-weight:800;line-height:1.1}.step-sequence__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.55}.step-sequence__step--accent .step-sequence__index,.step-sequence__step--accent .step-sequence__name,.step-sequence__step--accent .step-sequence__text{color:var(--color-text-on-primary)}@media (min-width:1024px){.step-sequence{--notch:1rem;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.step-sequence__step,.step-sequence__step:first-child,.step-sequence__step:last-child{clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% 50%, calc(100% - var(--notch)) 100%, 0 100%, var(--notch) 50%);margin-inline-start:calc(var(--notch) * -1 + var(--space-1));padding:var(--space-7) calc(var(--notch) + var(--space-6)) var(--space-8);border-inline-start:0;margin-top:0}.step-sequence__step:first-child{clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% 50%, calc(100% - var(--notch)) 100%, 0 100%);margin-inline-start:0;padding-inline-start:var(--space-7)}.step-sequence__step:last-child{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--notch) 50%);padding-inline-end:var(--space-7)}}
.how-to-play{background-color:var(--color-bg-base);color:var(--color-text-primary);flex-direction:column;width:100%;min-height:100vh;display:flex}.how-to-play__content{gap:var(--space-16);max-width:var(--max-width);padding:0 var(--content-padding-inline) var(--content-padding-block);flex-direction:column;width:100%;margin-inline:auto;display:flex}.how-to-play__section{gap:var(--space-10);scroll-margin-top:var(--space-18);flex-direction:column;display:flex}.how-to-play__section-header{gap:var(--space-5);flex-direction:column;display:flex}.how-to-play__lead,.how-to-play__paragraph{color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:46rem;margin:0;line-height:1.6}.how-to-play__subheading,.how-to-play__panel-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);margin:0;font-weight:800;line-height:1.2}.how-to-play__quick{gap:var(--space-8);flex-direction:column;display:flex}.how-to-play__quick-list{gap:var(--space-8) var(--space-10);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.how-to-play__quick-item{border-top:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-size-base);align-items:baseline;gap:var(--space-4);padding-top:var(--space-5);grid-template-columns:2.75rem minmax(0,1fr);line-height:1.55;display:grid}.how-to-play__quick-index,.how-to-play__condition-index{color:var(--color-primary-light);font-family:var(--font-heading);font-size:var(--font-size-4xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter);transform:skewX(var(--skew));transform-origin:0 100%;font-weight:800;line-height:.9}[dir=rtl] .how-to-play__quick-index,[dir=rtl] .how-to-play__condition-index{transform-origin:100% 100%}.how-to-play__featured{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.how-to-play__panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border);gap:var(--space-5);padding:var(--space-8) var(--space-7) var(--space-10);flex-direction:column;display:flex}.how-to-play__panel-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-6);line-height:1.6}.how-to-play__panel-body{flex:1;align-content:center;display:grid}.how-to-play__notes{gap:var(--space-8) var(--space-10);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.how-to-play__note-item{min-width:0}.how-to-play__setup{align-items:start;gap:var(--space-12) var(--space-14);grid-template-columns:minmax(0,1fr);display:grid}.how-to-play__steps,.how-to-play__timeline{counter-reset:step;gap:var(--space-5);flex-direction:column;max-width:46rem;margin:0;padding:0;list-style:none;display:flex}.how-to-play__step{color:var(--color-text-secondary);counter-increment:step;font-size:var(--font-size-base);padding-inline-start:var(--space-11);line-height:1.6;position:relative}.how-to-play__step:before{color:var(--color-primary-light);content:counter(step, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);position:absolute;top:.2em;left:0}[dir=rtl] .how-to-play__step:before{left:auto;right:0}.how-to-play__board{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.how-to-play__win{align-items:start;gap:var(--space-8) var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.how-to-play__conditions{gap:var(--space-8);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.how-to-play__condition{border-top:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-md);align-items:baseline;gap:var(--space-4);padding-top:var(--space-5);grid-template-columns:2.75rem minmax(0,1fr);line-height:1.55;display:grid}.how-to-play__aside{background-color:var(--color-bg-surface);border-inline-start:2px solid var(--color-primary);padding:var(--space-7) var(--space-8)}.how-to-play__stats{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.how-to-play__stat{background-color:var(--color-bg-surface);border:1px solid var(--color-border);gap:var(--space-4);padding:var(--space-7) var(--space-6) var(--space-6);flex-direction:column;display:flex}.how-to-play__stat-value{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-10xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter);transform:skewX(var(--skew));transform-origin:0 100%;font-weight:800;line-height:.85}[dir=rtl] .how-to-play__stat-value{transform-origin:100% 100%}.how-to-play__stat-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.4}.how-to-play__checklist,.how-to-play__mistakes{gap:var(--space-5) var(--space-12);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.how-to-play__check,.how-to-play__mistake{color:var(--color-text-secondary);font-size:var(--font-size-base);align-items:start;gap:var(--space-4);grid-template-columns:1.125rem minmax(0,1fr);line-height:1.6;display:grid}.how-to-play__check-icon{color:var(--color-success);margin-top:.2rem}.how-to-play__mistake{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.how-to-play__mistake-icon{color:var(--color-danger-border);margin-top:.2rem}.how-to-play__mistake-lead{color:var(--color-text-primary);font-weight:600}.how-to-play__actions{gap:var(--space-5);flex-wrap:wrap;display:flex}.how-to-play__moment{color:var(--color-text-secondary);font-size:var(--font-size-base);gap:var(--space-5);grid-template-columns:1.75rem minmax(0,1fr);line-height:1.6;display:grid}.how-to-play__moment-index{border:1px solid var(--color-border-strong);color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--font-size-2xs);justify-content:center;align-items:center;height:1.5rem;margin-top:.05rem;display:inline-flex}.how-to-play__faq{border-top:1px solid var(--color-border);max-width:52rem}.how-to-play__faq-trigger{gap:var(--space-6)}.how-to-play__question{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);letter-spacing:var(--tracking-tight);margin:0;font-weight:700;line-height:1.35}.how-to-play__answer{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:46rem;margin:0;line-height:1.7}.how-to-play__sources{color:var(--color-text-muted);font-size:var(--font-size-xs);gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;display:flex}.how-to-play__source{color:inherit;font-family:var(--font-mono);overflow-wrap:anywhere}@media (min-width:768px){.how-to-play__quick-list{grid-template-columns:repeat(2,minmax(0,1fr))}.how-to-play__quick-item,.how-to-play__condition{flex-direction:column;align-items:start;display:flex}.how-to-play__quick-index,.how-to-play__condition-index{font-size:var(--font-size-6xl)}.how-to-play__panel{padding:var(--space-10) var(--space-10) var(--space-12)}.how-to-play__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.how-to-play__checklist,.how-to-play__mistakes,.how-to-play__conditions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.how-to-play__content{gap:var(--space-18)}.how-to-play__quick-list{grid-template-columns:repeat(5,minmax(0,1fr))}.how-to-play__setup{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.how-to-play__win{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (min-width:1280px){.how-to-play__featured{grid-template-columns:repeat(2,minmax(0,1fr))}}