@layer components{@font-face{font-family:Sennin Pixel;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pixel-ui-dotgothic16-400-00220e8b.woff2)format("woff2");unicode-range:U+20-2B,U+2D-7E,U+A5,U+D7}.px-slot{inline-size:var(--px-slot,4.5rem);block-size:var(--px-slot,4.5rem);background:var(--px-well,var(--rb-paper-sunken));border:2px solid var(--px-frame,var(--rb-ink));outline:1px solid color-mix(in srgb, var(--px-trim,var(--rb-kraft)) 70%, transparent);outline-offset:-4px;flex:none;place-items:center;display:grid}.px-slot img{max-block-size:78%;max-inline-size:78%;display:block}.px-items{gap:var(--rb-space-4) var(--rb-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=599px){.px-items{grid-template-columns:repeat(2,minmax(0,1fr))}}.px-item{align-items:center;gap:var(--rb-space-3);grid-template-columns:auto minmax(0,1fr);min-inline-size:0;display:grid}.px-item__text{gap:.15em;min-inline-size:0;display:grid}.px-item__label{font-family:var(--rb-font-ui);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);color:var(--px-ink,var(--rb-ink));overflow-wrap:anywhere;line-height:1.4}.px-item__value{font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-size:var(--rb-text-sm);font-variant-numeric:lining-nums tabular-nums;color:var(--rb-accent);line-height:1.3}.px-item__note{font-size:var(--rb-text-xs);color:var(--rb-ink-soft);overflow-wrap:anywhere;line-height:1.5}@media (width<=599px){.px-item{gap:var(--rb-space-2);--px-slot:3.5rem}.px-items:has(.px-item__note){grid-template-columns:minmax(0,1fr)}}.px-item[data-wc] .px-slot{--px-frame:var(--rb-accent)}.px-class{border:3px solid var(--px-frame,var(--rb-ink));background:var(--px-ground,var(--rb-paper-raised));color:var(--px-ink,var(--rb-ink));outline:2px solid color-mix(in srgb, var(--px-trim,var(--rb-kraft)) 80%, transparent);outline-offset:-8px;box-shadow:var(--rb-shadow-plate)}.px-class--lead{--px-frame:var(--rb-accent);--px-ground:var(--rb-accent-wash,var(--rb-paper-raised))}.px-class__portrait{align-items:flex-end;gap:var(--rb-space-2);min-block-size:4.5rem;display:flex}.px-class__portrait img{block-size:4.5rem;inline-size:auto;display:block}.px-class__price{font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}.px-class__slot{--px-slot:2.25rem;border-width:1px;outline:0}.px-class__slot img{max-block-size:82%;max-inline-size:82%}[data-kind=none]>.px-class__slot{background:0 0;border-style:dashed}[data-kind=none]>.px-class__slot img{opacity:.3}[data-kind=included]>.px-class__slot{--px-frame:var(--rb-accent)}.px-count{min-block-size:2.75rem;min-inline-size:3.5rem;padding:var(--rb-space-1) var(--rb-space-2);background:var(--px-frame,var(--rb-ink));color:var(--rb-paper);border:2px solid var(--px-frame,var(--rb-ink));outline:2px solid color-mix(in srgb, var(--rb-paper) 55%, var(--px-frame,var(--rb-ink)));outline-offset:-4px;box-shadow:var(--rb-shadow-plate);font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-size:var(--rb-text-2xl);font-variant-numeric:lining-nums tabular-nums;justify-content:center;align-items:baseline;gap:.1em;line-height:1.3;display:inline-flex}.px-count__x{font-size:.7em}.px-win{border:3px solid var(--rb-paper);outline:3px solid var(--rb-ink);background:color-mix(in srgb, var(--rb-ink) 92%, transparent);color:var(--rb-paper)}.px-win__label{font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-size:var(--rb-text-sm);letter-spacing:.08em;color:color-mix(in srgb, var(--rb-paper) 78%, var(--rb-ink))}.px-stat{align-items:center;gap:var(--rb-space-1) var(--rb-space-3);padding-block:var(--rb-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.px-stat+.px-stat{border-top:2px dashed color-mix(in srgb, var(--rb-paper) 30%, transparent)}.px-stat__label{align-items:center;gap:var(--rb-space-3);min-inline-size:0;font-family:var(--rb-font-ui);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);color:var(--rb-paper);line-height:1.4;display:flex}.px-stat__slot{--px-slot:3.25rem}.px-stat__value{margin:0}.px-stat__num{font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-size:var(--rb-text-2xl);font-variant-numeric:lining-nums tabular-nums;color:var(--rb-paper);white-space:nowrap;line-height:1}.px-stat__unit{margin-inline-start:.2em;font-size:.6em}.px-stat__note{font-size:var(--rb-text-xs);color:color-mix(in srgb, var(--rb-paper) 82%, var(--rb-ink));grid-column:1/-1;margin:0}@media (width>=840px){.px-stat{padding:var(--rb-space-2) var(--rb-space-4);grid-template-columns:minmax(0,1fr);align-content:start}.px-stat+.px-stat{border-top:0;border-inline-start:2px dashed color-mix(in srgb, var(--rb-paper) 30%, transparent)}.px-stat--featured .px-stat__num{font-size:clamp(2rem,3.4vw,2.75rem)}}.px-classes{gap:var(--rb-space-3);min-inline-size:0;display:grid}.px-classes__title{font-family:var(--rb-font-display);font-size:var(--rb-text-2xl);font-weight:var(--rb-weight-medium);color:var(--rb-ink);margin:0;line-height:1.3}.px-classes__legend{gap:var(--rb-space-2);flex-wrap:wrap;margin:0;display:flex}.px-classes__row{gap:var(--rb-space-4);padding:var(--rb-space-3) var(--rb-space-1) var(--rb-space-4);overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rb-space-1);grid-auto-columns:minmax(17.5rem,86%);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.px-classes__row:focus-visible{outline:2px solid var(--rb-accent);outline-offset:2px}@media (width>=840px){.px-classes__row{grid-template-columns:1.15fr 1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}.px-class-card{gap:var(--rb-space-2);padding:var(--rb-space-5,1.25rem) var(--rb-space-4) var(--rb-space-4);scroll-snap-align:start;flex-direction:column;min-inline-size:0;display:flex;position:relative}.px-class-card__ribbon{padding:var(--rb-space-1) var(--rb-space-3);background:var(--rb-accent);color:var(--rb-accent-ink);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);border:2px solid var(--rb-ink);position:absolute;inset-block-start:0;inset-inline-start:var(--rb-space-4);transform:translateY(-50%)}.px-class-card__name{font-family:var(--rb-font-ui);font-size:var(--rb-text-xl);font-weight:var(--rb-weight-bold,700);color:var(--rb-ink);margin:0;line-height:1.25}.px-class-card__price{align-items:baseline;gap:0 var(--rb-space-2);flex-wrap:wrap;margin:0;display:flex}.px-class-card__price .px-class__price{font-size:var(--rb-text-2xl);color:var(--rb-ink)}.px-class--lead .px-class-card__price .px-class__price{color:var(--rb-accent)}.px-class-card__per{font-size:var(--rb-text-xs);color:var(--rb-ink-soft)}.px-class-card__slots{margin:var(--rb-space-1) 0 0;border-top:1px solid var(--rb-line);padding:0;list-style:none;display:grid}.px-class-card__slot-row{align-items:center;column-gap:var(--rb-space-2);padding-block:var(--rb-space-2);border-bottom:1px solid var(--rb-line);grid-template-columns:2.25rem minmax(0,1fr);grid-template-areas:"slot label""slot value";display:grid}.px-class-card__slot-row>.px-slot{grid-area:slot;align-self:start}.px-class-card__label{font-size:var(--rb-text-sm);font-weight:var(--rb-weight-bold,700);color:var(--rb-ink);overflow-wrap:anywhere;grid-area:label;line-height:1.4}.px-class-card__value{align-items:center;gap:.15rem var(--rb-space-2);font-size:var(--rb-text-sm);color:var(--rb-ink);flex-wrap:wrap;grid-area:value;display:flex}.px-class-card__fig{font-family:var(--px-font,"Sennin Pixel", var(--rb-font-ui));font-variant-numeric:lining-nums tabular-nums}.px-class-card__note{font-size:var(--rb-text-xs);color:var(--rb-ink-soft)}[data-kind=none]>.px-class-card__label{color:var(--rb-ink-soft)}}
