@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-0:#07080b;--bg-1:#0d1014;--bg-2:#14181f;--bg-3:#1c222b;--bg-4:#262d38;--line:#ffffff0f;--line-strong:#ffffff1f;--ink-0:#f5f6f8;--ink-1:#c8cdd6;--ink-2:#8a92a0;--ink-3:#5b6371;--ink-4:#3a414c;--accent:#c9a86a;--accent-2:#7fdbd0;--r-common:#9aa3b1;--r-rare:#4a8fd8;--r-epic:#a56bcf;--r-legendary:#e0b85a;--r-common-frame:#a8b0bc;--r-rare-frame:#6ba8e8;--r-epic-frame:#c084d8;--r-legendary-frame:#ecc870;--rg-demacia:#5b8fcc;--rg-noxus:#c8364c;--rg-freljord:#7dd3e0;--rg-ionia:#e89ab8;--rg-shurima:#e0b85a;--rg-piltover:#d4a24c;--rg-zaun:#6fb57a;--rg-targon:#9a7bd4;--rg-shadow:#4fb39a;--rg-bilgewater:#d8884a;--rg-void:#b85ac4;--rg-ixtal:#5ac498;--rg-bandle:#c9d050;--rg-runeterra:#c9a86a;--p-twitch:#9146ff;--p-kick:#53fc18;--p-youtube:#ff3030;--live:#ff4d6a;--live-bg:#c8364c14;--warn:#ff8a99;--success:#7fdbd0;--font-display:"Cinzel", "Cormorant SC", serif;--font-ui:"Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--t-display-1:500 clamp(40px, 5vw, 64px) / 1 var(--font-display);--t-display-2:500 clamp(34px, 4vw, 52px) / 1.05 var(--font-display);--t-display-3:500 clamp(28px, 3.4vw, 40px) / 1.05 var(--font-display);--t-title:500 22px / 1.1 var(--font-display);--t-card-name:500 18px / 1.05 var(--font-display);--t-body:400 14px / 1.5 var(--font-ui);--t-body-strong:600 14px / 1.5 var(--font-ui);--t-small:400 12px / 1.4 var(--font-ui);--t-mono-stat:600 18px / 1 var(--font-mono);--t-mono-meta:500 11px / 1.2 var(--font-mono);--eyebrow-tracking:.18em;--display-tracking:.02em;--label-tracking:.12em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:14px;--r-3xl:16px;--r-4xl:18px;--r-pill:999px;--shadow-hover:0 12px 32px #0006;--shadow-modal:0 12px 40px #0006;--glow-accent:0 0 24px #c9a86a2e;--glow-accent-soft:0 0 0 1px #c9a86a26 inset, 0 0 0 1px #c9a86a14 inset;--glow-rare:0 6px 24px #6ba8e80f, 0 0 0 1px #6ba8e847 inset;--glow-epic:0 6px 24px #c084d81a, 0 0 0 1px #c084d852 inset;--glow-legendary:0 0 40px #ecc8701a, 0 8px 32px #ecc87024, 0 0 0 1px #ecc87073 inset;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-fast:.14s;--t-base:.16s;--t-slow:.24s;--t-stage:.6s;--t-event:.8s;--container-max:1280px;--container-px:24px}html,body{background:var(--bg-0);color:var(--ink-0);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;overflow-x:hidden}.t-display-1{font:var(--t-display-1);letter-spacing:var(--display-tracking)}.t-display-2{font:var(--t-display-2);letter-spacing:var(--display-tracking)}.t-display-3{font:var(--t-display-3);letter-spacing:.03em}.t-title{font:var(--t-title);letter-spacing:.04em}.t-card-name{font:var(--t-card-name);letter-spacing:.03em}.t-body{font:var(--t-body)}.t-body-strong{font:var(--t-body-strong)}.t-small{font:var(--t-small)}.t-mono-stat{font:var(--t-mono-stat);font-variant-numeric:tabular-nums}.t-mono-meta{font:var(--t-mono-meta);font-variant-numeric:tabular-nums}.t-label{letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--ink-2);font-size:10px;font-weight:600}.pulse-dot{background:var(--live);width:6px;height:6px;box-shadow:0 0 8px var(--live);border-radius:50%;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}:root{--bg-0:#07080b;--bg-1:#0d1014;--bg-2:#14181f;--bg-3:#1c222b;--bg-4:#262d38;--line:#ffffff0f;--line-strong:#ffffff1f;--ink-0:#f5f6f8;--ink-1:#c8cdd6;--ink-2:#8a92a0;--ink-3:#5b6371;--ink-4:#3a414c;--accent:#c9a86a;--accent-2:#7fdbd0;--r-common:#9aa3b1;--r-rare:#4a8fd8;--r-epic:#a56bcf;--r-legendary:#e0b85a;--rg-demacia:#5b8fcc;--rg-noxus:#c8364c;--rg-freljord:#7dd3e0;--rg-ionia:#e89ab8;--rg-shurima:#e0b85a;--rg-piltover:#d4a24c;--rg-zaun:#6fb57a;--rg-targon:#9a7bd4;--rg-shadow:#4fb39a;--rg-bilgewater:#d8884a;--rg-void:#b85ac4;--rg-ixtal:#5ac498;--rg-bandle:#c9d050;--rg-runeterra:#c9a86a;--font-display:"Cinzel", "Cormorant SC", serif;--font-ui:"Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--ink-0);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}img{max-width:100%;display:block}.app-shell{background:radial-gradient(120% 80% at 50% -10%, #c9a86a0f, transparent 60%), radial-gradient(80% 60% at 50% 110%, #7fdbd00a, transparent 60%), var(--bg-0);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");position:fixed;inset:0}.t-display{font-family:var(--font-display);letter-spacing:.02em;font-weight:500}.t-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#07080beb,#07080bb3);align-items:center;gap:24px;padding:18px 24px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:10px;font-size:17px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.nav{gap:4px;margin-left:16px;display:flex}.nav-item{color:var(--ink-2);white-space:nowrap;transition:all .16s var(--ease-out);background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.nav-item:hover,.nav-item[data-active=true]{color:var(--ink-0);background:var(--bg-2)}.nav-badge{background:var(--accent);min-width:18px;height:18px;color:var(--bg-0);font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;display:inline-flex}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-btn{background:var(--bg-2);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-1);transition:all .16s var(--ease-out);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-3);color:var(--ink-0)}.pill{background:var(--bg-2);border:1px solid var(--line);color:var(--ink-1);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:inline-flex}.pill .dot{background:var(--accent-2);width:6px;height:6px;box-shadow:0 0 8px var(--accent-2);border-radius:50%}.btn{border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink-0);letter-spacing:.02em;transition:all .16s var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:#fff3}.btn-primary{color:var(--accent);background:linear-gradient(#1d242e,#11161c);border-color:#c9a86a66;box-shadow:inset 0 0 0 1px #c9a86a14,inset 0 1px #ffffff0a}.btn-primary:hover{border-color:#c9a86ab3;box-shadow:0 0 24px #c9a86a2e,inset 0 0 0 1px #c9a86a26}.btn-ghost{border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--bg-2)}.page-head{padding:48px 0 32px}.page-head h1{font-family:var(--font-display);letter-spacing:.01em;margin:8px 0 12px;font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.05}.page-head p{color:var(--ink-2);max-width:60ch;margin:0;font-size:15px}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;padding:18px 0;display:flex}.search{background:var(--bg-2);border:1px solid var(--line);min-width:220px;color:var(--ink-2);border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.search input{color:var(--ink-0);background:0 0;border:0;outline:none;flex:1;font-size:13px}.search input::placeholder{color:var(--ink-3)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);transition:all .14s var(--ease-out);background:0 0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500}.chip:hover{color:var(--ink-0);border-color:var(--line-strong)}.chip[data-active=true]{color:var(--ink-0);background:var(--bg-2);border-color:#c9a86a80}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding-bottom:80px;display:grid}.coll-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;transition:all .24s var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.coll-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 32px #0006}.coll-card-art{aspect-ratio:4/3;position:relative;overflow:hidden}.coll-card-art:after{content:"";background:linear-gradient(#0000 40%,#0d1014d9 100%);position:absolute;inset:0}.coll-glyph{opacity:.18;filter:blur(.5px);place-items:center;display:grid;position:absolute;inset:0}.coll-glyph svg{width:56%;height:56%}.coll-card-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.coll-card-meta{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.coll-card-title{font-family:var(--font-display);letter-spacing:.04em;font-size:22px;font-weight:500;line-height:1.1}.coll-card-stats{color:var(--ink-2);gap:16px;margin-top:8px;font-size:12px;display:flex}.coll-card-stats b{color:var(--ink-0);font-weight:600;font-family:var(--font-mono)}.coll-progress{background:var(--line);border-radius:2px;height:2px;margin-top:12px;overflow:hidden}.coll-progress-fill{background:var(--accent);height:100%;transition:width .6s var(--ease-out)}.fcard{aspect-ratio:3/4.4;background:var(--bg-2);cursor:pointer;transform-style:preserve-3d;transition:filter .24s var(--ease-out);will-change:transform;isolation:isolate;border-radius:14px;position:relative;overflow:hidden}.fcard[data-locked=true]{filter:grayscale(.9)brightness(.4);cursor:default}.fcard-img-wrap{z-index:1;position:absolute;inset:0}.fcard-img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.fcard-img-tint{background:linear-gradient(#07080b73 0%,#07080b00 18% 55%,#07080ba6 72%,#07080bf2 100%);position:absolute;inset:0}.fcard-fallback{place-items:center;display:grid;position:absolute;inset:0}.fcard-fallback svg{width:60%;height:60%}.fcard-fallback-initials{font-family:var(--font-display);color:#ffffff14;letter-spacing:.05em;font-size:64px;position:absolute}.fcard-frame-svg{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fcard-top-row{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.fcard-region-plate{-webkit-backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%,6px 50%);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-0);background:#07080bb8;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;min-width:0;max-width:calc(100% - 80px);padding:5px 10px 5px 8px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.fcard-region-glyph{flex-shrink:0;display:inline-flex}.fcard-region-plate>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fcard-number-plate{-webkit-backdrop-filter:blur(8px);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-family:var(--font-mono);color:var(--ink-0);letter-spacing:.04em;background:#07080bb8;border:1px solid #ffffff14;align-items:baseline;gap:3px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.fcard-number-total{color:var(--ink-3);font-size:10px}.fcard-bottom{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.fcard-nameplate{width:100%}.fcard-nameplate-frame{background:var(--frame-color,var(--accent));clip-path:polygon(0 50%,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%);padding:1px}.fcard-nameplate-inner{clip-path:polygon(0 50%,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%);background:linear-gradient(#07080bf0,#0d1014f0);flex-direction:column;align-items:center;gap:1px;padding:10px 24px 8px;display:flex}.fcard-nameplate-meta{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:600;overflow:hidden}.fcard-nameplate-name{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink-0);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;font-weight:500;line-height:1.05;overflow:hidden}.fcard-clean-info{text-align:center;flex-direction:column;gap:2px;width:100%;display:flex}.fcard-clean-meta{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:600;overflow:hidden}.fcard-clean-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-0);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:500;line-height:1;overflow:hidden}.fcard-gem-wrap{align-items:center;gap:8px;display:flex}.fcard-rarity-text{letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:700}.fcard-gem-svg{filter:drop-shadow(0 0 6px #00000080)}.fcard-meta-sep{background:var(--ink-3);border-radius:50%;width:3px;height:3px;display:inline-block}.fcard-locked-veil{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07080b8c;place-items:center;display:grid;position:absolute;inset:0}.fcard-locked-icon{color:var(--ink-3)}.fcard-shine{z-index:6;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), #ffffff1f, transparent 35%);mix-blend-mode:screen;opacity:.6;position:absolute;inset:0}.fcard[data-rarity=common]{box-shadow:inset 0 0 0 1px #a8b0bc2e}.fcard[data-rarity=rare]{box-shadow:inset 0 0 0 1px #6ba8e847,0 6px 24px #6ba8e80f}.fcard[data-rarity=epic]{box-shadow:inset 0 0 0 1px #c084d852,0 6px 24px #c084d81a}.fcard[data-rarity=legendary]{box-shadow:inset 0 0 0 1px #ecc87073,0 0 40px #ecc8701a,0 8px 32px #ecc87024}.fcard[data-rarity=legendary]:before{content:"";pointer-events:none;z-index:3;mix-blend-mode:screen;background:linear-gradient(135deg,#ecc87029 0%,#0000 25% 75%,#ecc8701f 100%);border-radius:14px;position:absolute;inset:0}.fcard[data-rarity=legendary]:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:screen;transition:background-position .8s var(--ease-out);background:linear-gradient(115deg,#0000 30%,#ecc8702e 45%,#ffffff14 50%,#ecc8702e 55%,#0000 70%) 100% 0/200% 100%;border-radius:14px;position:absolute;inset:0}.fcard[data-rarity=legendary]:hover:after{background-position:0 0}.album-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 0 24px;display:flex}.album-head-left{max-width:60ch}.album-back{color:var(--ink-2);letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:16px;padding:0;font-size:12px;display:inline-flex}.album-back:hover{color:var(--ink-0)}.album-head h1{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:18px;margin:4px 0 12px;font-size:clamp(36px,4.5vw,56px);font-weight:500;line-height:1;display:flex}.album-head h1 .album-crest{place-items:center;width:56px;height:56px;display:grid}.album-head p{color:var(--ink-2);margin:0}.album-stats{gap:32px;font-size:12px;display:flex}.album-stat-label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.album-stat-value{font-family:var(--font-display);color:var(--ink-0);font-size:28px}.album-progress{align-items:center;gap:16px;margin:24px 0 32px;display:flex}.album-progress-bar{background:var(--bg-3);border-radius:3px;flex:1;height:3px;overflow:hidden}.album-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .6s var(--ease-out);border-radius:3px;box-shadow:0 0 12px #c9a86a66}.album-progress-num{font-family:var(--font-mono);color:var(--ink-1);font-size:13px}.album-grid{grid-template-columns:repeat(4,1fr);gap:22px;padding-bottom:80px;display:grid}.detail-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:64px;padding:48px 0 80px;display:grid}@media (width<=880px){.detail-wrap{grid-template-columns:1fr;gap:32px}}.detail-card-wrap{justify-self:center;width:100%;max-width:440px;position:sticky;top:88px}.detail-info h1{font-family:var(--font-display);letter-spacing:.02em;margin:8px 0 12px;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1}.detail-sub{color:var(--ink-2);letter-spacing:.04em;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.detail-grid{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;display:grid;overflow:hidden}.detail-cell{background:var(--bg-1);padding:18px 20px}.detail-cell-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;font-size:10px;font-weight:600}.detail-cell-value{font-family:var(--font-display);color:var(--ink-0);font-size:20px}.detail-cell-value.t-mono{font-family:var(--font-mono);font-size:16px}.detail-section{margin-top:32px}.detail-section-title{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px;font-size:11px;font-weight:600}.detail-flavor{color:var(--ink-1);border-left:2px solid var(--line-strong);padding:0 0 0 16px;font-size:15px;font-style:italic;line-height:1.65}.detail-owners{gap:-8px;margin-top:8px;display:flex}.detail-owner{border:2px solid var(--bg-1);background:var(--bg-3);width:32px;height:32px;color:var(--ink-1);border-radius:50%;place-items:center;margin-left:-8px;font-size:11px;font-weight:600;display:grid}.detail-owner:first-child{margin-left:0}.detail-actions{gap:12px;margin-top:32px;display:flex}.drop-stage{place-items:center;min-height:calc(100vh - 64px);padding:48px 24px;display:grid;position:relative;overflow:hidden}.drop-stage[data-phase=reveal]{align-items:start;padding-top:64px}.drop-bg-glow{filter:blur(40px);pointer-events:none;width:800px;height:800px;transition:all .8s var(--ease-out);background:radial-gradient(circle,#c9a86a2e 0%,#0000 60%);border-radius:50%;position:absolute}.drop-pack-wrap{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.drop-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600}.drop-event-title{font-family:var(--font-display);letter-spacing:.04em;font-size:32px;font-weight:500}.drop-pack{cursor:pointer;width:280px;height:380px;transition:transform .4s var(--ease-out);background:linear-gradient(135deg,#1a2028 0%,#0e1318 100%);border:1px solid #c9a86a4d;border-radius:18px;position:relative;overflow:hidden}.drop-pack:hover{transform:translateY(-4px)}.drop-pack:before{content:"";background:radial-gradient(circle at 50% 30%,#c9a86a33,#0000 60%),linear-gradient(#ffffff0a,#0000 60%);position:absolute;inset:0}.drop-pack-content{z-index:2;flex-direction:column;justify-content:space-between;align-items:center;padding:36px 24px;display:flex;position:absolute;inset:0}.drop-pack-crest{width:100px;height:100px;color:var(--accent);filter:drop-shadow(0 0 24px #c9a86a73);place-items:center;display:grid}.drop-pack-info{flex-direction:column;align-items:center;gap:6px;display:flex}.drop-pack-name{font-family:var(--font-display);letter-spacing:.06em;font-size:20px}.drop-pack-tier{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.drop-pack-shine{background:linear-gradient(60deg,#0000 30%,#ffffff14 50%,#0000 70%);animation:4s ease-in-out infinite shine;position:absolute;inset:0}@keyframes shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.drop-pack[data-opening=true]{animation:pack-open 1.2s var(--ease-in-out) forwards}@keyframes pack-open{0%{opacity:1;transform:scale(1)rotate(0)}30%{transform:scale(1.06)rotate(-1deg)}60%{filter:brightness(1.8);transform:scale(1.12)rotate(1deg)}to{opacity:0;filter:brightness(3);transform:scale(2.5)rotate(0)}}.drop-flash{pointer-events:none;opacity:0;z-index:100;background:radial-gradient(circle,#fff9,#0000 60%);position:fixed;inset:0}.drop-flash[data-active=true]{animation:flash 1s var(--ease-in-out) forwards}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.drop-reveal{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.drop-reveal-card{opacity:0;width:240px;animation:reveal-in .8s var(--ease-out) forwards;transform:translateY(40px)scale(.9)}@keyframes reveal-in{to{opacity:1;transform:translateY(0)scale(1)}}.drop-reveal-cta{opacity:0;animation:reveal-in .6s var(--ease-out) 1.4s forwards;justify-content:center;gap:12px;margin-top:40px;display:flex}.lock-icon{z-index:2;color:var(--ink-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07080b8c;place-items:center;display:grid;position:absolute;inset:0}.live-indicator{letter-spacing:.12em;text-transform:uppercase;color:#ff6478;white-space:nowrap;background:linear-gradient(#1d1217,#160a0e);border:1px solid #c8364c66;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.pill{white-space:nowrap}.live-indicator .pulse{background:#ff4d6a;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 8px #ff4d6a}.featured{border:1px solid var(--line);background:radial-gradient(120% 80% at 80%,#c8364c2e,#0000 60%),linear-gradient(#11151c,#0a0d11);border-radius:18px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;margin:24px 0 40px;padding:36px;display:grid;position:relative;overflow:hidden}@media (width<=880px){.featured{grid-template-columns:1fr;padding:24px}}.featured-glyph{opacity:.06;pointer-events:none;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.featured-glyph svg{width:360px;height:360px}.featured-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.featured h2{font-family:var(--font-display);letter-spacing:.03em;margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.05}.featured p{color:var(--ink-2);max-width:50ch;margin:0 0 20px}.featured-stats{flex-wrap:wrap;gap:28px;margin-bottom:24px;display:flex}.featured-stats>div{flex-direction:column;gap:2px;display:flex}.featured-stats .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.featured-stats .val{font-family:var(--font-display);color:var(--ink-0);font-size:22px}.featured-pack-preview{place-items:center;display:grid}.featured-pack-preview .drop-pack{width:200px;height:280px;transition:transform .4s var(--ease-out);transform:rotate(-6deg)}.featured-pack-preview:hover .drop-pack{transform:rotate(-3deg)translateY(-4px)}.section-head{justify-content:space-between;align-items:baseline;margin:40px 0 18px;display:flex}.section-head h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:22px;font-weight:500}.section-head a{color:var(--ink-2);letter-spacing:.04em;font-size:12px;text-decoration:none}.section-head a:hover{color:var(--ink-0)}.live-container{padding-top:24px;padding-bottom:80px}.live-streams-bar{margin-bottom:28px}.live-streams-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.live-streams-title{font-family:var(--font-display);letter-spacing:.03em;margin:4px 0 0;font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.05}.live-streams-platforms{flex-wrap:wrap;gap:8px;display:flex}.live-streams-platform-chip{letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.stream-tile-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.stream-tile{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;text-align:left;color:inherit;transition:all .2s var(--ease-out);border-radius:12px;padding:0;font-family:inherit;overflow:hidden}.stream-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.stream-tile[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 6px 20px #c9a86a26}.stream-tile-art{aspect-ratio:16/9;background-position:top;background-size:cover;position:relative}.stream-tile-tint{background:linear-gradient(#07080b00 30%,#07080be6 100%);position:absolute;inset:0}.stream-tile-platform{letter-spacing:.12em;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.stream-tile-viewers{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-0);font-size:10px;font-weight:600;font-family:var(--font-mono);background:#07080bb3;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;display:inline-flex;position:absolute;top:8px;right:8px}.stream-tile-pulse{background:#ff4d6a;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 6px #ff4d6a}.stream-tile-info{padding:10px 12px 12px}.stream-tile-name{font-family:var(--font-display);letter-spacing:.02em;font-size:14px;font-weight:500}.stream-tile-cat{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.live-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:20px;display:grid}@media (width<=980px){.live-main-grid{grid-template-columns:1fr}}.live-main-left,.live-main-right{flex-direction:column;gap:16px;min-width:0;display:flex}.live-player{aspect-ratio:16/9;border:1px solid var(--line-strong);background:#000;border-radius:14px;position:relative;overflow:hidden}.live-player-bg{object-fit:cover;object-position:center top;filter:saturate(1.05)brightness(.78);width:100%;height:100%;position:absolute;inset:0}.live-player-vignette{background:radial-gradient(120% 80%,#0000 40%,#07080b8c 100%),linear-gradient(#07080b8c 0%,#0000 30% 60%,#07080bd9 100%);position:absolute;inset:0}.live-player-top{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.live-player-platform{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.live-player-live{letter-spacing:.18em;color:#ff6478;background:linear-gradient(#2a0e14,#1a0608);border:1px solid #ff647866;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.live-player-live .pulse{background:#ff4d6a;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 8px #ff4d6a}.live-player-viewers{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-1);font-size:11px;font-family:var(--font-mono);background:#07080b99;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.live-player-icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--ink-1);background:#07080b99;border:1px solid #ffffff1a;border-radius:6px;place-items:center;display:grid}.live-player-icon-btn:hover{color:var(--ink-0);background:#07080bcc}.live-player-bottom{z-index:2;position:absolute;bottom:14px;left:14px;right:14px}.live-player-streamer{align-items:center;gap:12px;margin-bottom:10px;display:flex}.live-player-avatar{width:36px;height:36px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid}.live-player-name{font-family:var(--font-display);letter-spacing:.02em;font-size:16px;font-weight:500}.live-player-handle{color:var(--ink-2);font-size:11px}.live-player-title{color:var(--ink-1);max-width:80%;font-size:13px;line-height:1.4}.live-player-pause{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-1);text-align:center;background:#07080bb3;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.text-link{color:var(--accent);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chat-pane{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:200px;max-height:280px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat-header-count{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.chat-pulse{border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.chat-feed{flex-direction:column-reverse;flex:1;gap:4px;padding:8px 14px;font-size:12px;line-height:1.4;display:flex;overflow-y:auto}.chat-feed::-webkit-scrollbar{width:4px}.chat-feed::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.chat-msg{animation:chat-in .24s var(--ease-out)}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-user{margin-right:6px;font-weight:700}.chat-text{color:var(--ink-1)}.chat-compose{border-top:1px solid var(--line);gap:6px;padding:10px 14px;display:flex}.chat-compose input{background:var(--bg-1);border:1px solid var(--line);color:var(--ink-1);border-radius:6px;flex:1;padding:6px 10px;font-size:11px}.chat-compose input:disabled{color:var(--ink-3)}.chat-send{background:var(--bg-3);border:1px solid var(--line);color:var(--ink-3);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600}.drop-timer{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.drop-timer[data-ready=true]{background:linear-gradient(180deg, #c9a86a14, var(--bg-2));border-color:#c9a86a66;animation:2s ease-in-out infinite ready-pulse}@keyframes ready-pulse{0%,to{box-shadow:0 0 #c9a86a66}50%{box-shadow:0 0 28px 4px #c9a86a2e}}.drop-timer-eyebrow{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.drop-timer-source{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.drop-timer-ring{position:relative}.drop-timer-ring text{fill:var(--ink-0)}.drop-timer-time{font-family:var(--font-mono);letter-spacing:.02em;font-size:28px;font-weight:600}.drop-timer-sub{fill:var(--ink-2);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:600;font-family:var(--font-ui)}.drop-timer-meta{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.drop-timer-stat{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.drop-timer-stat .lbl{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:600}.drop-timer-stat .val{font-family:var(--font-display);color:var(--ink-0);font-size:14px}.btn-claim{width:100%;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#2a200e,#1a1408);border-color:#c9a86a99;justify-content:center;padding:14px 18px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite claim-glow}@keyframes claim-glow{0%,to{box-shadow:inset 0 0 0 1px #c9a86a66,0 0 #c9a86a00}50%{box-shadow:inset 0 0 0 1px #c9a86ab3,0 0 24px #c9a86a66}}.drop-timer-warn{color:#ff8a99;background:#c8364c14;border:1px solid #c8364c40;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;display:flex}.drop-opening-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;place-items:center;min-height:320px;padding:40px;display:grid}.drop-reveal-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.drop-reveal-title{font-family:var(--font-display);letter-spacing:.04em;font-size:28px;font-weight:500}.drop-reveal-stack{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.drop-reveal-stack .drop-reveal-card{width:auto}.session-stats{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:18px;padding:20px;display:flex}.session-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.session-cell{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:12px}.session-label{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600;line-height:1.2}.session-value{font-family:var(--font-mono);color:var(--ink-0);font-size:18px;font-weight:600}.session-value-sub{color:var(--ink-3);font-size:12px;font-weight:400}.session-progress{flex-direction:column;gap:6px;display:flex}.session-progress-bar{background:var(--bg-3);border-radius:2px;height:4px;overflow:hidden}.session-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .6s var(--ease-out);border-radius:2px}.session-progress-label{color:var(--ink-2);font-size:11px}.session-platforms{flex-direction:column;gap:8px;display:flex}.session-platform-list{flex-direction:column;gap:4px;display:flex}.session-platform{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.session-platform[data-connected=false]{opacity:.6}.session-platform-state{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:600}.session-platform[data-connected=true] .session-platform-state{color:var(--accent-2)}.session-recent{flex-direction:column;gap:8px;display:flex}.session-recent-list{flex-direction:column;gap:4px;display:flex}.session-recent-item{align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.session-recent-dot{border-radius:50%;width:6px;height:6px}.session-recent-coll{color:var(--ink-1)}.session-recent-when{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:11px}.how-it-works{border:1px solid var(--line);background:radial-gradient(80% 60% at 50% 0%, #c9a86a0a, transparent 60%), var(--bg-1);border-radius:14px;margin-top:40px;padding:24px}.how-it-works-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:16px;display:grid}.how-step{flex-direction:column;gap:8px;display:flex}.how-step-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.16em;font-size:12px}.how-step-title{font-family:var(--font-display);letter-spacing:.02em;font-size:16px;font-weight:500}.how-step-text{color:var(--ink-2);max-width:40ch;font-size:13px;line-height:1.55}.stream-tile-drops{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-1);background:#07080bc7;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.open-on-platform{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;background:#07080b99;border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.chat-pane-tall{flex:1;min-height:380px;max-height:none}.chat-feed-tall{flex:1;min-height:240px;max-height:380px}.chat-sysmsg{border-left:2px solid var(--box-color,var(--accent));color:var(--ink-1);animation:chat-in .24s var(--ease-out);background:#ffffff08;border-radius:0 6px 6px 0;align-items:center;gap:8px;margin:2px 0;padding:6px 10px;font-size:12px;display:flex}.chat-sysmsg[data-mine=true]{background:linear-gradient(90deg, var(--box-color) 0%, transparent 60%);border-color:var(--box-color,var(--accent));color:var(--ink-0);background-color:#c9a86a14;font-weight:500}.chat-sysmsg svg{color:var(--box-color,var(--accent));flex-shrink:0}.chat-msg[data-self=true]{border-left:2px solid var(--accent);background:#c9a86a0f;border-radius:0 4px 4px 0;margin-left:-10px;padding:4px 8px}.chat-compose-block{border-top:1px solid var(--line)}.chat-hint{color:var(--ink-1);background:#c9a86a0d;border-bottom:1px solid #c9a86a33;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;font-size:11px;display:flex}.chat-hint code{font-family:var(--font-mono);color:var(--accent);background:#c9a86a26;border:1px solid #c9a86a4d;border-radius:3px;padding:2px 6px;font-size:11px}.chat-compose{align-items:center;gap:6px;padding:10px 12px;display:flex}.chat-compose input{background:var(--bg-1);border:1px solid var(--line);color:var(--ink-0);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:12px;transition:border-color .16s}.chat-compose input:focus{border-color:var(--line-strong)}.chat-compose input::placeholder{color:var(--ink-3)}.chat-send{background:var(--bg-3);border:1px solid var(--line);color:var(--ink-1);border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .16s}.chat-send:hover{background:var(--bg-4);color:var(--ink-0)}.chat-send-quick{color:var(--accent);background:#c9a86a1a;border:1px solid #c9a86a66;border-radius:6px;align-items:center;padding:8px 10px;display:inline-flex}.chat-send-quick:hover{background:#c9a86a33}.chat-send-catch{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#2a200e,#1a1408);border:1px solid #c9a86a99;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;animation:1.8s ease-in-out infinite catch-pulse;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a86a66}@keyframes catch-pulse{0%,to{box-shadow:inset 0 0 0 1px #c9a86a66,0 0 #c9a86a00}50%{box-shadow:inset 0 0 0 1px #c9a86ab3,0 0 18px #c9a86a59}}.chat-send-cd{color:#ff8a99;font-family:var(--font-mono);cursor:not-allowed;background:#c8364c14;border:1px solid #c8364c40;align-items:center;gap:5px;padding:8px 12px;font-size:11px;display:inline-flex}.drop-side{flex-direction:column;gap:12px;display:flex}.drop-side-hero{border:1px solid var(--source-color);border-color:color-mix(in srgb, var(--source-color), transparent 60%);border-radius:12px;position:relative;overflow:hidden}.drop-side-hero-bg{position:absolute;inset:0;overflow:hidden}.drop-side-hero-glyph{opacity:.18;width:160px;height:160px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.drop-side-hero-glyph svg{width:100%;height:100%}.drop-side-hero-content{z-index:1;background:linear-gradient(90deg,#07080bb3 0%,#07080b4d 70%);padding:18px;position:relative}.drop-side-hero-name{font-family:var(--font-display);letter-spacing:.04em;margin-top:4px;font-size:22px;font-weight:500}.drop-side-hero-sub{color:var(--ink-2);max-width:30ch;margin-top:6px;font-size:12px;line-height:1.4}.drop-side-cmd{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.drop-side-cmd-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;font-size:10px;font-weight:600}.drop-side-cmd-step{color:var(--ink-1);gap:10px;font-size:12px;line-height:1.5;display:flex}.drop-side-cmd-step code{font-family:var(--font-mono);color:var(--accent);background:#c9a86a1f;border:1px solid #c9a86a4d;border-radius:3px;margin:0 2px;padding:1px 6px;font-size:12px;display:inline-block}.drop-side-cmd-num{width:22px;font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:11px;font-weight:600}.drop-side-cd{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.drop-side-cd[data-ready=true]{background:linear-gradient(180deg, #7fdbd00f, var(--bg-2));border-color:#7fdbd066}.drop-side-cd-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;font-size:10px;font-weight:600}.drop-side-cd-val{font-family:var(--font-mono);margin-bottom:8px;font-size:22px;font-weight:600}.drop-side-cd-bar{background:var(--bg-3);border-radius:2px;height:3px;overflow:hidden}.drop-side-cd-fill{height:100%;transition:width .6s var(--ease-out)}.drop-side-recent{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.drop-side-boxes{flex-wrap:wrap;gap:6px;display:flex}.drop-side-box{background:var(--bg-1);border:1px solid #ffffff0d;border-color:color-mix(in srgb, var(--c), transparent 60%);border-radius:8px;place-items:center;width:52px;height:52px;display:grid}.drop-side-box-more{font-family:var(--font-mono);color:var(--ink-1);font-size:13px}.box-claim-toast{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-strong);animation:toast-in .32s var(--ease-out), toast-out .32s var(--ease-out) 2.6s forwards;background:#0d1014f2;border-radius:12px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 40px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}.box-claim-toast-title{font-family:var(--font-display);letter-spacing:.04em;font-size:14px;font-weight:500}.box-claim-toast-sub{color:var(--ink-2);margin-top:2px;font-size:11px}@keyframes box-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes box-jitter{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)scale(1.05)}40%{transform:rotate(8deg)scale(1.08)}60%{transform:rotate(-4deg)scale(1.1)}80%{transform:rotate(2deg)scale(1.05)}}.loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.inv-container{padding-top:24px;padding-bottom:80px}.inv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 0;display:flex}.inv-head h1{font-family:var(--font-display);letter-spacing:.01em;margin:6px 0 10px;font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.05}.inv-head p{color:var(--ink-2);margin:0;font-size:14px}.inv-tabs{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.inv-tab{color:var(--ink-2);letter-spacing:.02em;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.inv-tab[data-active=true]{background:var(--bg-3);color:var(--ink-0)}.inv-tab-count{font-family:var(--font-mono);color:var(--ink-1);background:#ffffff0f;border-radius:999px;padding:2px 7px;font-size:11px}.inv-tab[data-active=true] .inv-tab-count{background:var(--accent);color:var(--bg-0)}.inv-box-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.box-tile{background:var(--bg-2);border:1px solid var(--line);transition:all .2s var(--ease-out);border-radius:14px;position:relative;overflow:hidden}.box-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.box-tile[data-new=true]{border-color:#c9a86a66;box-shadow:0 0 24px #c9a86a14}.box-tile-new{z-index:2;background:var(--accent);color:var(--bg-0);letter-spacing:.14em;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.box-tile-art{aspect-ratio:1.2;background:radial-gradient(circle at 50% 50%, #ffffff05, transparent 60%), var(--bg-1);place-items:center;display:grid;position:relative;overflow:hidden}.box-tile-glow{pointer-events:none;position:absolute;inset:-20%}.box-tile-body{border-top:1px solid var(--line);padding:14px 16px 16px}.box-tile-source{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.box-tile-source b{color:var(--ink-0);font-weight:700}.box-tile-source-dot{border-radius:50%;width:5px;height:5px}.box-tile-name{font-family:var(--font-display);letter-spacing:.03em;margin:4px 0 2px;font-size:17px;font-weight:500}.box-tile-meta{color:var(--ink-3);margin-bottom:12px;font-size:11px}.btn-open-box{justify-content:center;width:100%;font-size:12px}.box-overlay{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07080beb;place-items:center;padding:32px;display:grid;position:fixed;inset:0;overflow-y:auto}.box-overlay-bg-glow{filter:blur(40px);pointer-events:none;z-index:0;border-radius:50%;width:800px;height:800px;position:absolute}.box-overlay-close{z-index:10;background:var(--bg-2);border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink-1);border-radius:8px;place-items:center;display:grid;position:fixed;top:24px;right:24px}.box-overlay-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.box-opening-anim{animation:box-explode 1.3s var(--ease-in-out) forwards}@keyframes box-explode{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.1)rotate(-5deg)}60%{filter:brightness(1.5);transform:scale(1.2)rotate(8deg)}to{opacity:0;filter:brightness(3);transform:scale(2)rotate(0)}}.inv-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:80px 24px;display:flex}.inv-empty-title{font-family:var(--font-display);letter-spacing:.02em;font-size:22px;font-weight:500}.inv-empty-sub{color:var(--ink-2);max-width:40ch;font-size:14px}.inv-empty-sub code{font-family:var(--font-mono);color:var(--accent);background:#c9a86a1f;border:1px solid #c9a86a4d;border-radius:3px;padding:1px 6px}.inv-coll-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:16px;display:flex}.inv-coll-chip{background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex}.inv-coll-chip:hover{color:var(--ink-0)}.inv-coll-chip[data-active=true]{color:var(--ink-0);background:var(--bg-3);border-color:var(--c,var(--line-strong))}.inv-coll-chip-count{font-family:var(--font-mono);color:var(--ink-3);margin-left:4px;font-size:10px}.trade-container{padding-top:24px;padding-bottom:80px}.trade-list{flex-direction:column;gap:8px;display:flex}.trade-row{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .16s;display:flex}.trade-row:hover{border-color:var(--line-strong);background:var(--bg-3)}.trade-avatar{width:38px;height:38px;font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:600;display:grid}.trade-avatar-sm{width:32px;height:32px;font-size:13px}.trade-row-info{min-width:0}.trade-row-name{font-family:var(--font-display);letter-spacing:.02em;font-size:14px;font-weight:500}.trade-row-meta{color:var(--ink-3);margin-top:1px;font-size:11px}.trade-row-cards{flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.trade-row-stack{flex-shrink:0;height:40px;position:relative}.trade-row-stack[data-side=them],.trade-row-stack[data-side=you]{width:80px}.trade-row-thumb{background:var(--bg-3);border:1px solid var(--c,var(--line-strong));border-radius:4px;width:28px;height:40px;position:absolute;top:0;overflow:hidden}.trade-row-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%}.trade-row-status{letter-spacing:.14em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.trade-row-status[data-status=pending-you]{color:var(--accent);background:#c9a86a1f}.trade-row-status[data-status=pending-them]{color:var(--accent-2);background:#7fdbd014}.trader-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.trader-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:14px;padding:16px;transition:all .2s;display:flex}.trader-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.trader-card-head{align-items:center;gap:12px;display:flex}.trader-card-name{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.trader-card-online{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.trader-card-online[data-online=true]{color:var(--accent-2);background:#7fdbd01a}.trader-card-handle{color:var(--ink-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.trader-card-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 0;display:grid}.trader-card-stats>div{flex-direction:column;align-items:center;gap:2px;display:flex}.trader-card-stats span{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:600}.trader-card-stats b{font-family:var(--font-mono);color:var(--ink-0);font-size:16px}.trader-card-cta{justify-content:center;width:100%;font-size:12px}.trade-shared{color:var(--accent-2);letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.trade-back-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0;display:flex}.trade-partner-row{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.trade-partner-name{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.trade-partner-online{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:#ffffff0a;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.trade-partner-online[data-online=true]{color:var(--accent-2);background:#7fdbd01a}.trade-partner-handle{font-size:11px;font-family:var(--font-mono);color:var(--ink-3);margin-top:1px}.trade-board{grid-template-columns:1fr 60px 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}@media (width<=720px){.trade-board{grid-template-columns:1fr}.trade-swap{display:none}}.trade-side{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.trade-side[data-side=you]{background:linear-gradient(180deg, #c9a86a0a, var(--bg-2));border-color:#c9a86a33}.trade-side[data-locked=true]{background:var(--bg-1)}.trade-side-head{justify-content:space-between;align-items:flex-start;display:flex}.trade-side-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.trade-side-name{font-family:var(--font-display);letter-spacing:.02em;margin-top:2px;font-size:15px;font-weight:500}.trade-side-status{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:#ffffff0a;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.trade-side-status[data-accepted=true]{color:var(--accent-2);background:#7fdbd01f}.trade-slots{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=720px){.trade-slots{grid-template-columns:repeat(3,1fr)}}.trade-slot{aspect-ratio:3/4;background:var(--bg-1);border:1px dashed var(--line-strong);color:var(--ink-3);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.trade-slot[data-empty]{background:var(--bg-1);border-style:dashed}.trade-slot[data-side=you][data-empty]{border-color:#c9a86a33}.trade-slot[data-rarity]{border-style:solid}.trade-slot-add{color:var(--accent);cursor:pointer;background:0 0;border:1px dashed #c9a86a4d;transition:all .16s}.trade-slot-add:hover{background:#c9a86a0f;border-color:#c9a86a80}.trade-slot-add:disabled{opacity:.4;cursor:not-allowed}.trade-slot .trade-chip{width:100%;height:100%}.trade-chip{background:var(--bg-2);cursor:pointer;border:1px solid var(--region-color,var(--line-strong));border-color:color-mix(in srgb, var(--region-color,var(--line-strong)), transparent 70%);border-radius:6px;flex-direction:column;width:100%;transition:all .16s;display:flex;position:relative;overflow:hidden}.trade-chip:hover{border-color:var(--region-color,var(--line-strong));border-color:color-mix(in srgb, var(--region-color,var(--line-strong)), transparent 30%)}.trade-chip-art{background:var(--bg-1);flex:1;position:relative;overflow:hidden}.trade-chip-art img{object-fit:cover;object-position:center top;width:100%;height:100%}.trade-chip-art:after{content:"";background:linear-gradient(#0000 50%,#07080bb3 100%);position:absolute;inset:0}.trade-chip-rarity-bar{background:var(--rarity-color,var(--line-strong));height:2px;position:absolute;bottom:0;left:0;right:0}.trade-chip-body{background:var(--bg-2);padding:6px 8px 8px}.trade-chip-name{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.trade-chip-meta{justify-content:space-between;align-items:center;margin-top:2px;font-size:9px;display:flex}.trade-chip-num{font-family:var(--font-mono);color:var(--ink-3)}.trade-chip-x{opacity:0;width:18px;height:18px;color:var(--ink-1);z-index:2;background:#07080bcc;border-radius:50%;place-items:center;transition:opacity .16s;display:grid;position:absolute;top:4px;right:4px}.trade-slot:hover .trade-chip-x{opacity:1}.trade-tally{flex-wrap:wrap;gap:6px;display:flex}.trade-tally-pill{letter-spacing:.12em;text-transform:uppercase;background:#ffffff08;border:1px solid;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.trade-swap{place-items:center;display:grid}.trade-swap-circle{background:var(--bg-2);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.trade-actions-bar{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.trade-actions-summary{color:var(--ink-1);font-size:12px}.trade-warn{color:#ff8a99}.trade-completed{flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.trade-completed-icon{color:var(--accent-2);filter:drop-shadow(0 0 24px #7fdbd066)}.trade-completed-title{font-family:var(--font-display);letter-spacing:.02em;font-size:28px;font-weight:500}.picker-overlay{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080bd9;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.picker{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:80vh;display:flex;overflow:hidden}.picker-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.picker-title{font-family:var(--font-display);letter-spacing:.02em;margin:4px 0 0;font-size:22px;font-weight:500}.picker-close{background:var(--bg-2);border:1px solid var(--line);width:32px;height:32px;color:var(--ink-1);border-radius:8px;place-items:center;display:grid}.picker-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.picker-list{flex-direction:column;flex:1;gap:4px;padding:8px 12px;display:flex;overflow-y:auto}.picker-row{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 8px;transition:background .16s;display:flex}.picker-row:hover{background:var(--bg-2)}.picker-row .trade-chip{flex:1;grid-template-columns:60px 1fr;height:64px;display:grid}.picker-row .trade-chip-art{aspect-ratio:auto;width:60px;height:64px}.picker-add{color:var(--accent);letter-spacing:.06em;background:#c9a86a1a;border:1px solid #c9a86a4d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.picker-empty{text-align:center;color:var(--ink-3);padding:40px;font-size:13px}.brand[data-v-d7ea31c5]{color:inherit;text-decoration:none}.brand:hover .brand-mark[data-v-d7ea31c5]{border-color:var(--accent);color:var(--accent)}.nav-item[data-v-d7ea31c5]{text-decoration:none}.btn-connect[data-v-d7ea31c5]{font-size:13px;text-decoration:none}.open-packs-btn[data-v-d7ea31c5]{border-radius:var(--r-pill);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#c9a86a1f;border:1px solid #c9a86a66;align-items:center;gap:6px;margin-right:8px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:background .14s,border-color .14s;display:flex}.open-packs-btn[data-v-d7ea31c5]:hover{background:#c9a86a38;border-color:#c9a86ab3}.pill-link[data-v-d7ea31c5]{cursor:pointer;transition:background .15s var(--ease-out), border-color .15s var(--ease-out);text-decoration:none}.pill-link[data-v-d7ea31c5]:hover{background:var(--bg-3);border-color:var(--line-strong)}.admin-pill[data-v-d7ea31c5]{border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#c9a86a1a;border:1px solid #c9a86a4d;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .14s,border-color .14s;display:flex}.admin-pill[data-v-d7ea31c5]:hover{background:#c9a86a2e;border-color:#c9a86a80}.drop-widget[data-v-d7ea31c5]{align-items:center;gap:6px;margin-right:6px;display:flex}.drop-pulse[data-v-d7ea31c5]{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite drop-pulse-d7ea31c5}@keyframes drop-pulse-d7ea31c5{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.drop-live-label[data-v-d7ea31c5]{color:var(--accent);letter-spacing:.06em;white-space:nowrap;opacity:.9;font-size:11px;font-weight:700}.promo-widget[data-v-d7ea31c5]{margin-right:6px;position:relative}.promo-icon-btn[data-v-d7ea31c5]{border-radius:var(--r-pill);border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background .14s;display:flex}.promo-icon-btn[data-v-d7ea31c5]:hover,.promo-icon-btn[data-open=true][data-v-d7ea31c5]{color:var(--accent);background:#c9a86a14;border-color:#c9a86a80}.promo-dropdown[data-v-d7ea31c5]{background:var(--bg-2);border:1px solid var(--line-strong);z-index:200;border-radius:10px;flex-direction:column;gap:8px;width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.promo-drop-label[data-v-d7ea31c5]{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:10px;font-weight:700}.promo-drop-form[data-v-d7ea31c5]{gap:6px;display:flex}.promo-drop-input[data-v-d7ea31c5]{background:var(--bg-3);border:1px solid var(--line-strong);color:var(--ink-1);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.promo-drop-input[data-v-d7ea31c5]::placeholder{text-transform:none;letter-spacing:normal;color:var(--ink-3)}.promo-drop-input[data-v-d7ea31c5]:focus{border-color:#c9a86a99}.promo-drop-input[data-v-d7ea31c5]:disabled{opacity:.55}.promo-drop-btn[data-v-d7ea31c5]{color:var(--accent);cursor:pointer;white-space:nowrap;background:#c9a86a1a;border:1px solid #c9a86a66;border-radius:6px;justify-content:center;align-items:center;min-width:36px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .14s;display:flex}.promo-drop-btn[data-v-d7ea31c5]:hover:not(:disabled){background:#c9a86a38}.promo-drop-btn[data-v-d7ea31c5]:disabled{opacity:.45;cursor:not-allowed}.promo-drop-spin[data-v-d7ea31c5]{border:2px solid #c9a86a40;border-top-color:var(--accent);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin-d7ea31c5}@keyframes spin-d7ea31c5{to{transform:rotate(360deg)}}.promo-drop-msg[data-v-d7ea31c5]{margin:0;font-size:12px;font-weight:500}.promo-drop-msg[data-state=success][data-v-d7ea31c5]{color:#4ade80}.promo-drop-msg[data-state=error][data-v-d7ea31c5]{color:#f87171}.fade-enter-active[data-v-d7ea31c5],.fade-leave-active[data-v-d7ea31c5]{transition:opacity .3s}.fade-enter-from[data-v-d7ea31c5],.fade-leave-to[data-v-d7ea31c5]{opacity:0}.promo-drop-enter-active[data-v-d7ea31c5]{transition:opacity .18s,transform .18s}.promo-drop-leave-active[data-v-d7ea31c5]{transition:opacity .14s,transform .14s}.promo-drop-enter-from[data-v-d7ea31c5],.promo-drop-leave-to[data-v-d7ea31c5]{opacity:0;transform:translateY(-6px)}.toast-container[data-v-691d79de]{z-index:9999;pointer-events:none;position:fixed;bottom:24px;right:24px}.toast-list[data-v-691d79de]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.toast[data-v-691d79de]{pointer-events:all;background:var(--bg-2);border:1px solid var(--line-strong);cursor:pointer;border-left:3px solid #0000;border-radius:10px;align-items:flex-start;gap:11px;min-width:290px;max-width:400px;padding:13px 14px 13px 15px;transition:opacity .14s,transform .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #0006,0 2px 8px #0003}.toast[data-v-691d79de]:hover{opacity:.92}.toast[data-type=success][data-v-691d79de]{border-left-color:#4ade80}.toast[data-type=error][data-v-691d79de]{border-left-color:#f87171}.toast[data-type=info][data-v-691d79de]{border-left-color:#6ba8e8}.toast[data-type=warning][data-v-691d79de]{border-left-color:var(--accent,#ecc870)}.toast-icon[data-v-691d79de]{flex-shrink:0;margin-top:1px;display:flex}.toast[data-type=success] .toast-icon[data-v-691d79de]{color:#4ade80}.toast[data-type=error] .toast-icon[data-v-691d79de]{color:#f87171}.toast[data-type=info] .toast-icon[data-v-691d79de]{color:#6ba8e8}.toast[data-type=warning] .toast-icon[data-v-691d79de]{color:var(--accent,#ecc870)}.toast-body[data-v-691d79de]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-title[data-v-691d79de]{color:var(--ink-0);margin:0;font-size:13px;font-weight:600;line-height:1.3}.toast-msg[data-v-691d79de]{color:var(--ink-3);margin:0;font-size:12px;line-height:1.4}.toast-close[data-v-691d79de]{cursor:pointer;color:var(--ink-4);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin:-2px -2px 0 0;padding:2px;transition:color .12s,background .12s;display:flex}.toast-close[data-v-691d79de]:hover{color:var(--ink-1);background:var(--bg-4)}.toast-bar[data-v-691d79de]{transform-origin:0;width:100%;height:2px;animation:linear forwards toast-shrink-691d79de;position:absolute;bottom:0;left:0}.toast-bar[data-type=success][data-v-691d79de]{background:#4ade8073}.toast-bar[data-type=error][data-v-691d79de]{background:#f8717173}.toast-bar[data-type=info][data-v-691d79de]{background:#6ba8e873}.toast-bar[data-type=warning][data-v-691d79de]{background:#ecc87073}@keyframes toast-shrink-691d79de{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-active[data-v-691d79de]{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.toast-leave-active[data-v-691d79de]{transition:transform .2s ease-in,opacity .18s;position:absolute}.toast-move[data-v-691d79de]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.toast-enter-from[data-v-691d79de],.toast-leave-to[data-v-691d79de]{opacity:0;transform:translate(calc(100% + 24px))}