@property --accent{syntax:"<color>";inherits:true;initial-value:#7c8cff}@property --accent-2{syntax:"<color>";inherits:true;initial-value:#43e0c6}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --fill{syntax:"<number>";inherits:false;initial-value:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#070a1a;--c-bg-2:#0c1130;--c-surface-1:#ffffff0a;--c-surface-2:#ffffff12;--c-surface-3:#ffffff1c;--c-surface-solid:#121838;--c-border:#ffffff17;--c-border-strong:#ffffff2e;--c-text:#eef1ff;--c-text-2:#b4bbe0;--c-text-3:#7d86b3;--c-text-inverse:#0a0e24;--c-brand-1:#7c8cff;--c-brand-2:#43e0c6;--c-brand-3:#ff7ad9;--c-br-green:#19c37d;--c-br-yellow:#ffd23f;--grad-brand:linear-gradient(100deg, var(--c-brand-1), var(--c-brand-2) 45%, var(--c-brand-3));--grad-br:linear-gradient(100deg, var(--c-br-green), var(--c-br-yellow));--el-fire:#ff6b3d;--el-water:#3aa7ff;--el-grass:#4fd36b;--el-wind:#5ee6c4;--el-ice:#8fe3ff;--el-electric:#ffd23f;--el-rock:#d0a46a;--el-dark:#a077ff;--el-holy:#ffe7a3;--role-dps:#ff5d73;--role-break:#ff9f43;--role-heal:#ff8fd0;--role-energy:#4fd1ff;--role-sup:#6ee7a8;--st-hp:#4fd36b;--st-atk:#ff6b3d;--st-brk:#ff9f43;--st-pdef:#3aa7ff;--st-mdef:#a077ff;--st-regen:#5ee6c4;--cmp-1:#43e0c6;--cmp-2:#ff7ad9;--cmp-3:#ffd23f;--cmp-4:#8f9bff;--c-focus:#ffd23f;--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Chakra Petch", ui-monospace, "Cascadia Mono", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:clamp(2rem, 1.4rem + 2.6vw, 3rem);--fs-hero:clamp(2.6rem, 1.6rem + 5vw, 5rem);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;--tracking-wide:.08em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--gutter:clamp(1rem, .5rem + 2vw, 2rem);--content-max:1240px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;--shadow-1:0 2px 8px #00000040;--shadow-2:0 10px 30px -8px #0000008c;--shadow-3:0 24px 60px -12px #000000b3;--glow:0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent), 0 10px 40px -6px color-mix(in oklab, var(--accent) 55%, transparent);--blur-glass:blur(14px) saturate(140%);--dur-instant:90ms;--dur-fast:.16s;--dur-base:.28s;--dur-slow:.52s;--dur-epic:.9s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-emphasized:cubic-bezier(.3, 0, 0, 1.3);--ease-spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--stagger:45ms;--z-bg:-1;--z-raised:1;--z-sticky:20;--z-overlay:50}[data-el=fire]{--el:var(--el-fire)}[data-el=water]{--el:var(--el-water)}[data-el=grass]{--el:var(--el-grass)}[data-el=wind]{--el:var(--el-wind)}[data-el=ice]{--el:var(--el-ice)}[data-el=electric]{--el:var(--el-electric)}[data-el=rock]{--el:var(--el-rock)}[data-el=dark]{--el:var(--el-dark)}[data-el=holy]{--el:var(--el-holy)}[data-role=dps]{--role:var(--role-dps)}[data-role=break]{--role:var(--role-break)}[data-role=heal]{--role:var(--role-heal)}[data-role=energy]{--role:var(--role-energy)}[data-role=sup]{--role:var(--role-sup)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-epic:1ms;--stagger:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}dialog{margin:auto}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-tight);font-weight:var(--fw-semibold)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:color-mix(in oklab, var(--accent) 60%, transparent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100% - 2 * var(--gutter), var(--content-max));margin-inline:auto}.sky{z-index:var(--z-bg);pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%), linear-gradient(180deg, var(--c-bg-2), var(--c-bg) 70%);transition:--accent var(--dur-epic) var(--ease-standard), --accent-2 var(--dur-epic) var(--ease-standard);position:fixed;inset:0;overflow:hidden}.sky__aurora{aspect-ratio:1;filter:blur(80px);opacity:.35;width:70vmax;animation:aurora-drift 26s var(--ease-standard) infinite alternate;border-radius:50%;position:absolute}.sky__aurora:first-child{background:var(--accent);top:-30vmax;left:-20vmax}.sky__aurora:nth-child(2){background:var(--accent-2);animation-duration:32s;animation-delay:-8s;top:20vh;right:-35vmax}.sky__aurora:nth-child(3){background:var(--c-brand-3);opacity:.18;animation-duration:38s;animation-delay:-16s;bottom:-45vmax;left:20vw}.sky__stars,.sky__stars:after{opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 72% 12%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 38% 62%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 86% 48%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 22% 84%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 58% 28%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 94% 88%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 6% 52%,#fff 50%,#0000 51%);background-size:480px 480px;animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.sky__stars:after{content:"";opacity:.4;background-position:120px 80px;background-size:310px 310px;animation-delay:-3s}@keyframes aurora-drift{0%{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate(8vw,6vh)scale(1.15)rotate(40deg)}to{transform:translate(-6vw,10vh)scale(.95)rotate(80deg)}}@keyframes twinkle{0%{opacity:.25}to{opacity:.65}}@media (hover:none),(width<=900px){:root{--blur-glass:none;--c-surface-1:#141a3cb8;--c-surface-2:#1e254ecc}.sky__aurora{filter:blur(50px);opacity:.28;animation-duration:40s}}@media (hover:none){.sky__aurora{animation:none}}.rise{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger))}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.icon{flex:none;width:1.25em;height:1.25em}.chip{--c:var(--el,var(--role,var(--c-text-2)));align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--c);background:color-mix(in oklab, var(--c) 14%, transparent);border:1px solid color-mix(in oklab, var(--c) 30%, transparent);white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-standard), color var(--dur-fast);padding:.28em .7em .28em .5em;display:inline-flex}.chip .icon{width:1.3em;height:1.3em}.chip--lg{font-size:var(--fs-sm);padding:.4em .95em .4em .65em}button.chip{cursor:pointer}button.chip:hover{background:color-mix(in oklab, var(--c) 22%, transparent);transform:translateY(-2px)}button.chip:active{transform:scale(.94)}button.chip[aria-pressed=true]{color:var(--c-text-inverse);background:var(--c);box-shadow:0 0 0 3px color-mix(in oklab, var(--c) 25%, transparent), 0 6px 22px -4px var(--c);animation:chip-pop var(--dur-slow) var(--ease-spring);border-color:#0000}@keyframes chip-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-pill);font-weight:var(--fw-semibold);font-size:var(--fs-sm);background:var(--c-surface-2);border:1px solid var(--c-border);transition:transform var(--dur-base) var(--ease-spring), background var(--dur-fast), box-shadow var(--dur-base);display:inline-flex}.btn:hover{background:var(--c-surface-3);transform:translateY(-2px)}.btn:active{transform:scale(.96)}.btn--primary{color:var(--c-text-inverse);background:var(--grad-brand);box-shadow:0 8px 26px -8px var(--c-brand-1);background-size:200% 100%;border:0;animation:6s linear infinite sheen}.btn--primary:hover{background:var(--grad-brand);box-shadow:0 12px 32px -8px var(--c-brand-2);background-size:200% 100%}.btn--icon{width:44px;padding:0}@keyframes sheen{to{background-position:200% 0}}.search{flex:280px;align-items:center;display:flex;position:relative}.search .icon{left:var(--sp-4);color:var(--c-text-3);pointer-events:none;transition:color var(--dur-fast);position:absolute}.search input{width:100%;min-height:48px;padding:0 var(--sp-4) 0 calc(var(--sp-4) * 2.8);border-radius:var(--r-pill);background:var(--c-surface-1);border:1px solid var(--c-border);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);transition:border-color var(--dur-fast), box-shadow var(--dur-base), background var(--dur-fast);outline:none}.search input::placeholder{color:var(--c-text-3)}.search input:focus{border-color:color-mix(in oklab, var(--c-brand-2) 70%, transparent);background:var(--c-surface-2);box-shadow:0 0 0 4px color-mix(in oklab, var(--c-brand-2) 18%, transparent)}.search:focus-within .icon{color:var(--c-brand-2)}.select{min-height:48px;padding:0 var(--sp-8) 0 var(--sp-4);border-radius:var(--r-pill);background:var(--c-surface-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4bbe0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;border:1px solid var(--c-border);appearance:none;cursor:pointer}.select option{background:var(--c-surface-solid)}.tabs{gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-pill);background:var(--c-surface-1);border:1px solid var(--c-border);overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;max-width:100%;display:inline-flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__ind{top:var(--sp-1);bottom:var(--sp-1);border-radius:var(--r-pill);background:color-mix(in oklab, var(--accent) 30%, var(--c-surface-3));width:0;box-shadow:0 0 18px -4px var(--accent);transition:translate var(--dur-slow) var(--ease-spring), width var(--dur-slow) var(--ease-spring);position:absolute;left:0}.tab{z-index:1;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-2);white-space:nowrap;transition:color var(--dur-fast);position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--c-text)}.tab__count{opacity:.6;font-family:var(--font-mono);margin-left:.3em}.dexnum{font-family:var(--font-mono);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);color:var(--c-text-3)}.dexnum:before{content:"Nº ";opacity:.6}.stage{color:var(--c-br-yellow);align-items:center;gap:2px;display:inline-flex}.stage .icon{filter:drop-shadow(0 0 4px);width:.9em;height:.9em}.stage .icon:nth-child(n){animation:star-in var(--dur-slow) var(--ease-spring) both}.stage .icon:nth-child(2){animation-delay:80ms}.stage .icon:nth-child(3){animation-delay:.16s}@keyframes star-in{0%{opacity:0;transform:scale(0)rotate(-90deg)}}.card-slot{opacity:0}.card-slot.is-in{animation:card-in var(--dur-slow) var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.9)rotateX(20deg)}to{opacity:1;transform:none}}.card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--o:0;--accent:var(--card-color,var(--c-brand-1));height:100%;padding:var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-lg);isolation:isolate;background:radial-gradient(90% 60% at 50% 38%, color-mix(in oklab, var(--accent) 38%, transparent), transparent 70%), linear-gradient(165deg, color-mix(in oklab, var(--accent) 18%, var(--c-surface-solid)), var(--c-surface-solid) 70%);border:1px solid color-mix(in oklab, var(--accent) 22%, var(--c-border));box-shadow:var(--shadow-2);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform var(--dur-epic) var(--ease-spring), box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base);will-change:transform;flex-direction:column;display:flex;position:relative;overflow:hidden}.card.is-tilting{transition:transform 80ms linear, box-shadow var(--dur-base)}.card:hover,.card:focus-visible{box-shadow:var(--shadow-3), 0 0 0 1px color-mix(in oklab, var(--accent) 60%, transparent), 0 18px 50px -10px color-mix(in oklab, var(--accent) 70%, transparent);border-color:color-mix(in oklab, var(--accent) 60%, transparent)}.card:active{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(.97)}.card__top{font-size:var(--fs-xs);z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.card__els{gap:4px;display:flex}.card__el{width:26px;height:26px;color:var(--el);background:color-mix(in oklab, var(--el) 16%, #0000004d);box-shadow:0 0 12px -2px var(--el);border-radius:50%;place-items:center;display:grid}.card__el .icon{width:15px;height:15px}.card__stage{aspect-ratio:1;margin:var(--sp-1) 0;place-items:center;display:grid;position:relative}.card__aura{background:conic-gradient(from var(--spin), transparent, color-mix(in oklab, var(--accent) 70%, white) 20%, transparent 40%, color-mix(in oklab, var(--accent) 50%, transparent) 70%, transparent);opacity:.35;transition:opacity var(--dur-base), inset var(--dur-slow) var(--ease-spring);border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:12%;-webkit-mask:radial-gradient(closest-side,#0000 86%,#000 88% 98%,#0000);mask:radial-gradient(closest-side,#0000 86%,#000 88% 98%,#0000)}.card:hover .card__aura{opacity:1;animation-duration:3s;inset:6%}@keyframes spin{to{--spin:360deg}}.card__art{object-fit:contain;filter:drop-shadow(0 12px 16px #00000073);width:86%;height:86%;animation:5s ease-in-out infinite float;animation-delay:var(--float-delay,0s);transition:scale var(--dur-slow) var(--ease-spring);position:relative;transform:translateZ(40px)}.card:hover .card__art{scale:1.1}@keyframes float{0%,to{translate:0}50%{translate:0 -6px}}.card__name{overflow-wrap:anywhere;z-index:2;font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-shadow:0 2px 10px #00000080;position:relative}.card__meta{z-index:2;justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);display:flex;position:relative}.card__forms{z-index:2;font-size:.68rem;font-weight:var(--fw-bold);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;padding:2px 8px;position:absolute;bottom:2px;right:0}.card__glare,.card__holo{pointer-events:none;border-radius:inherit;z-index:3;position:absolute;inset:0}.card__glare{background:radial-gradient(circle at var(--mx) var(--my), #fff6, #ffffff14 25%, transparent 55%);mix-blend-mode:overlay;opacity:var(--o);transition:opacity var(--dur-base)}.card__holo{background:repeating-linear-gradient(115deg,#ff7ad9 0%,#ffd23f 6%,#43e0c6 12%,#7c8cff 18%,#ff7ad9 24%) 0 0/300% 300%,repeating-linear-gradient(45deg,#ffffff14 0 2px,#0000 2px 6px) 0 0/100% 100%;background-position:var(--mx) var(--my), center;mix-blend-mode:color-dodge;opacity:calc(var(--o) * .28);filter:brightness(.8)contrast(1.4)saturate(1.2);transition:opacity var(--dur-base)}.card:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:-50% -100%;translate:-60%}.card:hover:after{animation:sweep .9s var(--ease-standard)}@keyframes sweep{to{translate:60%}}.stat{--c:var(--c-brand-1);align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);grid-template-columns:minmax(4.6rem,auto) 3ch 1fr;display:grid}.stat__label{font-family:var(--font-mono);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--c-text-2)}.stat__value{font-family:var(--font-mono);font-weight:var(--fw-semibold);text-align:right;font-variant-numeric:tabular-nums}.stat__track{border-radius:var(--r-pill);background:var(--c-surface-2);height:10px;position:relative;overflow:hidden}.stat__fill{width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--c) 45%, transparent), var(--c));box-shadow:0 0 14px -2px var(--c);transform-origin:0;animation:bar-fill var(--dur-epic) var(--ease-spring) both;animation-delay:calc(var(--i,0) * 90ms + .15s);position:absolute;inset:0;overflow:hidden}.stat__fill:after{content:"";animation:bar-shine 2.8s var(--ease-standard) infinite;animation-delay:calc(var(--i,0) * 90ms + 1.1s);background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;inset:0;translate:-100%}@keyframes bar-fill{0%{transform:scaleX(0)}}@keyframes bar-shine{40%,to{translate:100%}}.stat[data-stat=hp]{--c:var(--st-hp)}.stat[data-stat=atk]{--c:var(--st-atk)}.stat[data-stat=brk]{--c:var(--st-brk)}.stat[data-stat=pdef]{--c:var(--st-pdef)}.stat[data-stat=mdef]{--c:var(--st-mdef)}.stat[data-stat=regen]{--c:var(--st-regen)}.panel{padding:var(--sp-6);border-radius:var(--r-lg);background:var(--c-surface-1);border:1px solid var(--c-border);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);position:relative}@media (width<=560px){.panel{padding:var(--sp-4)}.skill{gap:var(--sp-3);padding:var(--sp-3);grid-template-columns:44px minmax(0,1fr)}.skill__icon{width:44px;height:44px}.skill__icon img{width:34px;height:34px}}.panel__title{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-xl);display:flex}.panel__title:before{content:"";border-radius:var(--r-pill);background:linear-gradient(var(--accent), var(--accent-2));width:6px;height:1.1em;box-shadow:0 0 12px var(--accent)}.skill{--el:var(--c-text-2);gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:linear-gradient(100deg, color-mix(in oklab, var(--el) 10%, transparent), transparent 60%), var(--c-surface-1);border:1px solid var(--c-border);border-left:3px solid color-mix(in oklab, var(--el) 80%, transparent);transition:transform var(--dur-base) var(--ease-spring), background var(--dur-base), box-shadow var(--dur-base);grid-template-columns:56px minmax(0,1fr);display:grid}.skill:hover{background:linear-gradient(100deg, color-mix(in oklab, var(--el) 18%, transparent), transparent 70%), var(--c-surface-2);box-shadow:-8px 0 24px -12px var(--el);transform:translate(4px)}.skill__icon{background:radial-gradient(circle, color-mix(in oklab, var(--el) 35%, transparent), #00000059 70%);width:56px;height:56px;box-shadow:0 0 0 1px color-mix(in oklab, var(--el) 40%, transparent), 0 0 20px -6px var(--el);border-radius:50%;place-items:center;display:grid;position:relative}.skill__icon img{object-fit:contain;width:44px;height:44px;transition:transform var(--dur-slow) var(--ease-spring)}.skill:hover .skill__icon img{transform:scale(1.15)rotate(-6deg)}.skill__icon:after{content:"";border:1px dashed color-mix(in oklab, var(--el) 50%, transparent);border-radius:50%;animation:12s linear infinite spin-rot;position:absolute;inset:-4px}@keyframes spin-rot{to{rotate:360deg}}.skill__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.skill__desc{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-text-2)}.skill__meta{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.skill__num{border-radius:var(--r-sm);font-size:var(--fs-xs);background:var(--c-surface-2);color:var(--c-text-2);align-items:baseline;gap:.35em;padding:.2em .65em;display:inline-flex}.skill__num b{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text)}.kw{color:var(--c-br-yellow);font-weight:var(--fw-semibold)}.empty{justify-items:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-4);text-align:center;color:var(--c-text-2);display:grid}.empty__orb{background:radial-gradient(circle at 35% 30%, #fff8, transparent 30%), conic-gradient(from var(--spin), var(--c-brand-1), var(--c-brand-2), var(--c-brand-3), var(--c-brand-1));width:90px;height:90px;box-shadow:0 0 40px -6px var(--c-brand-2);border-radius:50%;animation:4s linear infinite spin,3s ease-in-out infinite float}.scroller{--fade:44px;width:fit-content;min-width:0;max-width:100%;position:relative}.scroller>:first-child{max-width:100%}.scroller[data-right]>:first-child{-webkit-mask:linear-gradient(90deg, #000 calc(100% - var(--fade)), transparent);mask:linear-gradient(90deg, #000 calc(100% - var(--fade)), transparent)}.scroller[data-left]>:first-child{-webkit-mask:linear-gradient(90deg, transparent, #000 var(--fade));mask:linear-gradient(90deg, transparent, #000 var(--fade))}.scroller[data-left][data-right]>:first-child{-webkit-mask:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent)}.scroller__btn{z-index:2;width:30px;height:30px;color:var(--c-text);background:color-mix(in oklab, var(--c-surface-solid) 85%, var(--accent));border:1px solid var(--c-border-strong);box-shadow:var(--shadow-1), 0 0 14px -4px var(--accent);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard), scale var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;margin-top:-15px;display:grid;position:absolute;top:50%;scale:.6}.scroller__btn svg{width:16px;height:16px}.scroller__btn--l{left:-4px}.scroller__btn--r{right:-4px}.scroller[data-left] .scroller__btn--l,.scroller[data-right] .scroller__btn--r{opacity:1;pointer-events:auto;scale:1}.scroller[data-right] .scroller__btn--r svg{animation:nudge-r 1.6s var(--ease-standard) infinite}.scroller[data-left] .scroller__btn--l svg{animation:nudge-l 1.6s var(--ease-standard) infinite}@keyframes nudge-r{0%,60%,to{translate:0}30%{translate:3px}}@keyframes nudge-l{0%,60%,to{translate:0}30%{translate:-3px}}.scroller__btn:active{scale:.9}@media (hover:none){.grid{perspective:none}.card{transform-style:flat;will-change:auto;transition:box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base), scale var(--dur-base) var(--ease-spring);transform:none}.card:active{transform:scale(.97)}.card__glare,.card__holo,.card:after{display:none}.card__art{transform:none}.card:hover .card__art{scale:1}.card__aura,.card:hover .card__aura{opacity:.45;animation:none;inset:12%}.card__forms{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009}@keyframes card-in{0%{opacity:0;transform:translateY(28px)scale(.94)}to{opacity:1;transform:none}}}.card-slot:not(.is-onscreen) .card__art,.card-slot:not(.is-onscreen) .card__aura{animation-play-state:paused}.masthead{padding-block:clamp(2rem, 1rem + 5vw, 4.5rem) var(--sp-8);text-align:center}.logo{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-bold);letter-spacing:-.01em;align-items:flex-start;gap:.08em;line-height:1;display:inline-flex}.logo__word{filter:drop-shadow(0 6px 30px color-mix(in oklab, var(--c-brand-1) 50%, transparent))}@property --sheen{syntax:"<length>";inherits:true;initial-value:0}.logo__word{animation:7s linear infinite sheen-move}.logo__word .l{background-image:linear-gradient(100deg, var(--c-brand-1), var(--c-brand-2) 33%, var(--c-brand-3) 66%, var(--c-brand-1));background-size:8em 100%;background-position:calc(var(--sheen) - var(--i) * .62em) 0;color:#0000;animation:letter-drop var(--dur-epic) var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes sheen-move{to{--sheen:8em}}.w{white-space:nowrap;display:inline-block}.logo__br{color:var(--c-text-inverse);background:var(--grad-br);box-shadow:0 6px 24px -6px var(--c-br-green);animation:br-pop 1s var(--ease-spring) .7s both, br-wiggle 5s ease-in-out 2s infinite;border-radius:.28em;margin-top:.2em;padding:.12em .32em;font-size:.36em;transform:rotate(-8deg)}@keyframes letter-drop{0%{opacity:0;transform:translateY(-.6em)rotate(-12deg)scale(.6)}to{opacity:1;transform:none}}@keyframes br-pop{0%{transform:rotate(-40deg)scale(0)}}@keyframes br-wiggle{0%,90%,to{transform:rotate(-8deg)}93%{transform:rotate(6deg)scale(1.1)}96%{transform:rotate(-12deg)}}.masthead__tagline{margin-top:var(--sp-3);color:var(--c-text-2);font-size:var(--fs-lg)}.masthead__counters{justify-content:center;gap:var(--sp-3) var(--sp-8);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.counter{justify-items:center;display:grid}.counter b{font-family:var(--font-mono);font-size:var(--fs-2xl);color:var(--c-text);font-variant-numeric:tabular-nums;line-height:1}.counter span{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-text-3)}.toolbar{z-index:var(--z-sticky);padding-block:var(--sp-3);margin-bottom:var(--sp-6);position:sticky;top:0}.toolbar:before{content:"";background:color-mix(in oklab, var(--c-bg) 72%, transparent);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--c-border);opacity:0;transition:opacity var(--dur-base);z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.toolbar.is-stuck:before{opacity:1}@media (width<=640px){.toolbar{margin-bottom:var(--sp-4);position:relative}.toolbar .search{flex-basis:100%}.toolbar .select{flex:1 1 0;min-width:0}.masthead__tagline{font-size:var(--fs-md)}}.toolbar__row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar__row+.toolbar__row{margin-top:var(--sp-3)}.chips{gap:var(--sp-2);scrollbar-width:none;margin:-6px -2px;padding:6px 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.toolbar__sep{background:var(--c-border);align-self:stretch;width:1px}.results{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-3);display:flex}.results b{color:var(--c-text);font-family:var(--font-mono)}.link-btn{color:var(--c-brand-2);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.link-btn:hover{text-decoration:underline}.grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(.75rem,.4rem + 1.2vw,1.5rem);display:grid}@media (width<=520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card__name{font-size:var(--fs-md)}}.detail{padding-block:var(--sp-4) var(--sp-16)}.detail__nav{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--sp-2);padding-block:var(--sp-3);display:flex;position:sticky;top:0}.detail__nav:before{content:"";background:color-mix(in oklab, var(--c-bg) 70%, transparent);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);z-index:-1;position:absolute;inset:0 calc(50% - 50vw);-webkit-mask:linear-gradient(#000 60%,#0000);mask:linear-gradient(#000 60%,#0000)}.pager{gap:var(--sp-2);display:flex}.pager .btn{max-width:44vw}.pager .btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.pager .btn span{display:none}.pager .btn{width:44px;padding:0}}.detail__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(1.5rem,1rem + 3vw,4rem);display:grid}@media (width<=900px){.detail__grid{grid-template-columns:minmax(0,1fr)}}.hero{min-width:0;position:sticky;top:76px}@media (width<=900px){.hero{position:relative;top:0}.hero__stage{width:min(100%,420px,52vh)}}.hero__stage{aspect-ratio:1;place-items:center;width:min(100%,72vh);min-height:0;margin-inline:auto;display:grid;position:relative;overflow:visible}.hero__glow{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 55%, transparent), color-mix(in oklab, var(--accent-2) 18%, transparent) 45%, transparent 70%);filter:blur(20px);border-radius:50%;animation:5s ease-in-out infinite breathe;position:absolute;inset:8%}@keyframes breathe{50%{opacity:.8;transform:scale(1.08)}}.hero__ring{border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);border-radius:50%;animation:30s linear infinite spin-rot;position:absolute}.hero__ring--1{inset:0}.hero__ring--2{border-style:dashed;border-color:color-mix(in oklab, var(--accent-2) 40%, transparent);animation-duration:45s;animation-direction:reverse;inset:6%}.hero__ring--3{inset:16%}.hero__ring--4{background:conic-gradient(from var(--spin), transparent 0 70%, color-mix(in oklab, var(--accent) 80%, white) 85%, transparent 90%);border:0;animation:6s linear infinite spin;inset:2%;-webkit-mask:radial-gradient(closest-side,#0000 97%,#000 98% 99.5%,#0000);mask:radial-gradient(closest-side,#0000 97%,#000 98% 99.5%,#0000)}.hero__ring:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px 2px var(--accent);border-radius:50%;position:absolute;top:-4px;left:50%}.hero__ring--4:before{display:none}.hero__pedestal{background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 60%, transparent), transparent);filter:blur(6px);border-radius:50%;width:60%;height:12%;animation:5s ease-in-out infinite pedestal;position:absolute;bottom:10%}@keyframes pedestal{50%{opacity:.6;transform:scaleX(.82)}}.hero__figure{z-index:2;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:100%;min-height:0;animation:6s ease-in-out infinite hero-float;display:grid;position:relative}.hero__figure.is-entering{animation:hero-in 1.1s var(--ease-spring) both, hero-float 6s ease-in-out 1.1s infinite}.hero__art,.hero__anim{filter:drop-shadow(0 30px 30px #00000080) drop-shadow(0 0 40px color-mix(in oklab, var(--accent) 40%, transparent));transition:opacity var(--dur-slow) var(--ease-standard), scale var(--dur-slow) var(--ease-spring)}.hero__art{object-fit:contain;width:78%;height:78%}.hero__anim{object-fit:contain;opacity:0;width:112%;height:112%;position:absolute;inset:-6%;scale:.92}.hero__figure.is-live .hero__anim{opacity:1;scale:1}.hero__figure.is-live .hero__art{opacity:0;scale:1.06}.hero__figure.is-loading .hero__art{opacity:0;transition:none}.hero__figure:after{content:"";background:conic-gradient(from var(--spin), transparent 0 60%, var(--accent) 85%, #fff 100%);width:56px;height:56px;filter:drop-shadow(0 0 8px var(--accent));opacity:0;pointer-events:none;transition:opacity var(--dur-base), scale var(--dur-base) var(--ease-spring);border-radius:50%;animation:.9s linear infinite spin;position:absolute;scale:.6;-webkit-mask:radial-gradient(closest-side,#0000 72%,#000 76%);mask:radial-gradient(closest-side,#0000 72%,#000 76%)}.hero__figure.is-loading:after{opacity:1;transition-delay:.15s;scale:1}.hero__actions .tab{align-items:center;gap:var(--sp-2);display:inline-flex}.hero__actions .tab .icon{width:1em;height:1em}@keyframes hero-in{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:none}}@keyframes hero-float{0%,to{translate:0;rotate:0deg}50%{translate:0 -14px;rotate:1deg}}.hero__actions{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask:radial-gradient(circle,#000 45%,#0000 70%);mask:radial-gradient(circle,#000 45%,#0000 70%)}.pt{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:0;animation:var(--anim,pt-rise) var(--dur) linear var(--delay) infinite;position:absolute}@keyframes pt-rise{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}to{transform:translate(var(--dx), -40vh) scale(.2);opacity:0}}@keyframes pt-bubble{0%{opacity:0;transform:translate(0)}15%{opacity:.9}50%{transform:translate(calc(var(--dx) * -1), -20vh)}to{transform:translate(var(--dx), -40vh);opacity:0}}@keyframes pt-fall{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{transform:translate(var(--dx), 45vh) rotate(var(--rot,360deg));opacity:0}}@keyframes pt-streak{0%{opacity:0;transform:translate(-30vw)scaleX(.4)}30%{opacity:.9}to{opacity:0;transform:translate(40vw)scaleX(1)}}@keyframes pt-flash{0%,70%,to{opacity:0;transform:scale(.4) rotate(var(--rot))}74%{opacity:1;transform:scale(1.2) rotate(var(--rot))}78%{opacity:.2}82%{opacity:1}}@keyframes pt-twinkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}.particles[data-el=fire] .pt{--anim:pt-rise;background:radial-gradient(circle at 30% 30%, #fff3c4, var(--el-fire) 45%, transparent 75%);filter:blur(.4px);border-radius:50% 50% 50% 0;rotate:-45deg}.particles[data-el=water] .pt{--anim:pt-bubble;border:1.5px solid color-mix(in oklab, var(--el-water) 80%, white);background:radial-gradient(circle at 30% 30%,#fff9 10%,#0000 30%);border-radius:50%}.particles[data-el=grass] .pt{--anim:pt-fall;background:linear-gradient(135deg, #b9f7a4, var(--el-grass));border-radius:0 100%;--y:-8%!important}.particles[data-el=wind] .pt{--anim:pt-streak;width:calc(var(--s) * 6);background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--el-wind) 80%, white));border-radius:2px;height:2px}.particles[data-el=ice] .pt{--anim:pt-fall;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px var(--el-ice));background:#e8fbff;--y:-8%!important}.particles[data-el=electric] .pt{--anim:pt-flash;width:3px;height:calc(var(--s) * 3);background:linear-gradient(#fff, var(--el-electric));box-shadow:0 0 10px var(--el-electric);clip-path:polygon(0 0,100% 30%,20% 55%,100% 100%,0 60%,80% 40%);width:calc(var(--s) * 1.2)}.particles[data-el=rock] .pt{--anim:pt-fall;clip-path:polygon(20% 0,80% 10%,100% 60%,60% 100%,0 80%);background:linear-gradient(135deg, #f1d7ae, var(--el-rock) 60%, #6d5433);--y:-8%!important}.particles[data-el=dark] .pt{--anim:pt-twinkle;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:color-mix(in oklab, var(--el-dark) 50%, white);filter:drop-shadow(0 0 4px var(--el-dark))}.particles[data-el=holy] .pt{--anim:pt-rise;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);filter:drop-shadow(0 0 5px var(--el-holy));background:#fffbe8}.detail--refresh .rise,.detail--refresh .info__name .l,.detail--refresh .hero__figure.is-entering,.detail--refresh .evo__node{animation:none}.detail--refresh .hero__figure{animation:6s ease-in-out infinite hero-float}.info{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.info__head{gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}.info__name{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:-.01em;text-shadow:0 0 40px color-mix(in oklab, var(--accent) 60%, transparent)}.info__name .l{animation:letter-drop .8s var(--ease-spring) both;animation-delay:calc(var(--i) * 35ms + .1s);display:inline-block}.info__alt{font-size:var(--fs-sm);color:var(--c-text-3)}.info__alt i{color:var(--c-text-2);font-style:normal}.info__chips{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.info__desc{font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--c-text-2);padding-left:var(--sp-4);border-left:2px solid color-mix(in oklab, var(--accent) 60%, transparent)}.stats{gap:var(--sp-6);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;display:grid}@media (width<=560px){.stats{grid-template-columns:minmax(0,1fr);justify-items:center}.stats__bars{width:100%}.radar{max-width:220px}}.radar{width:100%;max-width:240px;overflow:visible}.radar__grid{fill:none;stroke:var(--c-border-strong);stroke-width:1px}.radar__grid:nth-child(odd){fill:#ffffff05}.radar__axis{stroke:var(--c-border)}.radar__shape{fill:color-mix(in oklab, var(--accent) 40%, transparent);stroke:color-mix(in oklab, var(--accent) 85%, white);stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 10px var(--accent))}.radar__dot{fill:#fff;filter:drop-shadow(0 0 4px var(--accent))}.radar__label{fill:var(--c-text-2);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;font-weight:600}.stats__bars{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.stats__total{padding-top:var(--sp-3);margin-top:var(--sp-1);border-top:1px dashed var(--c-border-strong);justify-content:space-between;align-items:baseline;display:flex}.stats__total span{font-family:var(--font-mono);color:var(--c-text-2);letter-spacing:.04em;font-weight:600}.stats__total b{font-family:var(--font-mono);font-size:var(--fs-2xl);background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.skills__list{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.skills__list>*{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.scroller:has(>.evo){width:100%}.evo{padding:var(--sp-2) 0 var(--sp-3);scrollbar-width:thin;overflow-x:auto}.evo__tree{align-items:center;width:max-content;margin-inline:auto;display:flex}.evo__branch{align-items:center;display:flex}.evo__kids{gap:var(--sp-3);display:grid;position:relative}.evo__link{width:clamp(28px,5vw,56px);height:2px;margin-inline:var(--sp-2);background:repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 12px);opacity:.8;background-size:24px 2px;animation:.8s linear infinite flow;position:relative}.evo__link:after{content:"";border:5px solid #0000;border-left:7px solid var(--accent);position:absolute;top:-4px;right:-2px}@keyframes flow{to{background-position:24px 0}}.evo__node{justify-items:center;gap:var(--sp-1);text-align:center;width:92px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-2);transition:transform var(--dur-base) var(--ease-spring), color var(--dur-fast);animation:rise var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--i,0) * .12s + .2s);display:grid}a.evo__node:hover{color:var(--c-text);transform:translateY(-4px)scale(1.05)}.evo__avatar{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 25%, transparent), var(--c-surface-2));border:1px solid var(--c-border-strong);border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative;overflow:hidden}.evo__avatar img{object-fit:cover;width:100%;height:100%}.evo__node[aria-current=page]{color:var(--c-text)}.evo__node[aria-current=page] .evo__avatar{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent), 0 0 24px var(--accent)}.evo__node[aria-current=page] .evo__avatar:after{content:"";border:2px solid var(--accent);animation:ping 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-1px}@keyframes ping{to{opacity:0;transform:scale(1.5)}}.evo__stage{color:var(--c-text-3);font-size:.65rem;font-weight:var(--fw-medium)}.habitats{gap:var(--sp-2);flex-wrap:wrap;display:flex}.habitats .chip{--c:var(--c-brand-2)}.ds{gap:var(--sp-8);padding-block:var(--sp-6) var(--sp-16);grid-template-columns:minmax(0,1fr);display:grid}.ds__intro{max-width:70ch;color:var(--c-text-2)}.ds h1{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.ds h3{font-size:var(--fs-md);margin:var(--sp-5) 0 var(--sp-3);color:var(--c-text-2);font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--fs-xs)}.swatches{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.swatch{border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface-1);font-size:var(--fs-xs);overflow:hidden}.swatch__color{background:var(--sw);height:64px;box-shadow:inset 0 -20px 30px -20px #0006}.swatch__meta{padding:var(--sp-2) var(--sp-3);display:grid}.swatch__meta code{font-family:var(--font-mono);color:var(--c-text-3);font-size:.7rem}.type-row{align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-2);border-bottom:1px dashed var(--c-border);display:flex;overflow:hidden}.type-row code{width:5.5rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-3);flex:none}.radii{gap:var(--sp-4);flex-wrap:wrap;display:flex}.radii div{background:var(--c-surface-2);border:1px solid var(--c-border-strong);width:84px;height:84px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-2);place-items:center;display:grid}.motion-demo{gap:var(--sp-3);display:grid}.motion-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);grid-template-columns:9rem 1fr;display:grid}.motion-row code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-2)}.motion-track{border-radius:var(--r-pill);background:var(--c-surface-1);border:1px solid var(--c-border);height:28px;position:relative}.motion-ball{background:var(--grad-brand);width:20px;height:20px;box-shadow:0 0 12px var(--c-brand-2);transition:left 1s var(--e);border-radius:50%;position:absolute;top:3px;left:3px}.motion-demo.is-playing .motion-ball{left:calc(100% - 23px)}.ds-demo{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.ds-card{width:210px}.footer{padding-block:var(--sp-10);border-top:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-3);text-align:center}.footer p+p{margin-top:var(--sp-2)}.footer a{color:var(--c-text-2);text-underline-offset:3px;text-decoration:underline}.footer a:hover{color:var(--c-brand-2)}.boot{place-items:center;gap:var(--sp-4);min-height:80vh;color:var(--c-text-2);display:grid}.vt-page::view-transition-old(root){animation-duration:.32s;animation-timing-function:linear}.vt-page::view-transition-new(root){animation-duration:.32s;animation-timing-function:linear}.vt-page::view-transition-group(hero-art){animation-duration:.65s;animation-timing-function:var(--ease-spring);z-index:10}.vt-page::view-transition-old(hero-art){object-fit:contain;height:100%;animation-duration:.38s;animation-timing-function:linear}.vt-page::view-transition-new(hero-art){object-fit:contain;height:100%;animation-duration:.38s;animation-timing-function:linear}.vt-filter::view-transition-old(root){animation:none}.vt-filter::view-transition-new(root){animation:none}.vt-filter .card-slot:not([hidden]){view-transition-name:var(--vtn)}.vt-filter::view-transition-group(*){animation-duration:.48s;animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.cmp{padding-block:var(--sp-4) var(--sp-16);position:relative}.cmp__head{margin-block:var(--sp-4) var(--sp-6)}.cmp__title{align-items:center;gap:var(--sp-3);font-size:var(--fs-3xl);display:flex}.cmp__title .icon{width:1em;height:1em;color:var(--cmp-1);filter:drop-shadow(0 0 10px var(--cmp-1))}.cmp__head p{margin-top:var(--sp-2);color:var(--c-text-2)}.cmp__content,.cmp__body{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}.cmp__body[hidden]{display:none}.cmp__hint{text-align:center;color:var(--c-text-2);padding:var(--sp-6) 0}.supporter-badge{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--c-text-inverse);background:var(--grad-br);box-shadow:0 6px 20px -8px var(--c-br-green);padding:.3em .8em;display:inline-flex}.supporter-badge .icon{width:1.1em;height:1.1em}.cmp__slots{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=720px){.cmp__slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.cmp-slot{--accent:var(--card-color,var(--slot));min-height:210px;padding:var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-lg);text-align:center;background:radial-gradient(80% 55% at 50% 35%, color-mix(in oklab, var(--accent) 35%, transparent), transparent 70%), var(--c-surface-solid);border:1px solid color-mix(in oklab, var(--slot) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--slot) 20%, transparent), 0 14px 34px -14px var(--slot);transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-base);align-content:start;justify-items:center;gap:2px;display:grid;position:relative}.cmp-slot:before{content:"";background:var(--slot);height:3px;box-shadow:0 0 12px var(--slot);border-radius:0 0 4px 4px;position:absolute;inset:0 22% auto}.cmp-slot.is-new{animation:slot-in var(--dur-slow) var(--ease-spring) both}.cmp-slot.is-leaving{opacity:0;transform:scale(.85)}@keyframes slot-in{0%{opacity:0;transform:scale(.7)translateY(16px)}}.cmp-slot__art{place-items:center;width:100%;height:clamp(96px,22vw,140px);display:grid}.cmp-slot__art img{object-fit:contain;filter:drop-shadow(0 8px 12px #00000073);width:100%;height:clamp(96px,22vw,140px);transition:scale var(--dur-base) var(--ease-spring);animation:5s ease-in-out infinite float}.cmp-slot__art:hover img{scale:1.08}.cmp-slot .dexnum{font-size:var(--fs-xs)}.cmp-slot__name{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-tight);overflow-wrap:anywhere}.cmp-slot__form{font-size:var(--fs-xs);color:var(--c-text-3)}.cmp-slot__els{margin-top:var(--sp-1);gap:4px;display:flex}.cmp-slot__remove{top:var(--sp-2);right:var(--sp-2);z-index:2;border:1px solid var(--c-border-strong);width:30px;height:30px;color:var(--c-text-2);transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-base) var(--ease-spring);background:#0006;border-radius:50%;place-items:center;display:grid;position:absolute}.cmp-slot__remove:hover{background:var(--role-dps);color:#fff;transform:rotate(90deg)}.cmp-slot__remove .icon{width:16px;height:16px}.cmp-slot--empty{place-content:center;justify-items:center;gap:var(--sp-2);color:var(--c-text-2);font-weight:var(--fw-semibold);border:2px dashed color-mix(in oklab, var(--slot) 45%, transparent);box-shadow:none;cursor:pointer;background:0 0}.cmp-slot--empty:before{display:none}.cmp-slot--empty:hover:not(:disabled){color:var(--c-text);border-color:var(--slot);background:color-mix(in oklab, var(--slot) 8%, transparent);transform:translateY(-3px)}.cmp-slot--empty:disabled{opacity:.35;cursor:default}.cmp-slot__plus{width:48px;height:48px;color:var(--slot);background:color-mix(in oklab, var(--slot) 14%, transparent);border-radius:50%;place-items:center;animation:2.4s ease-out infinite plus-pulse;display:grid}@keyframes plus-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--slot) 45%, transparent)}70%,to{box-shadow:0 0 0 14px #0000}}.cmp__statsgrid{gap:var(--sp-6);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;display:grid}@media (width<=760px){.cmp__statsgrid{grid-template-columns:minmax(0,1fr);justify-items:center}.cmp__stats{width:100%}}.cmp-radar{align-self:start;max-width:300px;position:sticky;top:84px}@media (width<=760px){.cmp-radar{position:static}}.cmp-radar__shape{fill:color-mix(in oklab, var(--slot) 20%, transparent);stroke:var(--slot);stroke-width:2px;stroke-linejoin:round;opacity:0;transition:opacity var(--dur-base);filter:drop-shadow(0 0 6px var(--slot))}.cmp-radar__shape.is-on{opacity:1}.cmp__stats{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.cmp-stat{gap:var(--sp-3);grid-template-columns:6.5rem minmax(0,1fr);align-items:center;display:grid}.cmp-stat--total{padding-top:var(--sp-4);border-top:1px dashed var(--c-border-strong)}@media (width<=560px){.cmp-stat{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}}.cmp-stat__label{font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--c-text);line-height:1.2}.cmp-stat__label small{font-family:var(--font-body);font-weight:var(--fw-regular);color:var(--c-text-3);font-size:.7rem;display:block}.cmp-stat__bars{gap:6px;display:grid}.cmp-bar{align-items:center;gap:var(--sp-2);grid-template-columns:minmax(0,1fr) 3ch 2.6rem;display:grid}.cmp-bar__track{border-radius:var(--r-pill);background:var(--c-surface-2);height:10px;position:relative;overflow:hidden}.cmp-bar__fill{width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--slot) 35%, transparent), var(--slot));transform-origin:0;animation:bar-fill var(--dur-epic) var(--ease-spring) both;animation-delay:calc(var(--i,0) * 40ms);position:absolute;inset:0}.cmp-bar.is-best .cmp-bar__fill{box-shadow:0 0 14px -1px var(--slot)}.cmp-bar__val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:var(--fs-sm);color:var(--c-text-2)}.cmp-bar.is-best .cmp-bar__val{color:var(--slot)}.cmp-bar__diff{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-3);display:inline-flex}.cmp-bar__diff .icon--crown{width:18px;height:18px;color:var(--slot);filter:drop-shadow(0 0 6px var(--slot));animation:crown-in var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--i,0) * 40ms + .4s)}@keyframes crown-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.cmp__insights{gap:var(--sp-3);padding:0;list-style:none;display:grid}.cmp__insights li{padding-left:var(--sp-6);color:var(--c-text-2);line-height:var(--lh-snug);position:relative}.cmp__insights li:before{content:"✦";color:var(--c-br-yellow);position:absolute;left:0}.cmp__insights em{color:var(--c-text);font-style:normal;font-weight:var(--fw-semibold)}.cmp__insights .chip{margin:2px 2px 0 0}.cmp__scroll{scrollbar-width:none;overflow-x:auto}.cmp__scroll::-webkit-scrollbar{display:none}.scroller:has(>.cmp__scroll){width:100%}.cmp-table{border-collapse:separate;border-spacing:0;width:100%;min-width:520px;font-size:var(--fs-sm)}.cmp-table th,.cmp-table td{padding:var(--sp-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--c-border)}.cmp-table thead th{font-family:var(--font-display);font-size:var(--fs-md);color:var(--slot,var(--c-text));border-bottom:2px solid var(--slot,var(--c-border))}.cmp-table thead th small{font-family:var(--font-body);color:var(--c-text-3);font-size:.7rem;display:block}.cmp-table tbody th{font-weight:var(--fw-medium);color:var(--c-text-3);white-space:nowrap}.cmp-table td .chip{margin:2px 0}.cmp-el{width:26px;height:26px;color:var(--el);background:color-mix(in oklab, var(--el) 16%, transparent);border-radius:50%;place-items:center;margin-right:3px;display:inline-grid}.cmp-el .icon{width:15px;height:15px}.free-badge{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--c-br-yellow);background:color-mix(in oklab, var(--c-br-yellow) 14%, transparent);border:1px solid color-mix(in oklab, var(--c-br-yellow) 40%, transparent);padding:.3em .8em}.free-bar{justify-content:space-between;align-items:center;gap:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-6);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:color-mix(in oklab, var(--c-br-yellow) 8%, var(--c-surface-solid));border:1px solid color-mix(in oklab, var(--c-br-yellow) 35%, transparent);flex-wrap:wrap;display:flex}.free-bar.is-used{background:color-mix(in oklab, var(--c-brand-2) 10%, var(--c-surface-solid));border-color:color-mix(in oklab, var(--c-brand-2) 40%, transparent)}.free-bar p{color:var(--c-text-2);font-size:var(--fs-sm);flex:280px}.free-bar p b{color:var(--c-text)}.free-bar .btn{flex:none}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}.picker{border:1px solid var(--c-border-strong);border-radius:var(--r-xl);background:var(--c-surface-solid);width:min(94vw,640px);max-height:min(80vh,720px);color:var(--c-text);box-shadow:var(--shadow-3), 0 0 60px -12px var(--c-brand-2);padding:0;overflow:hidden}.picker[open]{animation:pop-in var(--dur-slow) var(--ease-spring);flex-direction:column;display:flex}.picker::backdrop{animation:fade-in var(--dur-base) ease both;background:#040612b8}@keyframes fade-in{0%{opacity:0}}.picker__head{gap:var(--sp-2);padding:var(--sp-4);border-bottom:1px solid var(--c-border);display:flex}.picker__list{gap:var(--sp-2);padding:var(--sp-4);overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;overflow-y:auto}.picker__item{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);text-align:left;background:linear-gradient(120deg, color-mix(in oklab, var(--card-color,#7c8cff) 18%, transparent), transparent 70%), var(--c-surface-1);border:1px solid var(--c-border);transition:transform var(--dur-base) var(--ease-spring), border-color var(--dur-fast);display:flex}.picker__item:hover{border-color:color-mix(in oklab, var(--card-color,#7c8cff) 60%, transparent);transform:translateY(-2px)}.picker__item[data-chosen]{opacity:.35;cursor:default}.picker__item[hidden]{display:none}.picker__item img{object-fit:contain;flex:none;width:44px;height:44px}.picker__txt{min-width:0;line-height:1.2;display:grid}.picker__txt strong{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker__txt small{color:var(--c-text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;display:-webkit-box;overflow:hidden}@media (width<=640px){.picker{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100vw;max-width:100vw;max-height:85dvh;margin:auto 0 0}.picker[open]{animation:sheet-up var(--dur-slow) var(--ease-out)}.picker__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes sheet-up{0%{transform:translateY(100%)}}.btn--compare .icon{color:var(--cmp-1)}.detail__nav-left{gap:var(--sp-2);display:flex}:root{--appbar-h:60px;--appbar-top:var(--appbar-h);--appbar-bottom:0px}@media (width<=900px){:root{--appbar-h:64px;--appbar-top:0px;--appbar-bottom:calc(var(--appbar-h) + env(safe-area-inset-bottom,0px))}}body{padding-top:var(--appbar-top);padding-bottom:var(--appbar-bottom)}.toolbar,.detail__nav{top:var(--appbar-top)}.hero{top:calc(var(--appbar-top) + 76px)}.cmp-radar{top:calc(var(--appbar-top) + 84px)}.appbar{z-index:var(--z-overlay);height:var(--appbar-h);background:color-mix(in oklab, var(--c-bg) 78%, transparent);border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);position:fixed;inset:0 0 auto}.appbar__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:100%;width:min(100% - 2 * var(--gutter), var(--content-max));margin-inline:auto;display:flex}.appbar__brand{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-xl);background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.appbar__brand span{vertical-align:.5em;color:var(--c-text-inverse);background:var(--grad-br);-webkit-background-clip:border-box;background-clip:border-box;border-radius:5px;margin-left:3px;padding:0 5px;font-size:.55em}.appbar__tabs{gap:var(--sp-1);display:flex;position:relative}.appbar__tab{z-index:1;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-2);transition:color var(--dur-fast);display:flex;position:relative}.appbar__tab:hover,.appbar__tab[aria-current=page]{color:var(--c-text)}.appbar__icon{transition:transform var(--dur-slow) var(--ease-spring);place-items:center;display:grid}.appbar__icon .icon{width:20px;height:20px}.appbar__tab[aria-current=page] .appbar__icon{color:var(--accent);transform:scale(1.12)}.appbar__ind{border-radius:var(--r-pill);background:color-mix(in oklab, var(--accent) 22%, var(--c-surface-2));width:0;box-shadow:0 0 20px -6px var(--accent);transition:translate var(--dur-slow) var(--ease-spring), width var(--dur-slow) var(--ease-spring), opacity var(--dur-base);position:absolute;top:0;bottom:0;left:0}@media (width<=900px){.appbar{height:var(--appbar-bottom);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--c-border);background:color-mix(in oklab, var(--c-bg) 94%, transparent);border-bottom:0;inset:auto 0 0}.appbar__inner{width:100%;height:var(--appbar-h)}.appbar__brand{display:none}.appbar__tabs{flex:1;grid-template-columns:repeat(4,1fr);gap:0;height:100%;padding:6px 8px;display:grid}.appbar__tab{flex-direction:column;justify-content:center;gap:2px;padding:0;font-size:.7rem}.appbar__ind{top:6px;bottom:6px}.appbar__icon .icon{width:22px;height:22px}.picker{margin-bottom:0}}.hub{gap:var(--sp-4);margin-top:var(--sp-8);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=760px){.hub{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}}.hub__card{--c:var(--c-brand-1);text-align:left;font:inherit;color:inherit;gap:var(--sp-2) var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);isolation:isolate;background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--c) 26%, transparent), transparent 60%), var(--c-surface-solid);border:1px solid color-mix(in oklab, var(--c) 35%, var(--c-border));box-shadow:var(--shadow-2);transition:transform var(--dur-slow) var(--ease-spring), box-shadow var(--dur-base), border-color var(--dur-base);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.hub__card:hover{border-color:var(--c);box-shadow:var(--shadow-3), 0 16px 40px -14px var(--c);transform:translateY(-4px)}.hub__card:active{scale:.98}.hub__icon{width:56px;height:56px;color:var(--c);background:color-mix(in oklab, var(--c) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 35%, transparent), 0 0 24px -8px var(--c);transition:transform var(--dur-slow) var(--ease-spring);border-radius:18px;grid-row:span 2;place-items:center;display:grid}.hub__icon .icon{width:28px;height:28px}.hub__card:hover .hub__icon{transform:rotate(-8deg)scale(1.08)}.hub__card h3{font-size:var(--fs-lg);align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.hub__card p{font-size:var(--fs-sm);color:var(--c-text-2);line-height:var(--lh-snug)}.hub__tag{font-family:var(--font-body);font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--c-text-inverse);background:var(--c);padding:2px 8px}.hub__card--dex{--c:var(--c-brand-1)}.hub__card--compare{--c:var(--cmp-1)}.hub__card--trades{--c:var(--role-break)}.hub__card--trades .hub__tag{animation:2.4s ease-in-out infinite tag-glow}@keyframes tag-glow{50%{box-shadow:0 0 14px var(--c)}}.feature{gap:var(--sp-8);padding-block:var(--sp-8) var(--sp-16);grid-template-columns:minmax(0,1fr);display:grid}.feature__hero{justify-items:center;gap:var(--sp-3);text-align:center;display:grid}.feature__badge,.login-card small b{color:var(--c-br-yellow)}.feature__badge{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:color-mix(in oklab, var(--c-br-yellow) 12%, transparent);border:1px solid color-mix(in oklab, var(--c-br-yellow) 35%, transparent);padding:.3em .9em;display:inline-flex}.feature__title{font-size:var(--fs-hero);font-weight:var(--fw-bold)}.feature__lead{max-width:56ch;color:var(--c-text-2);font-size:var(--fs-lg)}.text-grad{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.text-grad-br{background:var(--grad-br);color:#0000;-webkit-background-clip:text;background-clip:text}.trade-orbit{width:160px;height:160px;margin-top:var(--sp-4);position:relative}.trade-orbit:before{content:"";border:2px dashed color-mix(in oklab, var(--accent) 45%, transparent);border-radius:50%;animation:18s linear infinite spin-rot;position:absolute;inset:0}.trade-orbit__a,.trade-orbit__b{background:radial-gradient(circle at 35% 30%, #fff9, var(--accent) 45%, transparent 75%);width:34px;height:34px;box-shadow:0 0 20px var(--accent);animation:orbit 4s var(--ease-standard) infinite;border-radius:50%;margin:-17px;position:absolute;top:50%;left:50%}.trade-orbit__b{background:radial-gradient(circle at 35% 30%, #fff9, var(--accent-2) 45%, transparent 75%);box-shadow:0 0 20px var(--accent-2);animation-delay:-2s}@keyframes orbit{0%{transform:rotate(0)translate(80px)rotate(0)}to{transform:rotate(360deg)translate(80px)rotate(-360deg)}}.trade-orbit__arrows{color:var(--c-text);place-items:center;display:grid;position:absolute;inset:0}.trade-orbit__arrows .icon{width:44px;height:44px;animation:3s ease-in-out infinite breathe}.steps{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.steps{grid-template-columns:minmax(0,1fr)}}.step{padding:var(--sp-5);border-radius:var(--r-lg);background:var(--c-surface-1);border:1px solid var(--c-border);position:relative}.step__num{top:var(--sp-3);right:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:color-mix(in oklab, var(--accent) 40%, transparent);position:absolute}.step__icon{width:44px;height:44px;margin-bottom:var(--sp-3);color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent);border-radius:14px;place-items:center;display:grid}.step h3{font-size:var(--fs-lg);margin-bottom:var(--sp-1)}.step p{font-size:var(--fs-sm);color:var(--c-text-2)}.rules{gap:var(--sp-3);padding:0;list-style:none;display:grid}.rules li{gap:var(--sp-3);color:var(--c-text-2);align-items:flex-start;display:flex}.rules li .icon{color:var(--c-br-green);flex:none;margin-top:3px}.rules b{color:var(--c-text)}.rules__sub{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-lg)}.tiers{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=900px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.tiers{grid-template-columns:minmax(0,1fr)}}.tier{gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-md);background:linear-gradient(160deg, color-mix(in oklab, var(--role-heal) calc(8% + var(--i) * 6%), transparent), transparent 70%), var(--c-surface-1);border:1px solid var(--c-border);align-content:start;display:grid}.tier__head{align-items:center;gap:var(--sp-2);display:flex}.tier__lvl{font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--r-sm);color:var(--c-text-inverse);background:var(--role-heal);padding:1px 7px}.tier p{font-size:var(--fs-sm);color:var(--c-text-2)}.tier b{color:var(--c-text)}.tier__pot{font-size:var(--fs-xs);color:var(--c-text-3)}.rules__note{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-3)}.cta-card,.login-card,.support{justify-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-6);border-radius:var(--r-xl);text-align:center;background:radial-gradient(100% 80% at 50% 0%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 70%), var(--c-surface-solid);border:1px solid var(--c-border-strong);box-shadow:var(--shadow-2);display:grid}.cta-card h2,.support h2{font-size:var(--fs-2xl)}.cta-card p,.login-card p,.support p{color:var(--c-text-2);max-width:52ch}.login-card{width:100%;max-width:520px;margin-inline:auto}.login-card h1{font-size:var(--fs-2xl)}.login-card__avatar{width:72px;height:72px;color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent);box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 8%, transparent), 0 0 30px -6px var(--accent);border-radius:50%;place-items:center;display:grid}.login-card__avatar .icon{width:34px;height:34px}.login-card__form{gap:var(--sp-3);width:100%;display:grid}.login-card small{color:var(--c-text-3)}.support__head{justify-items:center;gap:var(--sp-2);display:grid}.perks{gap:var(--sp-3);width:100%;margin-block:var(--sp-3);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=760px){.perks{grid-template-columns:minmax(0,1fr)}}.perk{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-1);border:1px solid var(--c-border);display:flex}.perk__icon{width:40px;height:40px;color:var(--c-br-green);background:color-mix(in oklab, var(--c-br-green) 14%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.perk h3{font-size:var(--fs-md)}.perk p{font-size:var(--fs-sm)}.support__note{color:var(--c-text-3)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.profile-root{display:contents}.no-anim .rise,.no-anim .trainer__avatar,.no-anim .login-card__avatar{animation:none!important}.login-card__avatar--sent{animation:mail-bounce 1.6s var(--ease-spring) infinite}@keyframes mail-bounce{0%,60%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-8px)rotate(-6deg)}40%{transform:translateY(0)rotate(4deg)}}.login-card__actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.form-msg{min-height:1.4em;font-size:var(--fs-sm);color:var(--c-text-2);opacity:0;transition:opacity var(--dur-base), transform var(--dur-base) var(--ease-spring);transform:translateY(-4px)}.form-msg.is-shown,.form-msg--error{opacity:1;transform:none}.form-msg--error{color:#ff8a9a}.form-msg--ok{color:var(--c-br-green)}.form-msg--ok:before{content:"✓ "}.btn.is-loading{position:relative;color:#0000!important}.btn.is-loading:after{content:"";border:2px solid var(--c-text-inverse);border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin-rot;position:absolute}.trainer{gap:var(--sp-5);width:100%;max-width:620px;padding:var(--sp-6);border-radius:var(--r-xl);background:radial-gradient(100% 70% at 0% 0%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 65%), var(--c-surface-solid);border:1px solid var(--c-border-strong);box-shadow:var(--shadow-2);margin-inline:auto;display:grid}.trainer__head{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.trainer__avatar{width:64px;height:64px;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-text-inverse);background:var(--grad-br);box-shadow:0 10px 30px -10px var(--c-br-green);animation:pop-in var(--dur-slow) var(--ease-spring) both;border-radius:20px;place-items:center;display:grid}.trainer__id{flex:1;min-width:0}.trainer__id h1{font-size:var(--fs-2xl);overflow-wrap:anywhere}.trainer__id small{color:var(--c-text-3);overflow-wrap:anywhere}.trainer__stats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.trainer__stats div{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-1);border:1px solid var(--c-border);gap:2px;display:grid}.trainer__stats b{font-family:var(--font-mono);font-size:var(--fs-lg);overflow-wrap:anywhere}.trainer__stats span{font-size:var(--fs-xs);color:var(--c-text-3)}.trainer__hint{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--c-br-yellow);background:color-mix(in oklab, var(--c-br-yellow) 10%, transparent);border:1px solid color-mix(in oklab, var(--c-br-yellow) 30%, transparent);align-items:center;display:flex}.trainer__form{gap:var(--sp-4);display:grid}.field{gap:var(--sp-1);display:grid}.field>span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-2)}.field input,.field .select{width:100%;min-height:48px;padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-1);border:1px solid var(--c-border);color:var(--c-text);transition:border-color var(--dur-fast), box-shadow var(--dur-base);outline:none}.field .select{padding-right:var(--sp-8)}.field input:focus,.field .select:focus{border-color:color-mix(in oklab, var(--accent) 70%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}.field__note{font-size:var(--fs-xs);color:var(--c-text-3)}.trainer__actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.appbar__tab[data-alert] .appbar__icon{position:relative}.appbar__tab[data-alert] .appbar__icon:after{content:"";background:var(--c-br-yellow);width:9px;height:9px;box-shadow:0 0 0 2px var(--c-bg), 0 0 8px var(--c-br-yellow);border-radius:50%;animation:2s ease-in-out infinite breathe;position:absolute;top:-2px;right:-4px}.social{gap:var(--sp-2);width:100%;display:grid}.social[hidden]{display:none}.social__btn{justify-content:center;align-items:center;gap:var(--sp-3);border-radius:var(--r-pill);min-height:48px;font-weight:var(--fw-semibold);transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base), filter var(--dur-fast);animation:rise var(--dur-slow) var(--ease-out) both;display:flex;position:relative}.social__btn svg{width:22px;height:22px}.social__btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.social__btn:active{transform:scale(.97)}.social__btn--google{color:#1f1f1f;background:#fff;box-shadow:0 6px 20px -8px #ffffff80}.social__btn--discord{color:#fff;background:#5865f2;animation-delay:60ms;box-shadow:0 6px 22px -8px #5865f2}.social__btn.is-loading{color:#0000;pointer-events:none}.social__btn.is-loading svg{opacity:0}.social__btn.is-loading:after{content:"";border:2px solid #888;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin-rot;position:absolute}.social__or{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3);display:flex}.social__or:before,.social__or:after{content:"";background:var(--c-border-strong);flex:1;height:1px}.contact{justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;max-width:620px;padding:var(--sp-5) var(--sp-6);border-radius:var(--r-lg);background:linear-gradient(120deg, #25d36624, transparent 70%), var(--c-surface-solid);border:1px solid #25d36659;flex-wrap:wrap;margin-inline:auto;display:flex}.contact h2{font-size:var(--fs-xl)}.contact p{color:var(--c-text-2);font-size:var(--fs-sm)}.btn--whatsapp{color:#fff;background:#25d366;border:0;box-shadow:0 8px 24px -10px #25d366}.btn--whatsapp:hover{background:#2ee374;box-shadow:0 12px 30px -10px #25d366}.btn--whatsapp svg{width:20px;height:20px}@media (width<=560px){.contact{padding:var(--sp-5) var(--sp-4)}.btn--whatsapp{width:100%}}.support__cta{min-height:52px;padding:0 var(--sp-6);font-size:var(--fs-md);animation:2.6s ease-in-out infinite cta-pulse}@keyframes cta-pulse{50%{box-shadow:0 0 0 6px #25d36626,0 12px 32px -10px #25d366}}.btn--sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-xs)}.btn--danger{color:#fff;background:linear-gradient(135deg,#ff5d73,#d9304e);border:0;box-shadow:0 8px 22px -10px #ff5d73}.btn--danger:hover{background:linear-gradient(135deg,#ff7386,#e23b58)}.icon-btn{width:34px;height:34px;color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);font-weight:var(--fw-bold);transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-base) var(--ease-spring);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--c-text);background:var(--c-surface-3);transform:scale(1.08)}.icon-btn .icon{width:16px;height:16px}.textarea{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-1);border:1px solid var(--c-border);color:var(--c-text);font:inherit;resize:vertical;outline:none}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}.muted{color:var(--c-text-3)}.small{font-size:var(--fs-xs)}.count{border-radius:var(--r-pill);min-width:1.6em;font-family:var(--font-mono);color:var(--c-text-2);background:var(--c-surface-2);vertical-align:middle;place-items:center;padding:0 .4em;font-size:.75em;display:inline-grid}.spinner{width:16px;height:16px;margin-right:var(--sp-2);border:2px solid var(--accent);vertical-align:-3px;border-right-color:#0000;border-radius:50%;animation:.8s linear infinite spin-rot;display:inline-block}.appbar__badge,.tab__badge{border-radius:var(--r-pill);min-width:18px;height:18px;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold);color:#fff;box-shadow:0 0 0 2px var(--c-bg), 0 0 10px #ff5d73;animation:pop-in var(--dur-slow) var(--ease-spring);background:#ff5d73;place-items:center;padding:0 5px;display:inline-grid}.appbar__badge{position:absolute;top:-6px;right:-10px}.appbar__icon{position:relative}.tab__badge{margin-left:6px}.toasts{left:50%;bottom:calc(var(--appbar-bottom) + var(--sp-4));z-index:100;gap:var(--sp-2);pointer-events:none;width:min(92vw,420px);display:grid;position:fixed;translate:-50%}.toast{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);background:var(--c-surface-solid);border:1px solid var(--c-border-strong);box-shadow:var(--shadow-3);animation:toast-in var(--dur-slow) var(--ease-spring) both;display:flex}.toast.is-leaving{animation:toast-out var(--dur-base) var(--ease-in) forwards}.toast__icon{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.toast--ok .toast__icon{color:#07210f;background:var(--c-br-green)}.toast--error .toast__icon{color:#fff;background:#ff5d73}.toast--info .toast__icon{color:var(--c-text-inverse);background:var(--c-br-yellow)}.toast__icon .icon{width:15px;height:15px}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(10px)scale(.97)}}.modal{border:1px solid var(--c-border-strong);border-radius:var(--r-xl);background:var(--c-surface-solid);width:min(94vw,520px);max-height:min(88dvh,820px);color:var(--c-text);box-shadow:var(--shadow-3), 0 0 60px -14px var(--accent);padding:0;overflow:hidden}.modal--wide{width:min(94vw,720px)}.modal[open]{animation:pop-in var(--dur-slow) var(--ease-spring);flex-direction:column;display:flex}.modal::backdrop{animation:fade-in var(--dur-base) ease both;background:#040612b8}.modal__body{padding:var(--sp-6);overscroll-behavior:contain;gap:var(--sp-4);display:grid;overflow-y:auto}.modal__close{top:var(--sp-3);right:var(--sp-3);z-index:2;position:absolute}.modal__title{align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);padding-right:var(--sp-10);display:flex}.modal__title .icon{color:var(--accent)}.modal__text{color:var(--c-text-2)}.modal__actions{justify-content:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}@media (width<=640px){.modal,.modal--wide{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100vw;max-width:100vw;margin:auto 0 0}.modal[open]{animation:sheet-up var(--dur-slow) var(--ease-out)}.modal__body{padding:var(--sp-5) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}.modal__actions .btn{flex:1}}.pick{gap:var(--sp-3);display:grid}.pick[hidden],.pick__details[hidden]{display:none}.pick__list{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:52dvh;display:grid;overflow-y:auto}@media (width<=640px){.pick__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pick__details{gap:var(--sp-4);display:grid}.pick__chosen{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-1);border:1px solid var(--c-border);animation:pop-in var(--dur-slow) var(--ease-spring);display:flex}.pick__chosen img{object-fit:contain;width:64px;height:64px}.pick__chosen div{display:grid}.pick__chosen small{color:var(--c-text-3)}.field small{font-weight:var(--fw-regular);color:var(--c-text-3)}.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm);display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle small{color:var(--c-text-3)}.toggle__ui{border-radius:var(--r-pill);background:var(--c-surface-3);border:1px solid var(--c-border-strong);width:44px;height:26px;transition:background var(--dur-base);flex:none;position:relative}.toggle__ui:after{content:"";width:18px;height:18px;transition:translate var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__ui{background:var(--el-dark)}.toggle input:checked+.toggle__ui:after{translate:18px}.toggle input:focus-visible+.toggle__ui{outline:2px solid var(--c-focus);outline-offset:2px}.ftile{align-items:center;gap:var(--sp-3);min-width:0;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--r-md);background:linear-gradient(120deg, color-mix(in oklab, var(--card-color,#7c8cff) 16%, transparent), transparent 70%), var(--c-surface-1);border:1px solid var(--c-border);display:flex}.ftile__art{flex:none;place-items:center;width:52px;height:52px;display:grid}.ftile__art img{object-fit:contain;filter:drop-shadow(0 4px 6px #0006);width:52px;height:52px;transition:transform var(--dur-base) var(--ease-spring)}.ftile:hover .ftile__art img{transform:scale(1.1)rotate(-4deg)}.ftile__txt{flex:1;min-width:0;line-height:1.25;display:grid}.ftile__txt strong{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ftile__txt small{color:var(--c-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.ftile__tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.tag{font-size:.66rem;font-weight:var(--fw-bold);border-radius:var(--r-pill);background:var(--c-surface-3);color:var(--c-text-2);padding:1px 6px}.tag--umbral{color:#fff;background:linear-gradient(90deg,#6b3fd6,#a077ff);box-shadow:0 0 10px -2px #a077ff}.aff{border-radius:var(--r-pill);font-size:.7rem;font-weight:var(--fw-bold);white-space:nowrap;color:var(--c-text-inverse);background:var(--aff-c,var(--role-heal));flex:none;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.aff .icon{width:12px;height:12px}.aff--2{--aff-c:#ffc2e2}.aff--3{--aff-c:#ff9bd3}.aff--4{--aff-c:#ff6fbe}.aff--5{--aff-c:#ff3fa4;color:#fff}.rep{font-size:.72rem;font-weight:var(--fw-bold);border-radius:var(--r-pill);color:var(--c-text-inverse);align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.rep .icon{width:11px;height:11px}.rep--1{background:#9aa4c7}.rep--2{background:var(--c-br-green)}.rep--3{background:var(--el-water)}.rep--4{background:linear-gradient(90deg,#ffd23f,#ff9f43);box-shadow:0 0 12px -2px #ffd23f}.rep-meta{color:var(--c-text-3);font-size:.72rem}.supporter-badge--sm{padding:1px 7px;font-size:.65rem}.trades{gap:var(--sp-5);padding-block:var(--sp-6) var(--sp-16);grid-template-columns:minmax(0,1fr);display:grid}.trades__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.trades__title{align-items:center;gap:var(--sp-3);font-size:var(--fs-3xl);display:flex}.trades__title .icon{width:1em;height:1em;color:var(--accent);filter:drop-shadow(0 0 10px var(--accent))}.trades__sub{color:var(--c-text-2);font-size:var(--fs-sm)}.quota{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--c-text-2);background:var(--c-surface-1);border:1px solid var(--c-border);display:inline-flex}.quota b{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--accent)}.quota--empty b{color:#ff5d73}.quota--pro{color:var(--c-text-inverse);background:var(--grad-br);font-weight:var(--fw-bold);border:0}.trades__tabs{justify-self:start}.trades__panel{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);min-height:240px;display:grid}.group-title{align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);margin-top:var(--sp-2);display:flex}.group-title .icon{color:var(--c-br-yellow)}.skeletons{gap:var(--sp-3);display:grid}.skeleton{border-radius:var(--r-lg);background:linear-gradient(100deg, var(--c-surface-1) 30%, var(--c-surface-3) 50%, var(--c-surface-1) 70%);background-size:300% 100%;height:120px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lists{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=760px){.lists{grid-template-columns:minmax(0,1fr)}}.list-col{align-content:start;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--c-surface-1);border:1px solid var(--c-border);display:grid}.list-col__head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.list-col__head h2{font-size:var(--fs-lg);align-items:center;gap:var(--sp-2);display:flex}.list-col__hint{font-size:var(--fs-xs);color:var(--c-text-3)}.list-col__items{gap:var(--sp-2);display:grid}.list-col__items .ftile{animation:rise var(--dur-slow) var(--ease-out) both}.list-empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--c-text-3);border:2px dashed var(--c-border-strong);border-radius:var(--r-md)}.matches,.trade-list{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));display:grid}.match,.trade{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--c-surface-solid);border:1px solid var(--c-border);box-shadow:var(--shadow-2);transition:border-color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-slow) var(--ease-spring);display:grid;position:relative}.match:hover,.trade:hover{transform:translateY(-2px)}.match--perfect{border-color:color-mix(in oklab, var(--c-br-yellow) 45%, transparent);box-shadow:var(--shadow-2), 0 0 0 1px color-mix(in oklab, var(--c-br-yellow) 25%, transparent), 0 12px 40px -18px var(--c-br-yellow)}.match__head,.trade__head{align-items:center;gap:var(--sp-3);display:flex}.match__avatar{width:44px;height:44px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--c-text-inverse);background:var(--grad-brand);border-radius:14px;flex:none;place-items:center;display:grid}.match__who,.trade__who{flex:1;gap:3px;min-width:0;display:grid}.match__who strong,.trade__who strong{font-size:var(--fs-lg);overflow-wrap:anywhere}.match__rep{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.match__perfect{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-text-inverse);background:var(--c-br-yellow);--c:var(--c-br-yellow);flex:none;align-items:center;gap:4px;padding:3px 10px;animation:2.4s ease-in-out infinite tag-glow;display:inline-flex}.match__perfect .icon{width:14px;height:14px}.match__rows{gap:var(--sp-3);display:grid}.match__row h4,.trade__swap h4,.propose h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-text-3);margin-bottom:var(--sp-2)}.match__items{gap:var(--sp-2);display:grid}.match__foot,.trade__foot{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.status{font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--r-pill);flex:none;padding:3px 10px}.status--warn{color:var(--c-text-inverse);background:var(--c-br-yellow);--c:var(--c-br-yellow);animation:2.4s ease-in-out infinite tag-glow}.status--info{color:var(--c-text);background:color-mix(in oklab, var(--el-water) 30%, transparent)}.status--ok{color:#07210f;background:var(--c-br-green)}.status--off{color:var(--c-text-3);background:var(--c-surface-2)}.trade--completed{border-color:color-mix(in oklab, var(--c-br-green) 40%, transparent)}.trade--declined,.trade--cancelled,.trade--expired{opacity:.72}.trade__swap{align-items:end;gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.trade__arrow{width:34px;height:34px;color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent);animation:swap-spin 3s var(--ease-spring) infinite;border-radius:50%;place-items:center;margin-bottom:9px;display:grid}@keyframes swap-spin{0%,70%{rotate:0deg}85%,to{rotate:180deg}}@media (width<=480px){.trade__swap{grid-template-columns:minmax(0,1fr)}.trade__arrow{margin:0 auto;animation:none;rotate:90deg}}.trade__game{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:color-mix(in oklab, var(--c-br-green) 8%, var(--c-surface-1));border:1px solid color-mix(in oklab, var(--c-br-green) 30%, transparent);display:grid}.trade__id{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.copy{align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text);background:var(--c-surface-3);border:1px dashed var(--c-border-strong);transition:background var(--dur-fast), transform var(--dur-base) var(--ease-spring);display:inline-flex}.copy small{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--c-text-3)}.copy:hover{background:var(--c-surface-2);transform:scale(1.03)}.copy.is-copied{border-color:var(--c-br-green)}.copy--block{width:100%;font-size:var(--fs-md);justify-content:center}.checklist{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-2);padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.checklist li>.icon{color:var(--c-br-green);flex:none}.checklist small{color:var(--c-text-3);flex-basis:100%;padding-left:28px}.trade__wait{font-size:var(--fs-sm);color:var(--c-br-yellow)}.trade__actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.propose{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=560px){.propose{grid-template-columns:minmax(0,1fr)}}.opts{gap:var(--sp-2);max-height:34dvh;padding:2px;display:grid;overflow-y:auto}.opt{cursor:pointer;border-radius:var(--r-md);transition:transform var(--dur-base) var(--ease-spring);display:block;position:relative}.opt input{opacity:0;pointer-events:none;position:absolute}.opt.is-on .ftile{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 40%, transparent), 0 8px 24px -12px var(--accent)}.opt:hover{transform:translate(2px)}.opt input:focus-visible+.ftile{outline:2px solid var(--c-focus);outline-offset:2px}.propose__aff{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);background:color-mix(in oklab, var(--role-heal) 8%, var(--c-surface-1));border:1px solid color-mix(in oklab, var(--role-heal) 25%, transparent);flex-wrap:wrap;display:flex}.propose__aff small{color:var(--c-text-3);flex-basis:100%}.propose__quota{font-size:var(--fs-sm);color:var(--c-text-2)}.more-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.rules-panel summary{cursor:pointer;margin-bottom:0;list-style:none}.rules-panel summary::-webkit-details-marker{display:none}.rules-panel summary:after{content:"+";font-family:var(--font-mono);color:var(--c-text-3);margin-left:auto}.rules-panel[open] summary{margin-bottom:var(--sp-4)}.rules-panel[open] summary:after{content:"−"}.checkout,.checkout__form{gap:var(--sp-4);display:grid}.checkout__steps{gap:var(--sp-2);padding-left:var(--sp-5);color:var(--c-text-2);font-size:var(--fs-sm);display:grid}.checkout__qr{aspect-ratio:1;width:min(260px,70vw);padding:var(--sp-3);border-radius:var(--r-lg);box-shadow:0 0 40px -8px var(--c-br-green);animation:pop-in var(--dur-slow) var(--ease-spring);background:#fff;justify-self:center}.checkout__wait{text-align:center;font-size:var(--fs-sm);color:var(--c-text-2)}.checkout__done{justify-items:center;gap:var(--sp-3);text-align:center;display:grid}.checkout__heart{color:#fff;background:var(--grad-br);width:84px;height:84px;box-shadow:0 0 50px -6px var(--c-br-green);animation:heart-beat 1.2s var(--ease-spring) infinite;border-radius:50%;place-items:center;display:grid}.checkout__heart .icon{width:40px;height:40px}@keyframes heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.96)}45%{transform:scale(1.08)}}.support__active{justify-items:center;gap:var(--sp-2);display:grid}.support__active p{align-items:center;gap:var(--sp-2);display:flex}.support__active .icon{color:#ff5d73}.trainer__go{justify-self:start}.danger{width:100%;max-width:620px;margin-inline:auto}.danger summary{cursor:pointer;font-size:var(--fs-md);margin:0;list-style:none}.danger summary::-webkit-details-marker{display:none}.danger summary:before{background:#ff5d73;box-shadow:0 0 12px #ff5d73}.danger[open]{gap:var(--sp-3);display:grid}.confetti{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);width:var(--s);height:calc(var(--s) * 1.6);background:var(--c);animation:confetti-fall 2.6s var(--ease-in) var(--d) forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{to{transform:translate3d(calc((var(--r) / 8)), 110vh, 0) rotate(var(--r));opacity:.6}}.legal{max-width:760px;padding-block:var(--sp-8) var(--sp-16);color:var(--c-text-2);line-height:var(--lh-body)}.legal h1{font-size:var(--fs-3xl);color:var(--c-text);margin-bottom:var(--sp-2)}.legal h2{font-size:var(--fs-xl);color:var(--c-text);margin:var(--sp-8) 0 var(--sp-3)}.legal ul{gap:var(--sp-2);padding-left:var(--sp-5);display:grid}.legal b{color:var(--c-text)}.legal__updated{font-size:var(--fs-sm);color:var(--c-text-3)}.legal__links{margin-top:var(--sp-10);font-size:var(--fs-sm)}.legal a,.login-card small a{color:var(--c-brand-2);text-underline-offset:3px;text-decoration:underline}.stars{letter-spacing:1px;vertical-align:-1px;font-size:1em;line-height:1;display:inline-block;position:relative}.stars__bg{color:color-mix(in oklab, var(--c-text-3) 45%, transparent)}.stars__fg{width:var(--pct);white-space:nowrap;color:#ffd23f;text-shadow:0 0 8px #ffd23f8c;animation:stars-fill .9s var(--ease-out) both;position:absolute;inset:0 auto 0 0;overflow:hidden}@keyframes stars-fill{0%{width:0}}.stars__num{font-family:var(--font-mono);color:var(--c-text);margin-left:4px;font-size:.85em}.stars__count{color:var(--c-text-3);margin-left:4px;font-size:.75em}.match__rep .stars{font-size:.9rem}.avatar{width:44px;height:44px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--c-text-inverse);background:var(--grad-brand);border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.avatar--img{background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--card-color,#7c8cff) 55%, transparent), var(--c-surface-solid) 75%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--card-color,#7c8cff) 50%, transparent), 0 0 18px -6px var(--card-color,#7c8cff)}.avatar--img img{object-fit:contain;width:100%;height:100%;transform:scale(1.15)translateY(4%)}.trainer__avatar.avatar{width:72px;height:72px;font-size:var(--fs-2xl);border-radius:22px}.trainer__pic{flex:none;position:relative}.trainer__pick{width:30px;height:30px;color:var(--c-text-inverse);background:var(--c-br-yellow);box-shadow:0 0 0 3px var(--c-surface-solid), 0 4px 12px -4px var(--c-br-yellow);transition:transform var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.trainer__pick:hover{transform:scale(1.12)rotate(-10deg)}.trainer__pick .icon{width:16px;height:16px}.trainer__rep{padding:var(--sp-4);border-radius:var(--r-md);background:linear-gradient(120deg, #ffd23f1a, transparent 70%), var(--c-surface-1);border:1px solid #ffd23f40;gap:4px;display:grid}.trainer__rep-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-text-3)}.trainer__rep-stars{font-size:1.6rem}.trainer__rep small{color:var(--c-text-3);font-size:var(--fs-xs)}.trainer__perk{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-2);display:flex}.trainer__perk .icon{color:var(--c-br-yellow);flex:none}.rate{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);background:linear-gradient(120deg, #ffd23f1f, transparent 70%), var(--c-surface-1);animation:pop-in var(--dur-slow) var(--ease-spring) both;border:1px solid #ffd23f4d;flex-wrap:wrap;display:flex}.rate__stars{gap:2px;display:flex}.rate__star{color:color-mix(in oklab, var(--c-text-3) 50%, transparent);transition:color var(--dur-fast), transform var(--dur-base) var(--ease-spring), text-shadow var(--dur-fast);animation:star-in var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms);font-size:1.9rem;line-height:1}.rate__stars:hover .rate__star{color:#ffd23f;text-shadow:0 0 10px #ffd23f99}.rate__stars .rate__star:hover~.rate__star{color:color-mix(in oklab, var(--c-text-3) 50%, transparent);text-shadow:none}.rate__star:hover{transform:scale(1.25)rotate(-8deg)}.rate__star.is-on{color:#ffd23f;text-shadow:0 0 12px #ffd23fb3;animation:star-pop .5s var(--ease-spring)}.rate__stars.is-sent{pointer-events:none}@keyframes star-pop{50%{transform:scale(1.45)}}.rated{font-size:var(--fs-sm);color:var(--c-text-3)}.rated__stars{color:#ffd23f;letter-spacing:1px}.pot{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-1);min-width:0;margin:0;display:grid}.pot legend{padding:0 var(--sp-2);font-weight:var(--fw-semibold);gap:2px;display:grid}.pot legend small{font-weight:var(--fw-regular);font-size:var(--fs-xs);color:var(--c-text-3)}.pot__presets{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pot__presets .chip{--c:var(--c-text-2);cursor:pointer}.pot__presets .chip:hover{transform:translateY(-2px)}.pot__perfect{--c:#ffd23f!important}.pot__row{gap:var(--sp-3);grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;display:grid}@media (width<=560px){.pot__row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}}.pot__stat{width:100%;min-height:42px}.pot__vals{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}@media (width<=400px){.pot__vals{grid-template-columns:repeat(5,minmax(0,1fr))}}.pot__val{border-radius:var(--r-sm);min-height:36px;font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);transition:transform var(--dur-base) var(--ease-spring), background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-base)}.pot__val:hover{color:var(--c-text);transform:translateY(-2px)}.pot__val.is-on{color:var(--c-text-inverse);background:var(--accent);box-shadow:0 0 14px -2px var(--accent);animation:chip-pop var(--dur-slow) var(--ease-spring);border-color:#0000}.pot__val[data-val="10"].is-on{background:#ffd23f;box-shadow:0 0 16px -2px #ffd23f}.pot.is-locked .pot__presets,.pot.is-locked .pot__vals{pointer-events:none;opacity:.55}.pot__summary{font-size:var(--fs-sm);color:var(--c-text-2);align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:1.5em;display:flex}.pot__summary b{color:var(--c-text)}.tag--pot{color:var(--c-text);background:color-mix(in oklab, var(--accent) 22%, var(--c-surface-3))}.tag--perfect{color:var(--c-text-inverse);background:linear-gradient(90deg,#ffd23f,#ff9f43);box-shadow:0 0 10px -2px #ffd23f}.tag--muted{color:var(--c-text-3);border:1px dashed var(--c-border-strong);background:0 0}