@layer components{.mem{font-size:calc(var(--step-0) * 1.05)}.mem .btn{min-block-size:3.2rem;font-size:var(--step-1);padding-inline:1.5rem}.mem .btn--small{min-block-size:2.6rem;font-size:var(--step-0)}.mem .field label,.mem .field>span{font-size:var(--step-0)}.mem .field input:not(:is([type=checkbox],[type=radio])),.mem .field select,.mem .field textarea{font-size:var(--step-1);border-width:2px;border-radius:12px;min-block-size:3.2rem}.mem .field input:not(:is([type=checkbox],[type=radio])):focus,.mem .field select:focus,.mem .field textarea:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.mem .hint{font-size:var(--step--1);color:var(--text-3)}.formcard{gap:var(--space-s);max-inline-size:36rem;padding:var(--space-l);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.formcard>*+*{margin-block-start:0}.formcard h1{font-size:var(--step-3)}.check{font-size:var(--step-0);align-items:start;gap:.7rem;display:flex}.check input{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--accent);flex:none;margin-block-start:.15rem}.hp{position:absolute;inset-inline-start:-9999px}.ava{--h:140;inline-size:var(--s,2.6rem);block-size:var(--s,2.6rem);background:oklch(55% .09 var(--h));color:#fff;font:700 calc(var(--s,2.6rem) * .4) / 1 var(--font-ui);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px oklch(0% 0 0/.15)}.who{color:var(--text);align-items:center;gap:.55rem;min-inline-size:0;text-decoration:none;display:inline-flex}.who b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.who small{color:var(--text-3);font-size:var(--step--2);font-weight:600;display:block}a.who:hover b{text-decoration:underline}.lvl{gap:.35rem;display:grid}.lvl__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.lvl__name{font:650 var(--step-2) / 1.1 var(--font-display)}.lvl__xp{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:800}.lvl__bar{background:var(--card-2);border:1px solid var(--line);border-radius:999px;block-size:.9rem;overflow:hidden}.lvl__bar i{block-size:100%;inline-size:calc(var(--p) * 100%);background:linear-gradient(90deg, var(--gold-bar), var(--rust));border-radius:999px;display:block}.medal{--c:oklch(62% .1 55);text-align:center;border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);justify-items:center;gap:.35rem;padding:.8rem .5rem;display:grid}.medal--srebro{--c:oklch(68% .02 240)}.medal--zloto{--c:oklch(74% .14 85)}.medal__disc{background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--c) 55%, white), var(--c));color:oklch(22% .03 160);block-size:3.6rem;inline-size:3.6rem;box-shadow:0 0 0 4px color-mix(in oklch, var(--c) 30%, transparent), inset 0 -4px 0 oklch(0% 0 0/.15);border-radius:50%;place-items:center;display:grid}.medal__disc svg{block-size:1.6rem;inline-size:1.6rem}.medal b{font-weight:750;line-height:1.2}.medal small{color:var(--text-3);font-size:var(--step--2);line-height:1.3}.medal.is-locked{opacity:.55;filter:grayscale()}.medal.is-new{outline:3px solid var(--gold-bar)}.medals{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.6rem;padding:0;display:grid}.fcard{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);color:var(--text);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.fcard__img{aspect-ratio:1;background:var(--card-2);display:block;overflow:hidden}.fcard__img img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .5s var(--ease-out)}.fcard:hover .fcard__img img{transform:scale(1.04)}.fcard__body{align-content:start;gap:.3rem;padding:.75rem .9rem .9rem;display:grid}.fcard__sp{font:650 var(--step-1) / 1.15 var(--font-display)}.fcard__meta{font-size:var(--step--1);color:var(--text-3);flex-wrap:wrap;gap:.2rem .7rem;display:flex}.fcard__meta b{color:var(--text)}.fcards{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));padding:0;display:grid}.tag--unk{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in oklch, var(--gold) 30%, transparent)}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.6rem;display:grid}.tile{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);padding:.9rem 1rem}.tile b{font:600 var(--step-3) / 1 var(--font-display);font-variant-numeric:tabular-nums;display:block}.tile span{color:var(--text-3);font-size:var(--step--1);font-weight:600}.dex{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:.5rem;padding:0;display:grid}.dex__item{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:14px;text-decoration:none;display:grid;position:relative;overflow:hidden}.dex__img{aspect-ratio:1;background:var(--card-2);place-items:center;display:grid;overflow:hidden}.dex__img img{object-fit:cover;block-size:100%;inline-size:100%}.dex__item.is-missing .dex__img img{filter:grayscale()brightness(.35)contrast(1.4);opacity:.6}.dex__q{color:#fff;background:oklch(20% .02 160/.75);border-radius:50%;place-items:center;block-size:1.7rem;inline-size:1.7rem;font-weight:800;display:grid;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}.dex__ok{background:var(--gold-bar);color:oklch(24% .05 70);border-radius:999px;place-items:center;block-size:1.7rem;min-inline-size:1.7rem;padding-inline:.4rem;font-size:.8rem;font-weight:800;display:grid;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}.dex__name{font-size:var(--step--1);padding:.4rem .5rem .5rem;font-weight:650;line-height:1.2}.dex__item.is-missing .dex__name{color:var(--text-3)}.dex__num{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:var(--step--2);display:block}.rank{inline-size:100%;font-size:var(--step-0)}.rank td,.rank th{vertical-align:middle;padding:.65rem .7rem}.rank__pos{font:600 var(--step-1) / 1 var(--font-display);color:var(--text-3);inline-size:2.5rem}.rank tr:first-child .rank__pos{color:oklch(70% .14 85)}.rank tr:nth-child(2) .rank__pos{color:oklch(65% .02 240)}.rank tr:nth-child(3) .rank__pos{color:oklch(60% .1 55)}.rank__val{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.rank tr.is-me{background:var(--gold-soft)}.tabs{flex-wrap:wrap;gap:.4rem;padding:0;display:flex}.tabs a{border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:.6rem 1.1rem;font-weight:700;text-decoration:none}.tabs a[aria-current=page]{background:var(--forest-deep);border-color:var(--forest-deep);color:#fff}.cmts{gap:.7rem;padding:0;display:grid}.cmt{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;display:grid}.cmt__body{background:var(--card);border:1px solid var(--line);border-radius:4px 16px 16px;padding:.75rem 1rem}.cmt__body p{white-space:pre-line;overflow-wrap:anywhere}.cmt__head{font-size:var(--step--1);flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin-block-end:.2rem;display:flex}.cmt__head a{color:var(--text);font-weight:750}}