.ui-btn{isolation:isolate;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:stretch;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}.ui-btn:focus-visible{outline:none}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed}.ui-btn__face{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ui-btn.ui-btn--wrap{max-width:100%}.ui-btn--wrap .ui-btn__face{white-space:normal;text-align:center}.ui-btn__ring{z-index:-3;pointer-events:none;opacity:0;position:absolute}.ui-btn:focus-visible .ui-btn__ring{opacity:1}.ui-btn[data-hold=true]{touch-action:manipulation;-webkit-touch-callout:none}.ui-hold__fill{transform-origin:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.ui-btn[data-hold=true][data-holding=true] .ui-hold__fill{animation:ui-hold-fill var(--hold-ms,.9s) linear forwards}@keyframes ui-hold-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ui-btn[data-hold=true][data-holding=true] .ui-hold__fill{opacity:.6;animation:none;transform:scaleX(1)}}.ui-panel{--cut:var(--cut-panel);isolation:isolate;background:var(--color-line);box-shadow:var(--shadow-panel);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));position:relative}.ui-panel--tile{--cut:var(--cut-tile)}.ui-panel:after{content:"";z-index:-1;background:var(--surface-panel);clip-path:polygon(0 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% 100%, calc(var(--cut) - .5px) 100%, 0 calc(100% - var(--cut) + .5px));position:absolute;inset:1px}.ui-panel__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--color-line);display:flex}.ui-panel__title{align-items:center;gap:var(--sp-2);font:400 var(--fs-d3) / var(--lh-d3) var(--font-display);letter-spacing:.03em;text-transform:uppercase;display:flex}.ui-panel__title:before{content:"";background:var(--color-signal);flex:none;width:6px;height:18px;transform:skew(-14deg)}.ui-panel__meta{font:600 var(--fs-t4) / var(--lh-t4) var(--font-sans);color:var(--color-muted)}.ui-chip{background:var(--surface-chip);border:1px solid var(--color-line-2);height:24px;color:var(--color-bone);font:600 var(--fs-t4) / var(--lh-t4) var(--font-sans);white-space:nowrap;clip-path:polygon(var(--cut-chip) 0, 100% 0, calc(100% - var(--cut-chip)) 100%, 0 100%);align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.ui-chip svg{flex:none;width:16px;height:16px}.ui-chip[data-tone=free]{color:var(--color-steel);border-color:var(--color-steel-deep)}.ui-page-title{gap:var(--sp-2);flex-direction:column;display:flex}.ui-page-title__title{text-wrap:balance}.ui-page-title__lead{color:var(--color-bone-dim);max-width:60ch}.ui-text-page{width:100%;max-width:var(--w-text);padding:var(--sp-7) var(--gutter) var(--sp-7);margin-inline:auto}.ui-prose{margin-top:var(--sp-6);font:500 var(--fs-t2) / var(--lh-t2) var(--font-sans);color:var(--color-bone)}.ui-prose>*+*{margin-top:var(--sp-4)}.ui-prose h2{margin-top:var(--sp-7);font:400 var(--fs-d3) / var(--lh-d3) var(--font-display);letter-spacing:.03em;text-transform:uppercase}.ui-prose h2+*{margin-top:var(--sp-3)}.ui-prose h3{margin-top:var(--sp-5);font:600 var(--fs-t1) / var(--lh-t1) var(--font-sans)}.ui-prose h3+*{margin-top:var(--sp-2)}.ui-prose ul,.ui-prose ol{padding-left:var(--sp-5)}.ui-prose ul{list-style:outside}.ui-prose ol{list-style:decimal}.ui-prose li+li{margin-top:var(--sp-2)}.ui-prose li::marker{color:var(--color-crimson)}.ui-prose a{color:var(--color-steel);text-underline-offset:3px;text-decoration:underline}.ui-prose a:hover{color:var(--color-bone)}.ui-prose strong{font-weight:700}.ui-prose table{border-collapse:collapse;width:100%;font:500 var(--fs-t3) / var(--lh-t3) var(--font-sans)}.ui-prose th,.ui-prose td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.ui-prose th{color:var(--color-muted);font-weight:600}.ui-prose code{font:500 .95em var(--font-mono);background:var(--color-char);padding:0 4px}.ui-page-title__kicker{align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-1);color:var(--color-crimson);font:600 var(--fs-t4) / var(--lh-t4) var(--font-mono);letter-spacing:.16em;text-transform:uppercase;display:flex}.ui-page-title__kanji{font:400 var(--fs-t2) / 1 var(--font-brush);letter-spacing:0}@media not (min-width:640px){.ui-page-title--kicker .ui-page-title__title{font-size:var(--fs-d2);line-height:var(--lh-d2)}}html:has(.ui-modal[open]){overflow:hidden}.ui-modal{--modal-from:translateY(var(--sp-3)) scale(.98);width:min(var(--w-form), calc(100vw - 2 * var(--gutter)));color:var(--color-bone);opacity:0;transform:var(--modal-from);transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), overlay var(--dur-base) allow-discrete, display var(--dur-base) allow-discrete;background:0 0;border:0;padding:0;overflow:visible}.ui-modal[open]{opacity:1;transform:none}@starting-style{.ui-modal[open]{opacity:0;transform:var(--modal-from)}}.ui-modal::backdrop{background:color-mix(in srgb, var(--color-ink) 78%, transparent);opacity:0;transition:opacity var(--dur-base) var(--ease-out), overlay var(--dur-base) allow-discrete, display var(--dur-base) allow-discrete}.ui-modal[open]::backdrop{opacity:1}@starting-style{.ui-modal[open]::backdrop{opacity:0}}.ui-modal__panel{--cut:var(--cut-panel);isolation:isolate;max-height:calc(100dvh - 2 * var(--sp-4));background:var(--color-line-2);box-shadow:var(--shadow-panel);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));flex-direction:column;display:flex;position:relative}.ui-modal__panel:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--color-char-2), var(--color-ink-2));clip-path:polygon(0 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% 100%, calc(var(--cut) - .5px) 100%, 0 calc(100% - var(--cut) + .5px));position:absolute;inset:1px}.ui-modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);border-bottom:1px solid var(--color-line);display:flex}.ui-modal__title{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.ui-modal__title:before{content:"";background:var(--color-signal);flex:none;width:6px;height:18px;transform:skew(-14deg)}.ui-modal__actions{align-items:center;margin-inline-start:auto;display:flex}.ui-modal__close{width:calc(var(--sp-7) - var(--sp-1));height:calc(var(--sp-7) - var(--sp-1));color:var(--color-bone-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.ui-modal__close:hover{color:var(--color-bone)}.ui-modal__close svg{width:var(--sp-5);height:var(--sp-5)}.ui-modal__body{overscroll-behavior:contain;min-height:0;padding:var(--sp-5);color:var(--color-bone-dim);flex:1;overflow-y:auto}.ui-modal__foot{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) max(var(--sp-4), env(safe-area-inset-bottom));border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}@media not (min-width:640px){.ui-modal[data-variant=sheet]{--modal-from:translateY(100%);width:100%;max-width:100%;transition-timing-function:var(--ease-drawer);margin:auto 0 0}.ui-modal[data-variant=sheet] .ui-modal__panel{max-height:calc(100dvh - var(--sp-7));clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}.ui-modal[data-variant=sheet] .ui-modal__panel:after{clip-path:polygon(0 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% 100%, 0 100%)}.ui-modal[data-variant=sheet] .ui-modal__body:last-child{padding-bottom:max(var(--sp-5), env(safe-area-inset-bottom))}}.ui-modal[data-variant=drawer]{--modal-from:translateX(100%);width:min(var(--w-form), calc(100vw - var(--sp-7)));max-width:none;height:100dvh;max-height:none;transition-timing-function:var(--ease-drawer);margin:0 0 0 auto}.ui-modal[data-variant=drawer] .ui-modal__panel{height:100%;max-height:none;padding-right:env(safe-area-inset-right);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut))}.ui-modal[data-variant=drawer] .ui-modal__panel:after{clip-path:polygon(calc(var(--cut) - .5px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) - .5px));inset:0 0 0 1px}.ui-modal[data-variant=drawer] .ui-modal__body:last-child{padding-bottom:max(var(--sp-5), env(safe-area-inset-bottom))}.ui-tabs{border-bottom:1px solid var(--color-line)}.ui-tabs__list{gap:var(--sp-1);overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.ui-tabs__list::-webkit-scrollbar{display:none}.ui-tabs__list[data-edges=end]{-webkit-mask-image:linear-gradient(to right, var(--color-ink) calc(100% - var(--sp-7)), transparent);mask-image:linear-gradient(to right, var(--color-ink) calc(100% - var(--sp-7)), transparent)}.ui-tabs__list[data-edges=start]{-webkit-mask-image:linear-gradient(to left, var(--color-ink) calc(100% - var(--sp-7)), transparent);mask-image:linear-gradient(to left, var(--color-ink) calc(100% - var(--sp-7)), transparent)}.ui-tabs__list[data-edges=start\ end]{-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) var(--sp-7), var(--color-ink) calc(100% - var(--sp-7)), transparent);mask-image:linear-gradient(to right, transparent, var(--color-ink) var(--sp-7), var(--color-ink) calc(100% - var(--sp-7)), transparent)}.ui-tabs__tab{align-items:center;gap:var(--sp-2);min-height:calc(var(--sp-7) - var(--sp-1));padding:0 var(--sp-3);color:var(--color-muted);font:600 var(--fs-t2) / var(--lh-t2) var(--font-sans);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);flex:none;text-decoration:none;display:inline-flex;position:relative}.ui-tabs__tab:hover,.ui-tabs__tab[data-current=true]{color:var(--color-bone)}.ui-tabs__tab:focus-visible{outline-offset:-2px}.ui-tabs__tab:after{content:"";inset:auto var(--sp-3) 0;background:var(--color-signal);height:3px;transition:transform var(--dur-fast) var(--ease-out);position:absolute;transform:scaleX(0)}.ui-tabs__tab[data-current=true]:after{transform:scaleX(1)}.ui-tabs__count{min-width:var(--sp-5);padding:0 var(--sp-1);background:var(--color-char-2);color:var(--color-bone-dim);font-size:var(--fs-t4);line-height:var(--lh-t4);text-align:center;clip-path:polygon(var(--cut-chip) 0, 100% 0, calc(100% - var(--cut-chip)) 100%, 0 100%)}.ui-tabs__tab[data-current=true] .ui-tabs__count{background:var(--color-crimson-deep);color:var(--color-on-crimson)}.ui-filter-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ui-filter-chip{isolation:isolate;align-items:center;gap:var(--sp-2);min-height:calc(var(--sp-7) - var(--sp-1));padding:0 var(--sp-4);color:var(--color-bone-dim);font:600 var(--fs-t3) / var(--lh-t3) var(--font-sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out), transform var(--dur-instant) var(--ease-out);display:inline-flex;position:relative}.ui-filter-chip:before{content:"";inset:var(--sp-1) 0;z-index:-1;border:1px solid var(--color-line-2);background:var(--color-char);clip-path:polygon(var(--cut-chip) 0, 100% 0, calc(100% - var(--cut-chip)) 100%, 0 100%);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);position:absolute}.ui-filter-chip:hover{color:var(--color-bone)}.ui-filter-chip:hover:before{border-color:var(--color-line-field)}.ui-filter-chip:active{transform:scale(.97)}.ui-filter-chip[aria-pressed=true]{color:var(--color-ink)}.ui-filter-chip[aria-pressed=true]:before{border-color:var(--color-bone);background:var(--color-bone)}.ui-filter-chip:disabled{cursor:not-allowed;opacity:.5}.ui-filter-chip__dot{width:var(--sp-2);height:var(--sp-2);background:var(--dot,var(--color-muted));border-radius:50%;flex:none}.ui-filter-chip[aria-pressed=true] .ui-filter-chip__dot{box-shadow:0 0 0 1px var(--color-ink)}.ui-filter-chip__dot[data-rarity=C]{--dot:var(--color-rarity-c)}.ui-filter-chip__dot[data-rarity=U]{--dot:var(--color-rarity-u)}.ui-filter-chip__dot[data-rarity=R]{--dot:var(--color-rarity-r)}.ui-filter-chip__dot[data-rarity=SR]{--dot:var(--color-rarity-sr)}.ui-filter-chip__dot[data-rarity=UR]{--dot:var(--color-rarity-ur)}.ui-filter-chip__dot[data-rarity=L]{--dot:var(--color-rarity-l)}.ui-filter-chip[data-tone]:before{border-color:color-mix(in srgb, var(--chip-tone) 75%, transparent)}.ui-filter-chip[data-tone]:hover:before{border-color:var(--chip-tone)}.ui-filter-chip[data-tone][aria-pressed=true]{color:var(--color-bone)}.ui-filter-chip[data-tone][aria-pressed=true]:before{border-color:var(--chip-tone);background:color-mix(in srgb, var(--chip-tone) 32%, var(--color-char));box-shadow:inset 0 0 0 1px var(--chip-tone)}.ui-state{align-items:center;gap:var(--sp-3);max-width:var(--w-form);padding:var(--sp-7) var(--gutter);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.ui-state--loading{text-align:start;max-width:none;padding:0;display:block}.ui-state__art{width:calc(var(--sp-8) + var(--sp-6));aspect-ratio:1;margin-bottom:var(--sp-2);place-items:center;display:grid;position:relative}.ui-state__stamp{color:var(--color-crimson-deep);font:400 calc(var(--sp-8) + var(--sp-5)) / 1 var(--font-brush);place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-8deg)}.ui-state__cat{width:var(--sp-8);height:var(--sp-8);position:relative}.ui-state[data-kind=error] .ui-state__cat{transform:rotate(-10deg) translateY(var(--sp-1))}.ui-state[data-kind=error] .ui-state__stamp{color:var(--color-crimson-btn);opacity:.45}.ui-state__title{text-wrap:balance}.ui-state__lead{max-width:44ch;color:var(--color-bone-dim)}.ui-state__action{margin-top:var(--sp-2)}.ui-skel{background:var(--color-char-2);animation:ui-skel-pulse calc(var(--dur-reveal) * 2) var(--ease-in-out) infinite alternate;display:block}@keyframes ui-skel-pulse{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){:root .ui-modal[data-variant]{--modal-from:none}.ui-tabs__tab:after,.ui-filter-chip{transition:none}.ui-filter-chip:active{transform:none}.ui-skel{animation:none}}html.lite .ui-modal[data-variant]{--modal-from:none}html.lite .ui-skel{animation:none}