@import "https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Spline+Sans+Mono:wght@400;500;600&display=swap";:root,:root[data-theme=forest]{--bg:#f4eee2;--bg-tint:#efe7d7;--surface:#fcfaf4;--surface-2:#f7f1e6;--line:#e3d9c6;--line-strong:#d2c5ac;--primary:#2e5e4e;--primary-deep:#1f4639;--primary-soft:#dce7e0;--primary-ink:#1b3a30;--accent:#c2703d;--accent-soft:#f4e1d2;--accent-2:#ce9a3c;--accent-2-soft:#f4e9cc;--ink:#25302b;--ink-2:#44514b;--muted:#6f7a72;--faint:#9aa39b;--good:#3f7d5b;--good-soft:#deebdf;--bad:#b5503a;--bad-soft:#f2ddd4;--ring:0 0 0 3px #2e5e4e2e}:root[data-theme=terracotta]{--bg:#faf3e9;--bg-tint:#f5e9d8;--surface:#fffcf6;--surface-2:#fbf1e3;--line:#ecddc9;--line-strong:#dcc8ac;--primary:#b0512c;--primary-deep:#8a3c1e;--primary-soft:#f4e0d2;--primary-ink:#7a341a;--accent:#2e6150;--accent-soft:#dce7e0;--accent-2:#ce9a3c;--accent-2-soft:#f5eacb;--ink:#2c211a;--ink-2:#4f3f34;--muted:#7c6a5c;--faint:#a99a8b;--good:#3f7d5b;--good-soft:#deebdf;--bad:#b5503a;--bad-soft:#f4dcd2;--ring:0 0 0 3px #b0512c2e}:root[data-theme=sage]{--bg:#f0efe4;--bg-tint:#e7e6d7;--surface:#fafaf2;--surface-2:#f1f0e4;--line:#dddcc9;--line-strong:#c7c6ae;--primary:#5c7150;--primary-deep:#45563b;--primary-soft:#e0e4d2;--primary-ink:#3c4a33;--accent:#c0835a;--accent-soft:#eee1d2;--accent-2:#b79a45;--accent-2-soft:#ede7c9;--ink:#2b2e25;--ink-2:#4b4f40;--muted:#6f7361;--faint:#9da08c;--good:#5c7150;--good-soft:#e0e7d5;--bad:#ab5a3e;--bad-soft:#edddd0;--ring:0 0 0 3px #5c715033}:root{--font-serif:"Spectral", Georgia, serif;--font-sans:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:26px;--shadow-sm:0 1px 2px #2820140d;--shadow:0 2px 10px #2820140f, 0 1px 2px #2820140a;--shadow-lg:0 12px 34px #2820141f, 0 2px 8px #2820140f;--sidebar-w:248px;--sidebar-w-collapsed:76px;--topbar-h:72px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}#root{height:100%}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.12}p{margin:0}::selection{background:var(--accent-soft);color:var(--ink)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.serif{font-family:var(--font-serif)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}:focus-visible{box-shadow:var(--ring);border-radius:6px;outline:none}button{cursor:pointer;font-family:inherit}.btn{font-family:var(--font-sans);border-radius:var(--r);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-deep)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(.94)}.btn-ghost{color:var(--ink-2);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:var(--faint)}.btn-soft{background:var(--primary-soft);color:var(--primary-ink)}.btn-soft:hover{filter:brightness(.97)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.tag{letter-spacing:.01em;white-space:nowrap;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.tag-green{background:var(--primary-soft);color:var(--primary-ink);border-color:#0000}.tag-clay{background:var(--accent-soft);color:var(--accent);border-color:#0000}.tag-amber{background:var(--accent-2-soft);color:#876512;border-color:#0000}.eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.diff{align-items:center;gap:3px;display:inline-flex}.diff i{background:var(--line-strong);border-radius:50%;width:6px;height:6px;display:block}.diff[data-d="1"] i:nth-child(-n+1),.diff[data-d="2"] i:nth-child(-n+2),.diff[data-d="3"] i:nth-child(-n+3){background:var(--accent)}@keyframes fp-fade{0%{opacity:0}to{opacity:1}}.fade-in{opacity:1}@media (prefers-reduced-motion:no-preference){.fade-in{animation:.32s both fp-fade}}.nav-item{text-align:left;color:var(--ink-2);font-size:14.5px;font-weight:500;font-family:var(--font-sans);background-color:#0000;border:none;border-radius:11px;align-items:center;gap:11px;padding:9px 12px;transition:color .14s;display:flex}.nav-item:hover{background-color:var(--surface-2)}.nav-item.active{background-color:var(--primary-soft);color:var(--primary-ink);font-weight:700}.nav-item.icon-only{justify-content:center;gap:0;padding:11px 0}.drawer{z-index:50;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;width:280px;padding:18px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-101%)}.drawer.open{box-shadow:var(--shadow-lg);transform:translate(0)}.drawer-scrim{z-index:49;opacity:0;pointer-events:none;background:#1c160c61;position:fixed;inset:0}.drawer-scrim.show{opacity:1;pointer-events:auto}.nav-toggle{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background-color:#0000;border:none;border-radius:10px;flex:none;place-items:center;transition:color .14s;display:grid}.nav-toggle:hover{background-color:var(--surface-2);color:var(--ink)}.avatar-btn{cursor:pointer;background:var(--primary);color:#fff;width:36px;height:36px;font-size:14px;font-weight:700;font-family:var(--font-sans);outline-offset:2px;border:none;border-radius:50%;flex:none;place-items:center;transition:box-shadow .14s;display:grid}.avatar-btn:hover{box-shadow:0 0 0 3px var(--primary-soft)}.avatar-btn.active{outline:2px solid var(--primary)}.menu-row:hover{background-color:var(--surface-2)!important}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-spin{animation:.7s linear infinite ai-spin}@keyframes crate-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-9deg)scale(1.04)}40%{transform:rotate(8deg)scale(1.04)}60%{transform:rotate(-6deg)scale(1.06)}80%{transform:rotate(5deg)scale(1.06)}}.crate-shake{animation:.5s ease-in-out infinite crate-shake}@keyframes mythic-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.mythic-shimmer{animation:1.4s ease-in-out infinite mythic-shimmer}@keyframes mythic-border{0%{background-position:0%}to{background-position:200%}}.mythic-card{animation:4s linear infinite mythic-border;background-size:200% 200%!important}.cat-card{transition:transform .18s,box-shadow .18s}.cat-card:hover{transform:translateY(-3px)}.cat-eyes,.cat-spark{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){@keyframes catBlink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.1)}95%{transform:scaleY(1)}}@keyframes catTwinkle{0%,to{opacity:.6;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes catNudge{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-2.5deg)}94%{transform:rotate(1.6deg)}98%{transform:rotate(0)}}@keyframes auraGold{0%,to{box-shadow:var(--shadow-sm), 0 0 0 0 #e8b23a00}50%{box-shadow:var(--shadow-sm), 0 0 15px 1px #e8b23a80}}@keyframes auraMythic{0%,to{box-shadow:var(--shadow-sm), 0 0 0 0 #d9774e00}50%{box-shadow:var(--shadow-sm), 0 0 22px 3px #d9774e99}}.cat-portrait{transform-origin:50% 72%}.rar-legendary.cat-portrait{animation:6.5s ease-in-out infinite catNudge}.rar-mythical.cat-portrait{animation:5.2s ease-in-out infinite catNudge}.rar-legendary .cat-eyes{animation:5.5s ease-in-out infinite catBlink}.rar-mythical .cat-eyes{animation:4.4s ease-in-out infinite catBlink}.rar-legendary .cat-spark,.rar-mythical .cat-spark{animation:2.4s ease-in-out infinite catTwinkle}.cat-card.aura-legendary{animation:3.2s ease-in-out infinite auraGold}.cat-card.aura-mythical{animation:2.6s ease-in-out infinite auraMythic}.cat-portrait.cat-live{animation:5.5s ease-in-out infinite catNudge}.cat-live .cat-eyes{animation:5s ease-in-out infinite catBlink}.cat-live .cat-spark{animation:2.4s ease-in-out infinite catTwinkle}}.cat-tilt{perspective:850px}.cat-card{transform-style:preserve-3d;will-change:transform;transition:transform .14s ease-out,box-shadow .2s}.fpcat-common{box-shadow:0 1px 2px #2820141a}.fpcat-common:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#786c5a1a;position:absolute;inset:0}.cat-sheen{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 38%,#ffffff6b 50%,#0000 62%) 160% 160%/250% 250%;border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.fpcat-rare{box-shadow:var(--shadow-sm), inset 0 0 0 1px #ffffff2e}.cat-tilt:hover .fpcat-rare .cat-sheen{opacity:1;animation:1.5s cubic-bezier(.2,.8,.2,1) infinite catSheen}@keyframes catSheen{0%{background-position:160% 160%}to{background-position:-60% -60%}}.fpcat-epic{box-shadow:var(--shadow-sm), 0 0 0 1.5px color-mix(in oklab, var(--accent-2) 60%, transparent), 0 0 18px -4px color-mix(in oklab, var(--accent-2) 70%, transparent)}.cat-glow{pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff73 0%, transparent 55%);opacity:0;border-radius:14px;transition:opacity .25s;position:absolute;inset:0}.cat-tilt:hover .fpcat-epic .cat-glow{opacity:.6}.fpcat-legendary{box-shadow:var(--shadow), 0 0 24px -6px var(--accent)}.cat-glare{pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(125deg,#fff0 0%,#fff6 30%,#f0c7608c 50%,#fff6 70%,#fff0 100%) 0 0/220% 220%;border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.cat-tilt:hover .fpcat-legendary .cat-glare{opacity:.9}.fpcat-mythical{box-shadow:var(--shadow), 0 0 30px -6px #d9774e}.fpcat-mythical:before{content:"";z-index:-1;background:linear-gradient(90deg,#e8b23a,#d9774e,#3e8e6b,#e8b23a) 0 0/300% 300%;border-radius:16px;animation:7s linear infinite catBorder;position:absolute;inset:-2px}.cat-aurora{pointer-events:none;background:radial-gradient(circle at 22% 26%,#e8b23a52,#0000 52%),radial-gradient(circle at 78% 72%,#3e8e6b57,#0000 52%);border-radius:14px;animation:9s ease-in-out infinite alternate catDrift;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@keyframes catBorder{0%{background-position:0%}to{background-position:300%}}@keyframes catDrift{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(6px,-6px)}}}.cat-locked{filter:grayscale()brightness(.82);opacity:.6;transition:filter .3s,opacity .3s}.cat-tilt:hover .cat-locked{opacity:.78}.cat-ear,.cat-topper{transform-box:fill-box;transform-origin:50% 90%}@media (prefers-reduced-motion:no-preference){@keyframes earTwitchL{0%,84%,to{transform:rotate(0)}88%,94%{transform:rotate(-9deg)}}@keyframes earTwitchR{0%,80%,to{transform:rotate(0)}85%,92%{transform:rotate(9deg)}}.rar-rare .cat-ear-l,.rar-epic .cat-ear-l,.rar-legendary .cat-ear-l,.rar-mythical .cat-ear-l{animation:4s ease-in-out infinite earTwitchL}.rar-rare .cat-ear-r,.rar-epic .cat-ear-r,.rar-legendary .cat-ear-r,.rar-mythical .cat-ear-r{animation:4.6s ease-in-out infinite earTwitchR}@keyframes topperFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(2deg)}}.rar-epic .cat-topper,.rar-legendary .cat-topper,.rar-mythical .cat-topper{animation:3s ease-in-out infinite topperFloat}.cat-ring1,.cat-ring2{transform-box:fill-box;transform-origin:50% 76px}@keyframes ringSpinX{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes ringSpinY{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.cat-ring1{animation:6s linear infinite ringSpinX}.cat-ring2{animation:8s linear infinite ringSpinY}@keyframes bulbFlicker{0%,to{opacity:1}45%{opacity:1}47%{opacity:.4}49%{opacity:1}80%{opacity:1}82%{opacity:.5}84%{opacity:1}}.cat-bulb{animation:3.5s ease-in-out infinite bulbFlicker}@keyframes sweatRoll{0%,55%{opacity:0;transform:translateY(0)}60%{opacity:.9}95%{opacity:0;transform:translateY(16px)}to{opacity:0}}.cat-sweat{transform-box:fill-box;animation:4s ease-in infinite sweatRoll}@keyframes puffDrift{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.6}to{opacity:0;transform:translateY(-14px)scale(1.3)}}.cat-puff{transform-box:fill-box;transform-origin:76px 18px;animation:3.2s ease-out infinite puffDrift}@keyframes eyeScan{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}.cat-scan{transform-box:fill-box;animation:2.4s ease-in-out infinite eyeScan}.cat-rune{opacity:.5;transition:opacity .3s}.cat-tilt:hover .cat-rune{opacity:1;filter:drop-shadow(0 0 3px #4fd0e0)}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)}25%{opacity:.9}to{opacity:0;transform:translateY(-12px)}}.cat-bubbles circle{transform-box:fill-box;animation:2.2s ease-in infinite bubbleRise}.cat-bubbles circle:nth-child(2){animation-delay:.7s}.cat-bubbles circle:nth-child(3){animation-delay:1.3s}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cat-orb{transform-box:fill-box;transform-origin:50px 74px;animation:7s linear infinite orbSpin}@keyframes cyberPulse{0%,to{filter:drop-shadow(0 0 1px #ff4fa0)}50%{filter:drop-shadow(0 0 5px #ff4fa0)}}.cat-cyber{animation:2.2s ease-in-out infinite cyberPulse}@keyframes swirlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cat-swirl{transform-box:fill-box;transform-origin:50%;animation:4s linear infinite swirlSpin}}.cat-foil,.cat-stars{pointer-events:none;z-index:1;border-radius:14px;position:absolute;inset:0;overflow:hidden}.foil-spark{opacity:0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 5px #e8b23a);background:radial-gradient(circle,#ffe9a8 0%,#e8b23a 70%);width:12px;height:12px;position:absolute;bottom:6px}.myth-star{opacity:.3;border-radius:50%;width:4.5px;height:4.5px;position:absolute}@media (prefers-reduced-motion:no-preference){@keyframes foilRise{0%{opacity:0;transform:translateY(0)scale(.3)rotate(0)}22%{opacity:.95}80%{opacity:.9}to{opacity:0;transform:translateY(-95px)scale(1)rotate(40deg)}}.foil-spark{animation-name:foilRise;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-iteration-count:infinite}@keyframes mythDrift{0%{transform:translateY(0)}to{transform:translateY(-180px)}}@keyframes mythTwinkle{0%,to{opacity:.15}50%{opacity:.95}}.myth-star{animation-name:mythDrift,mythTwinkle;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}}.lift{transition:box-shadow .14s,transform .14s,border-color .14s}.lift:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-1px)}.set-nav{background-color:#0000}.set-nav:hover{background-color:var(--surface-2)}.set-nav.active{background-color:var(--primary-soft)}.fp-switch{background-color:var(--line-strong)}.fp-switch.on{background-color:var(--primary)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.001ms!important}}.fp-boot{min-height:100dvh;font-family:var(--font-sans,system-ui, sans-serif);color:var(--ink,#2b2b2b);place-items:center;display:grid}