@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f8f5ff;background:#050507;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050507;--panel: rgba(10, 10, 12, .92);--panel-soft: rgba(15, 15, 19, .86);--line: rgba(166, 84, 255, .22);--line-strong: rgba(255, 197, 49, .45);--muted: #898393;--text-soft: #c2bcce;--purple: #8a2be2;--pink: #ff4dd8;--yellow: #ffc107;--blue: #00e5ff;--white: #ffffff;--black-soft: #111111;--black-deep: #1e1e1e}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:none}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;scrollbar-width:none;overscroll-behavior-x:none;touch-action:pan-y;background:radial-gradient(circle at 13% 68%,rgba(255,87,177,.12),transparent 24rem),radial-gradient(circle at 82% 12%,rgba(97,45,255,.16),transparent 30rem),radial-gradient(circle at 72% 82%,rgba(28,211,255,.08),transparent 22rem),linear-gradient(180deg,#07070a,#050507 32%,#060608)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;max-width:100%}button{cursor:pointer}#root{min-height:100vh;width:100%;overflow-x:hidden;overscroll-behavior-x:none}img{max-width:100%}.page-shell{position:relative;display:block;width:min(1680px,100%);margin:0 auto;padding:24px 388px 24px 128px;overflow-x:clip;overscroll-behavior-x:none}.status-toast{display:flex;align-items:center;gap:12px;min-width:280px;max-width:min(480px,calc(100vw - 28px));padding:14px 16px;border-radius:18px;border:1px solid rgba(255,196,48,.5);background:radial-gradient(circle at top left,rgba(255,196,48,.16),transparent 8rem),linear-gradient(180deg,#121218f7,#0a0a0ef5);box-shadow:0 22px 46px #0000006b,0 0 0 1px #ff5cdf14,inset 0 1px #ffffff0f;color:#fff4c1;font-size:12px;line-height:1.6;backdrop-filter:blur(18px);pointer-events:auto}.status-toast-viewport{position:fixed;top:18px;right:22px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:max-content;max-width:calc(100vw - 28px);margin:0;padding:0;list-style:none;pointer-events:none}.status-toast[data-state=open]{animation:statusToastIn .28s cubic-bezier(.22,1,.36,1)}.status-toast[data-state=closed]{animation:statusToastOut .22s ease forwards}.status-toast-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;border:1px solid rgba(255,196,48,.18);background:radial-gradient(circle at 50% 35%,rgba(255,196,48,.24),transparent 62%),linear-gradient(180deg,#1c1c22f5,#121216f5);color:#ffd76b;box-shadow:inset 0 1px #ffffff0d}.status-toast-icon .icon-svg{width:18px;height:18px}.status-toast-copy{display:grid;gap:2px}.status-toast-copy strong{color:#fff8d8;font-family:Orbitron,Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em}.status-toast-copy span{color:#f6eed1;font-size:13px}@keyframes statusToastIn{0%{opacity:0;transform:translate3d(0,-12px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes statusToastOut{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-8px,0) scale(.98)}}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35) 0 .8px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.24) 0 .6px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.28) 0 .8px,transparent 1px);background-size:18px 18px,22px 22px,26px 26px}.topbar,.hero-panel,.collection-panel,.detail-panel,.footer-band{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#0d0d10f5,#08080bf0);box-shadow:0 26px 70px #00000073,inset 0 1px #ffffff0f,0 0 0 1px #ffffff05;backdrop-filter:blur(18px)}.side-rail{position:fixed;top:22px;left:max(22px,calc((100vw - 1680px)/2 + 22px));z-index:20;width:86px;height:calc(100vh - 44px);display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.rail-menu-panel,.rail-sticker-card{position:relative;border:1px solid rgba(163,83,255,.22);background:linear-gradient(180deg,#0d0d10f5,#08080bf0);box-shadow:0 20px 44px #00000052,inset 0 1px #ffffff0d,0 0 0 1px #ffffff05;backdrop-filter:blur(18px)}.rail-menu-panel{display:flex;flex-direction:column;align-items:center;border-radius:22px;padding:16px 10px 14px}.brand-lockup{display:none}.rail-nav{display:grid;gap:14px;width:100%;margin-top:0}.rail-nav a{position:relative;display:grid;justify-items:center;gap:10px;padding:6px 0;color:#8e8797;font-family:Orbitron,Inter,sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,color .18s ease,opacity .18s ease;opacity:.92}.rail-nav a:hover,.rail-nav a.active{color:#fff;transform:translateY(-1px)}.rail-icon{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff0a,#ffffff03),linear-gradient(180deg,#111116fa,#0c0c11fa);font-family:Courier New,monospace;font-weight:700}.icon-svg{width:18px;height:18px;display:block;flex:0 0 auto}.rail-icon .icon-svg{width:17px;height:17px}.rail-nav a small{position:relative;z-index:1;color:inherit;line-height:1}.rail-nav a.active small{text-shadow:none}.rail-nav a.active .rail-icon{border-color:#ffffff24;background:linear-gradient(180deg,#9248ffeb,#5c3ac3f0),linear-gradient(180deg,#14121efa,#0d0c14fa);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #ffbb2a2e}.rail-nav a.active:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(#ff5ddd,#ff5ddd) left 2px top 2px / 12px 2px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) left 2px top 2px / 2px 12px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) right 2px top 2px / 12px 2px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) right 2px top 2px / 2px 12px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) left 2px bottom 2px / 12px 2px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) left 2px bottom 2px / 2px 12px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) right 2px bottom 2px / 12px 2px no-repeat,linear-gradient(#ff5ddd,#ff5ddd) right 2px bottom 2px / 2px 12px no-repeat;pointer-events:none;opacity:.95;z-index:0}.rail-nav a.active .icon-svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.22))}.rail-stickers{margin-top:auto;display:grid;gap:16px;width:100%}.rail-sticker-card{overflow:hidden;border-radius:22px}.sticker{position:relative;overflow:hidden;min-height:120px;border-radius:22px;border:0;background:radial-gradient(circle at 30% 30%,rgba(255,204,66,.2),transparent 5rem),linear-gradient(180deg,#0e0e12f2,#0a0a0deb)}.sticker.flower,.sticker.bloom{min-height:128px}.sticker.flower:before,.sticker.bloom:before,.sticker.flower:after,.sticker.bloom:after,.sticker.flower span,.sticker.bloom span{content:"";position:absolute;border-radius:50%}.sticker.flower:before,.sticker.bloom:before{inset:38px 28px;background:#ffcc36;z-index:2;box-shadow:inset 0 -4px #0000002e}.sticker.flower:after,.sticker.bloom:after{left:50%;bottom:16px;width:7px;height:46px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#43cf86,#2d7d54)}.sticker.flower span,.sticker.bloom span{inset:24px;background:radial-gradient(circle at 50% 0,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 100% 50%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 50% 100%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 0 50%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 22% 22%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 78% 22%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 22% 78%,#ff77cb 0 16px,transparent 17px),radial-gradient(circle at 78% 78%,#ff77cb 0 16px,transparent 17px)}.sticker.flower{background:radial-gradient(circle at 18% 84%,rgba(57,207,134,.18),transparent 4rem),radial-gradient(circle at 68% 18%,rgba(255,119,203,.16),transparent 4rem),linear-gradient(180deg,#0e0e12fa,#0a0a0df2)}.sticker.bloom.big{width:100%;height:100%;min-height:0;border:0;background:transparent}.sticker.bolt:before{content:"";position:absolute;inset:20px 28px;clip-path:polygon(44% 0,66% 0,48% 42%,76% 42%,34% 100%,42% 58%,18% 58%);background:linear-gradient(180deg,#ffd455,#ffb62d);filter:drop-shadow(0 0 18px rgba(255,204,72,.45))}.sticker.bolt{min-height:108px;background:radial-gradient(circle at 20% 20%,rgba(255,77,216,.16),transparent 4rem),radial-gradient(circle at 80% 80%,rgba(0,229,255,.12),transparent 4rem),linear-gradient(180deg,#0e0e12fa,#0a0a0df2)}.center-column{min-width:0}.topbar{z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:58px;margin-bottom:16px;padding:8px 16px;border-radius:18px}.topbar-logo-link{display:inline-flex;align-items:center;min-width:0}.topbar-logo-image{display:block;width:40px;height:auto}.mobile-header-search{display:none}.topbar-links{display:flex;justify-content:flex-start;gap:clamp(10px,1.4vw,24px)}.topbar-links a{color:#ece8f2;font-family:Orbitron,Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.92}.topbar-links a:hover,.topbar-links a.active{color:var(--yellow)}.mini-search{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1e1e1ee0,#111111e0);box-shadow:inset 0 1px #ffffff08}.mini-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.mini-search input::placeholder{color:#6f6979}.mini-search span{display:inline-grid;place-items:center;width:16px;color:#8e8698}.mini-search span .icon-svg{width:15px;height:15px}.topbar-actions{position:relative;z-index:90;display:flex;align-items:center;justify-content:flex-end;gap:8px;grid-column:3}.language-switch{position:relative;z-index:100;display:inline-flex;align-items:center;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.language-menu{display:inline-flex;align-items:center}.language-switch button{display:grid;place-items:center;min-width:34px;height:30px;border:0;border-radius:999px;background:transparent;color:#b8b0c5;font-size:17px;line-height:1;cursor:pointer}.language-current,.language-switch button.active{background:linear-gradient(180deg,#8a2be2eb,#6c5dffeb);color:#fff}.ghost-icon,.view-toggle,.detail-actions button{display:grid;place-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;aspect-ratio:1 / 1;flex:0 0 44px;padding:0;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ddd5ea;font-family:Courier New,monospace;font-weight:700}.ghost-icon .icon-svg,.view-toggle .icon-svg,.detail-actions button .icon-svg{width:17px;height:17px}.ghost-icon.is-active,.view-toggle.is-active,.detail-actions button.is-active,.card-fav.active{background:linear-gradient(180deg,#8a2be27a,#5152ce5c);border-color:#ff4dd8a3;box-shadow:0 0 0 1px #ffc4302e;color:#fff}.hero-panel{overflow:hidden;border-radius:20px;padding:0;min-height:360px}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 22%),radial-gradient(circle at 62% 35%,rgba(164,60,255,.18),transparent 20rem),radial-gradient(circle at 82% 56%,rgba(21,199,255,.14),transparent 18rem);pointer-events:none}.cta-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 22px;border:1px solid rgba(255,77,216,.82);border-radius:6px;background:linear-gradient(90deg,#8a2be2,#ff4dd8,#8a2be2 36%,#4e7dff 72%,#00e5ff);color:#fff;font-family:Orbitron,Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:4px 4px #ffc107,0 18px 34px #973aff57;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),100% 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}.cta-button span{display:inline-flex;align-items:center}.cta-button i{display:inline-flex;align-items:center;justify-content:center}.cta-button i .icon-svg,.button-leading .icon-svg{width:16px;height:16px}.button-leading{display:inline-flex;align-items:center;justify-content:center}.cta-button.compact{min-width:156px}.cta-button.wide{width:100%;margin-top:18px}.hero-stage{position:absolute;inset:10px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 14rem),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%)}.spray-layer{position:absolute;inset:0;overflow:hidden}.hero-poster-image{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.04)}.spray{position:absolute;border-radius:50%;opacity:.95}.spray-a{left:12%;top:18%;width:180px;height:180px;background:radial-gradient(circle at 70% 25%,rgba(255,193,49,.95) 0 2px,transparent 3px),radial-gradient(circle at 48% 34%,rgba(25,195,255,.9) 0 58px,transparent 59px),radial-gradient(circle at 70% 70%,rgba(140,54,255,.92) 0 30px,transparent 31px),radial-gradient(circle at 20% 70%,rgba(255,83,172,.92) 0 18px,transparent 19px);filter:blur(.5px)}.spray-b{right:6%;top:6%;width:118px;height:118px;background:radial-gradient(circle at 50% 50%,rgba(49,197,255,.92) 0 46px,transparent 47px),radial-gradient(circle at 70% 24%,rgba(255,174,43,.85) 0 8px,transparent 9px)}.spray-c{right:8%;bottom:18%;width:150px;height:150px;background:radial-gradient(circle at 50% 50%,rgba(255,67,193,.88) 0 56px,transparent 57px),radial-gradient(circle at 25% 24%,rgba(255,208,80,.88) 0 8px,transparent 9px)}.star{width:26px;height:26px;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 58%,80% 100%,50% 74%,20% 100%,30% 58%,0 38%,38% 36%);background:#ffc82e}.star-a{left:60%;top:20%}.star-b{right:18%;top:34%;width:40px;height:40px;background:#ffe04c}.doodle,.cloud,.monster{filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}.doodle-a{right:18%;top:18%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#fff 0 18px,transparent 19px),radial-gradient(circle at 34% 66%,#fff 0 8px,transparent 9px),radial-gradient(circle at 66% 66%,#fff 0 8px,transparent 9px),radial-gradient(circle at 50% 50%,#ff8ce6 0 42px,transparent 43px)}.doodle-b{left:20%;bottom:16%;width:110px;height:90px;border-radius:52px;background:radial-gradient(circle at 26% 40%,#59d0ff 0 3px,transparent 4px),radial-gradient(circle at 74% 40%,#59d0ff 0 3px,transparent 4px),radial-gradient(circle at 50% 50%,#ffd84d 0 26px,transparent 27px)}.cloud-a{left:14%;bottom:20%;width:110px;height:64px;background:radial-gradient(circle at 30% 50%,#6c7881 0 20px,transparent 21px),radial-gradient(circle at 52% 40%,#7b8790 0 24px,transparent 25px),radial-gradient(circle at 72% 52%,#8c97a1 0 18px,transparent 19px)}.monster-a{right:2%;top:48%;width:120px;height:110px;background:radial-gradient(circle at 35% 45%,#0d0d0f 0 5px,transparent 6px),radial-gradient(circle at 66% 45%,#0d0d0f 0 5px,transparent 6px),radial-gradient(circle at 50% 68%,#0d0d0f 0 10px,transparent 11px),radial-gradient(circle at 50% 50%,#ff4cb8 0 48px,transparent 49px);border-radius:46% 54% 38% 62%}.collection-panel{margin-top:18px;border-radius:20px;padding:16px 16px 18px;overflow:visible;isolation:isolate}.collection-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px;position:relative;z-index:8}.collection-header h2{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:16px;letter-spacing:.02em}.collection-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.collection-range{margin:0;color:#867f91;font-size:12px}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tag-row.compact{margin-top:10px}.ui-tag{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#1e1e1ef2,#111111f2);color:#f5f3fa;font-size:12px;font-weight:600}.tag-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.9}.tag-icon .icon-svg{width:12px;height:12px}.ui-tag.series:nth-child(1){color:#dbe3ff;background:linear-gradient(135deg,#22356873,#111111f2)}.ui-tag.series:nth-child(2){color:#eafffb;background:linear-gradient(135deg,#184d3b73,#111111f2)}.ui-tag.series:nth-child(3){color:#ffe7ff;background:linear-gradient(135deg,#4e2d5b73,#111111f2)}.ui-tag.series:nth-child(4){color:#fff6ef;background:linear-gradient(135deg,#48293173,#111111f2)}.ui-tag.series:nth-child(5){color:#e8ffff;background:linear-gradient(135deg,#14424673,#111111f2)}.ui-tag.rarity.legendary{color:#f3d1ff;background:linear-gradient(135deg,#8a2be28f,#2a123ee6)}.ui-tag.rarity.mythic{color:#ffe7f8;background:linear-gradient(135deg,#ff45c28f,#5b124fe6)}.ui-tag.rarity.epic{color:#e7d7ff;background:linear-gradient(135deg,#6240b180,#1c122eeb)}.ui-tag.rarity.rare{color:#dff;background:linear-gradient(135deg,#1a5b5c85,#0f1c1eeb)}.ui-tag.rarity.uncommon{color:#e8ffee;background:linear-gradient(135deg,#29664880,#101e16eb)}.ui-tag.rarity.common{color:#f1f1f1;background:linear-gradient(135deg,#4848486b,#181818eb)}.collection-header h2 span{margin-left:8px;color:#6f6776;font-size:12px;font-weight:500}.collection-tools{display:flex;align-items:center;gap:8px;min-width:0;position:relative;z-index:9}.query-summary{margin:0 0 14px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top right,rgba(255,77,216,.12),transparent 10rem),linear-gradient(180deg,#15151bf5,#0b0b10f5)}.query-summary-title{display:block;margin-bottom:10px;color:#f0e8ff;font-family:Orbitron,Inter,sans-serif;font-size:11px;letter-spacing:.06em}.query-chip-row{display:flex;flex-wrap:wrap;gap:10px}.query-chip{min-width:104px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.query-chip small{display:block;color:#8f8698;font-size:10px;text-transform:uppercase}.query-chip strong{display:block;margin-top:6px;color:#fff;font-size:12px;word-break:break-word}.empty-state{display:grid;justify-items:center;gap:10px;position:relative;z-index:1;margin-bottom:14px;padding:22px 16px;border-radius:18px;border:1px dashed rgba(255,193,56,.34);color:#cfc8da;font-size:12px;line-height:1.7;text-align:center;background:radial-gradient(circle at 50% 14%,rgba(111,86,255,.12),transparent 10rem),linear-gradient(180deg,#121218eb,#0a0a0ef0)}.empty-state strong{color:#f5f2fb;font-family:Orbitron,Inter,sans-serif;font-size:14px;letter-spacing:.02em}.empty-state span{max-width:420px;color:#a49bb2}.empty-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 30%,rgba(138,43,226,.24),transparent 62%),linear-gradient(180deg,#1c1c24eb,#0f0f14f5);color:#f0e9ff;box-shadow:inset 0 1px #ffffff0d,0 18px 34px #0003}.empty-state-icon .icon-svg{width:24px;height:24px}.mini-search{width:248px}.filter-select{position:relative;display:inline-block;min-width:118px;transition:transform .18s ease;z-index:20;max-width:100%}.filter-select:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#ffc10766,#ff4dd838,#00e5ff52);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:.9;transition:opacity .18s ease}.filter-select-trigger{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:118px;height:38px;padding:0 14px;border:0;border-radius:12px;background:radial-gradient(circle at top right,rgba(0,229,255,.12),transparent 5rem),linear-gradient(180deg,#1e1e1eeb,#111111eb);color:#fff;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ff4dd80a;text-align:left;transition:box-shadow .18s ease,background .18s ease,transform .18s ease}.filter-select-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-select:hover,.filter-select.open{transform:translateY(-1px)}.filter-select:hover .filter-select-trigger,.filter-select.open .filter-select-trigger,.filter-select:focus-within .filter-select-trigger{box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffc4301f,0 10px 22px #0003}.filter-select.open:after,.filter-select:focus-within:after{opacity:1}.select-arrow{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#918a9a;pointer-events:none;transition:transform .18s ease,color .18s ease}.filter-select:hover .select-arrow,.filter-select.open .select-arrow,.filter-select:focus-within .select-arrow{color:#f6ecff;transform:translateY(-50%) rotate(180deg)}.select-arrow .icon-svg{width:14px;height:14px}.filter-select-content{z-index:40;min-width:var(--radix-select-trigger-width);overflow:hidden;border-radius:16px;border:1px solid rgba(166,84,255,.22);background:#0d0d12fa;box-shadow:0 18px 44px #00000057;backdrop-filter:blur(18px);animation:filterSelectIn .18s cubic-bezier(.22,1,.36,1)}.filter-select-viewport{display:grid;gap:6px;padding:10px}.filter-select-item{position:relative;display:flex;align-items:center;min-height:38px;padding:0 36px 0 12px;border:1px solid transparent;border-radius:10px;background:#ffffff08;color:#ece8f2;text-align:left;outline:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.filter-select-item[data-highlighted],.filter-select-item[data-state=checked]{border-color:#ffc43042;background:linear-gradient(135deg,#8a2be238,#00e5ff1f);color:#fff}.filter-select-indicator{position:absolute;top:50%;right:12px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);color:#ffd76b}.filter-select-indicator .icon-svg{width:13px;height:13px}@keyframes filterSelectIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.view-toggle.active{background:linear-gradient(180deg,#8a2be27a,#5152ce5c);border-color:#ff4dd8a3;box-shadow:0 0 0 1px #ffc43042}.card-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.card-grid.list-view{grid-template-columns:1fr}.nft-card{position:relative;overflow:hidden;padding:10px 10px 12px;border-radius:16px;border:var(--rarity-border-width, 1px) solid var(--rarity-border, rgba(149, 76, 255, .2));background:linear-gradient(135deg,var(--rarity-bg-start, rgba(255, 255, 255, .02)),transparent 42%),radial-gradient(circle at 18% 0%,var(--rarity-aura, transparent),transparent 10rem),radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--glow) 28%,transparent),transparent 10rem),linear-gradient(180deg,var(--rarity-bg-top, rgba(17, 17, 21, .98)),var(--rarity-bg-bottom, rgba(11, 11, 15, .98)));box-shadow:inset 0 1px #ffffff0a,var(--rarity-base-shadow, 0 0 0 transparent);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;isolation:isolate}.nft-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,var(--rarity-rim, rgba(255, 255, 255, .14)) 12%,var(--rarity-rim, rgba(255, 255, 255, .14)) 88%,transparent 100%) top / calc(100% - 24px) 1px no-repeat,linear-gradient(135deg,rgba(255,255,255,.04),transparent 28%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%);box-shadow:inset 0 0 0 1px var(--rarity-inner, rgba(255, 255, 255, .04)),inset 0 18px 28px #ffffff03;pointer-events:none}.nft-card:after{content:"";position:absolute;inset:0 auto auto 18px;width:calc(100% - 36px);height:var(--rarity-strip-height, 3px);border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--rarity-strip, rgba(255, 255, 255, .72)) 18%,var(--rarity-strip-strong, rgba(255, 255, 255, .96)) 50%,var(--rarity-strip, rgba(255, 255, 255, .72)) 82%,transparent 100%);box-shadow:0 0 14px var(--rarity-glow, transparent),0 0 30px color-mix(in srgb,var(--rarity-glow, transparent) 55%,transparent);opacity:.95;pointer-events:none}.nft-card.rarity-common{--rarity-border: rgba(219, 223, 231, .22);--rarity-hover-border: rgba(238, 241, 247, .5);--rarity-border-width: 1px;--rarity-bg-start: rgba(255, 255, 255, .025);--rarity-bg-top: rgba(18, 18, 22, .98);--rarity-bg-bottom: rgba(11, 11, 15, .98);--rarity-aura: rgba(255, 255, 255, .025);--rarity-inner: rgba(255, 255, 255, .04);--rarity-rim: rgba(233, 236, 243, .2);--rarity-strip: rgba(255, 255, 255, .32);--rarity-strip-strong: rgba(255, 255, 255, .72);--rarity-glow: rgba(255, 255, 255, .1)}.nft-card.rarity-uncommon{--rarity-border: rgba(116, 255, 76, .4);--rarity-hover-border: rgba(143, 255, 86, .72);--rarity-border-width: 1px;--rarity-bg-start: rgba(106, 255, 72, .07);--rarity-bg-top: rgba(16, 29, 17, .98);--rarity-bg-bottom: rgba(9, 14, 10, .98);--rarity-aura: rgba(116, 255, 76, .12);--rarity-inner: rgba(149, 255, 81, .1);--rarity-rim: rgba(177, 248, 106, .36);--rarity-strip: rgba(149, 255, 81, .56);--rarity-strip-strong: rgba(204, 255, 128, .9);--rarity-glow: rgba(121, 255, 52, .22)}.nft-card.rarity-rare{--rarity-border: rgba(186, 91, 255, .48);--rarity-hover-border: rgba(206, 111, 255, .78);--rarity-border-width: 1px;--rarity-bg-start: rgba(186, 91, 255, .1);--rarity-bg-top: rgba(29, 18, 38, .98);--rarity-bg-bottom: rgba(13, 9, 18, .98);--rarity-aura: rgba(186, 91, 255, .18);--rarity-inner: rgba(194, 124, 255, .13);--rarity-rim: rgba(210, 137, 255, .46);--rarity-strip: rgba(194, 124, 255, .66);--rarity-strip-strong: rgba(223, 165, 255, .92);--rarity-glow: rgba(176, 92, 255, .28)}.nft-card.rarity-epic{--rarity-border: rgba(34, 191, 255, .68);--rarity-hover-border: rgba(98, 219, 255, .9);--rarity-border-width: 2px;--rarity-bg-start: rgba(42, 189, 255, .16);--rarity-bg-top: rgba(9, 29, 44, .99);--rarity-bg-bottom: rgba(5, 13, 24, .99);--rarity-aura: rgba(42, 189, 255, .28);--rarity-inner: rgba(80, 181, 255, .22);--rarity-rim: rgba(119, 219, 255, .62);--rarity-strip: rgba(56, 198, 255, .78);--rarity-strip-strong: rgba(180, 238, 255, 1);--rarity-glow: rgba(49, 174, 255, .42);--rarity-base-shadow: 0 0 26px rgba(49, 174, 255, .12);--rarity-strip-height: 4px}.nft-card.rarity-legendary{--rarity-border: rgba(255, 191, 34, .78);--rarity-hover-border: rgba(255, 225, 104, .96);--rarity-border-width: 2px;--rarity-bg-start: rgba(255, 188, 34, .2);--rarity-bg-top: rgba(44, 29, 8, .99);--rarity-bg-bottom: rgba(20, 12, 4, .99);--rarity-aura: rgba(255, 191, 34, .36);--rarity-inner: rgba(255, 208, 82, .28);--rarity-rim: rgba(255, 224, 132, .74);--rarity-strip: rgba(255, 198, 72, .86);--rarity-strip-strong: rgba(255, 241, 176, 1);--rarity-glow: rgba(255, 193, 49, .52);--rarity-base-shadow: 0 0 30px rgba(255, 193, 49, .16);--rarity-strip-height: 5px}.nft-card.rarity-mythic{--rarity-border: rgba(255, 75, 112, .82);--rarity-hover-border: rgba(255, 124, 169, 1);--rarity-border-width: 2px;--rarity-bg-start: rgba(255, 75, 112, .22);--rarity-bg-top: rgba(45, 10, 24, .99);--rarity-bg-bottom: rgba(20, 4, 12, .99);--rarity-aura: rgba(255, 75, 112, .42);--rarity-inner: rgba(255, 92, 132, .32);--rarity-rim: rgba(255, 145, 188, .78);--rarity-strip: rgba(255, 86, 126, .9);--rarity-strip-strong: rgba(255, 202, 226, 1);--rarity-glow: rgba(255, 75, 112, .58);--rarity-base-shadow: 0 0 34px rgba(255, 75, 112, .18);--rarity-strip-height: 5px}.nft-card.rarity-common:hover,.nft-card.rarity-common.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #ffffff14,0 0 18px #ffffff0a}.nft-card.rarity-uncommon:hover,.nft-card.rarity-uncommon.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #acff591f,0 0 22px #80ff3e1a}.nft-card.rarity-rare:hover,.nft-card.rarity-rare.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #c978ff24,0 0 24px #b05cff1c}.nft-card.rarity-epic:hover,.nft-card.rarity-epic.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #54afff24,0 0 24px #31aeff1c}.nft-card.rarity-legendary:hover,.nft-card.rarity-legendary.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #ffcd5429,0 0 28px #ffc13124}.nft-card.rarity-mythic:hover,.nft-card.rarity-mythic.selected{box-shadow:0 22px 40px #0000005c,0 0 0 1px #ff82562e,0 0 30px #ff5a2d29}.nft-card:hover,.nft-card.selected{transform:translateY(-5px);border-color:var(--rarity-hover-border, rgba(255, 194, 46, .6));box-shadow:0 22px 40px #0000005c,0 0 0 1px #ffc22e1f}.card-topline,.card-title,.card-meta{position:relative;z-index:1}.card-topline{display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:Orbitron,Inter,sans-serif;font-size:12px;font-weight:600}.card-topline b{color:#fff;font-weight:700}.card-fav{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#fffffff5}.card-fav .icon-svg{width:16px;height:16px}.card-fav.active .icon-svg{color:#ffd363}.card-art{position:relative;display:grid;place-items:center;min-height:188px;margin:8px -2px 2px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 58%),linear-gradient(180deg,#16161ceb,#0a0a0fad);box-shadow:inset 0 1px #ffffff0d,inset 0 -18px 34px #00000029}.card-art:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(8,8,12,.32));pointer-events:none}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.card-title strong{font-size:11px}.card-title span{color:#d5cae7;font-size:10px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.card-meta label{display:inline-flex;align-items:center;gap:6px;color:#d4d0da;font-size:10px}.card-meta em{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:10px;font-style:normal}.card-meta .icon-svg{width:11px;height:11px;color:#c766ff}.placeholder-card{display:flex;flex-direction:column;justify-content:space-between;min-height:238px;border-style:dashed;border-color:#ffc13857;background:linear-gradient(180deg,#131318f0,#0a0a0df5),repeating-linear-gradient(135deg,#ffc1380a 0 12px,#ffc13803 12px 24px);cursor:default}.placeholder-card:hover{transform:none;box-shadow:inset 0 1px #ffffff0a}.list-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:118px}.list-card .card-topline{grid-column:2 / 4}.list-card .card-art{grid-column:1;grid-row:1 / span 2;min-height:0;margin:0;border-radius:14px;background:transparent;box-shadow:none}.list-card .panda-portrait{width:84px;height:90px}.list-card .card-title{margin-top:0}.list-card .card-meta{margin-top:0;padding-top:0;border-top:0}.placeholder-badge{position:relative;z-index:1;align-self:flex-start;min-height:24px;padding:0 10px;border-radius:999px;background:#ffc1381f;color:#ffd363;font-family:Orbitron,Inter,sans-serif;font-size:10px;line-height:24px;letter-spacing:.06em}.placeholder-art{display:grid;place-items:center;min-height:122px;margin-top:12px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05}.placeholder-art span{color:#9b94a5;font-family:Orbitron,Inter,sans-serif;font-size:18px}.placeholder-copy{position:relative;z-index:1;margin-top:12px}.placeholder-copy strong{display:block;font-size:13px}.placeholder-copy p{margin:8px 0 0;color:#8b8596;font-size:11px;line-height:1.7}.pagination{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;margin-top:18px;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.pagination::-webkit-scrollbar{display:none}.pagination-page,.pagination-break{list-style:none}.pagination-link{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#e2dcef;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.pagination-link .icon-svg{width:16px;height:16px}.pagination-page.disabled .pagination-link{cursor:not-allowed;opacity:.42}.pagination-page.active .pagination-link{background:linear-gradient(180deg,#8a2be2eb,#6c5dffeb);box-shadow:0 0 0 1px #ffc43038}.pagination-page:not(.disabled) .pagination-link:hover,.pagination-page:not(.active) .pagination-link:hover{border-color:#ffc43038;background:#ffffff0d}.footer-band{display:grid;grid-template-columns:108px minmax(260px,1fr) minmax(320px,420px);gap:22px;align-items:center;margin-top:18px;padding:0 18px 18px 0;overflow:hidden;border-radius:18px}.footer-art{min-height:122px;background:radial-gradient(circle at 20% 25%,rgba(255,72,176,.22),transparent 7rem),radial-gradient(circle at 80% 75%,rgba(255,193,56,.12),transparent 6rem),linear-gradient(180deg,#0e0e12fa,#0a0a0df2);display:grid;place-items:center}.footer-copy h3{margin:0 0 10px;font-family:Orbitron,Inter,sans-serif;font-size:18px}.footer-copy p{margin:0 0 14px;color:var(--text-soft);font-size:13px;line-height:1.7}.footer-copy small{color:#77707f;font-size:12px}.footer-feedback{display:block;margin-top:8px;color:#ffd86b}.subscribe-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-width:0;padding-right:0}.subscribe-form input{height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1e1e1ee0,#111111e0);color:#fff;outline:0}.subscribe-form .cta-button.compact{min-width:172px;padding-inline:18px}.footer-links{grid-column:2 / 4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0;min-width:0}.socials,.legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.socials a,.legal-links a{color:#d7d1e4;font-family:Courier New,monospace;font-size:12px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.socials a.active,.legal-links a.active{color:#ffd04d}.socials a .icon-svg{width:18px;height:18px}.detail-panel{position:fixed;top:22px;right:max(22px,calc((100vw - 1680px)/2 + 22px));z-index:20;width:346px;height:calc(100vh - 44px);overflow:auto;border-radius:24px;padding:18px 18px 22px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--glow, rgba(138, 43, 226, .18)) 14%,transparent),transparent 16rem),linear-gradient(180deg,#0d0d12fa,#08080cfa)}.detail-breadcrumb{display:flex;align-items:center;gap:8px;color:#7a7285;font-size:11px;letter-spacing:.04em}.detail-breadcrumb i{width:4px;height:4px;border-radius:50%;background:#5c5563}.detail-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:20px}.detail-headline h2{margin:0 0 12px;font-family:Orbitron,Inter,sans-serif;font-size:34px;line-height:.92;letter-spacing:.02em;text-shadow:0 0 18px color-mix(in srgb,var(--glow, #8a2be2) 18%,transparent)}.detail-actions{display:flex;gap:6px}.detail-modal-toolbar{display:none}.detail-back-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ddd5ea}.detail-back-button .icon-svg{width:18px;height:18px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0d;color:#e7e0f3;font-size:12px;font-weight:600}.detail-tags .ui-tag{min-height:30px;padding:0 10px;border-radius:999px}.detail-tags .highlight{background:linear-gradient(135deg,#8a2be2d1,#5d5fffb3)}.detail-visual{position:relative;display:grid;place-items:center;min-height:360px;margin-top:20px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff04),radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--glow) 24%,transparent),transparent 14rem),radial-gradient(circle at 50% 88%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 12rem),linear-gradient(180deg,#0c0c10fa,#08080cfa);box-shadow:0 28px 54px #00000057,inset 0 0 0 1px #ffffff08,inset 0 -30px 60px #0000002e}.detail-visual:before{content:"";position:absolute;inset:10px;border-radius:22px;border:1px solid color-mix(in srgb,var(--glow) 18%,rgba(255,255,255,.06));pointer-events:none}.detail-visual:after{content:"";position:absolute;inset:auto 18px 16px;height:54px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--glow) 18%,transparent),transparent 70%);filter:blur(10px);pointer-events:none}.detail-3d-button{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,196,48,.24);background:linear-gradient(180deg,#8a2be28a,#23232ce0),#0c0c10e0;color:#fff7d6;font-family:Orbitron,Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;box-shadow:0 14px 28px #00000047,inset 0 1px #ffffff14;cursor:pointer}.detail-3d-button .icon-svg{width:16px;height:16px}.three-d-viewer-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#030306b8;backdrop-filter:blur(24px) saturate(1.1)}.three-d-viewer-panel{width:min(720px,100%);max-height:min(780px,calc(100dvh - 48px));overflow:hidden;border-radius:28px;border:1px solid rgba(166,84,255,.22);background:radial-gradient(circle at 50% 0%,rgba(138,43,226,.18),transparent 18rem),linear-gradient(180deg,#101016fa,#08080cfa);box-shadow:0 34px 88px #00000085,inset 0 1px #ffffff0f}.three-d-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.three-d-viewer-head strong{color:#fff8d8;font-family:Orbitron,Inter,sans-serif;font-size:13px;letter-spacing:.08em}.three-d-close-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ddd5ea}.three-d-close-button .icon-svg{width:16px;height:16px}.three-d-stage{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;perspective:920px;cursor:grab;touch-action:none;user-select:none;background:radial-gradient(circle at 50% 56%,rgba(255,196,48,.1),transparent 12rem),radial-gradient(circle at 50% 20%,rgba(112,255,42,.12),transparent 16rem)}.three-d-stage:active{cursor:grabbing}.three-d-card{position:relative;--depth-x: -18px;--depth-y: 12px;width:min(78%,420px);aspect-ratio:.78;max-height:460px;transform-style:preserve-3d;transition:transform 80ms linear;filter:drop-shadow(0 36px 34px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(255,255,255,.06));will-change:transform}.three-d-card:before{content:"";position:absolute;inset:8px 14px -18px;border-radius:999px;background:radial-gradient(circle at center,rgba(0,0,0,.58),transparent 72%);filter:blur(18px);transform:translate3d(calc(var(--depth-x) * -.35),42px,-80px)}.three-d-image,.three-d-image-layer{position:absolute;inset:0;width:100%;height:100%;border-radius:24px;object-fit:contain;backface-visibility:visible}.three-d-image{z-index:6;padding:10px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.12),transparent 11rem),linear-gradient(180deg,#1a1a22f5,#0a0a10fa);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #ffffff0d,0 22px 36px #00000047;transform:translateZ(30px)}.three-d-image-layer{padding:10px;background:linear-gradient(135deg,#ffc43033,#8a2be247),#0d0d14f5;border:1px solid rgba(255,255,255,.08);filter:brightness(.62) saturate(.72);opacity:.9}.three-d-image-layer.layer-1{z-index:5;transform:translate3d(calc(var(--depth-x) * .22),calc(var(--depth-y) * .22),18px)}.three-d-image-layer.layer-2{z-index:4;transform:translate3d(calc(var(--depth-x) * .44),calc(var(--depth-y) * .44),8px)}.three-d-image-layer.layer-3{z-index:3;transform:translate3d(calc(var(--depth-x) * .66),calc(var(--depth-y) * .66),-2px)}.three-d-image-layer.layer-4{z-index:2;transform:translate3d(calc(var(--depth-x) * .88),calc(var(--depth-y) * .88),-12px)}.three-d-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);color:#9c95aa;font-family:Orbitron,Inter,sans-serif;font-size:10px;letter-spacing:.12em}.xp-row{margin-top:18px;padding:14px 16px 0}.xp-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.xp-row strong{font-family:Orbitron,Inter,sans-serif;font-size:18px}.xp-row span{color:#908999;font-size:12px}.xp-bar{height:7px;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:inset 0 1px #ffffff0a}.xp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc107 0% 76%,#ffe26d)}.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;margin-top:18px}.detail-specs>div,.detail-info-grid article{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#ffffff09,#ffffff04),linear-gradient(180deg,#141419eb,#0c0c10eb);box-shadow:inset 0 1px #ffffff08,0 16px 30px #00000029}.detail-specs>div{padding:16px}.detail-specs>div:before,.detail-info-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--glow, #8a2be2) 10%,transparent),transparent 7rem);pointer-events:none}.detail-specs span,.detail-info-grid span{display:block;color:#726b79;font-size:12px}.detail-specs strong,.detail-info-grid strong{display:block;margin-top:8px;font-size:15px;word-break:break-word}.detail-copy-value{position:relative;z-index:1;display:inline-flex;margin-top:8px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;text-align:left;cursor:pointer}.detail-copy-value:hover{color:#ffd363}.detail-section-block{margin-top:22px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff09,#ffffff04),linear-gradient(180deg,#121218e6,#0a0a0ef0);box-shadow:inset 0 1px #ffffff08,0 16px 32px #00000029}.detail-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.detail-section-heading strong,.detail-subsection h3{margin:0;color:#fff;font-family:Orbitron,Inter,sans-serif;font-size:14px;letter-spacing:.04em}.detail-section-heading span{color:#8d8599;font-size:12px}.detail-story{margin-top:16px;color:var(--text-soft);font-size:13px;line-height:1.85}.detail-story p{margin:0 0 10px}.detail-subsection{margin-top:20px}.detail-section-copy{margin:10px 0 12px;color:var(--text-soft);font-size:13px;line-height:1.75}.detail-info-grid-compact{margin-top:12px}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.detail-info-grid article{min-height:92px;padding:16px}.detail-modal-backdrop{position:fixed;inset:0;z-index:60;display:none;align-items:flex-end;justify-content:center;padding:0;background:radial-gradient(circle at 50% 100%,rgba(130,74,255,.18),transparent 28rem),#05050985;backdrop-filter:blur(22px) saturate(1.08);animation:detailModalFadeIn .22s ease}.detail-modal-sheet{width:min(100%,720px);max-height:92vh;max-width:100%;overflow:auto;border:1px solid rgba(166,84,255,.18);border-radius:28px 28px 0 0;background:radial-gradient(circle at 50% 0%,rgba(127,69,255,.15),transparent 20rem),linear-gradient(180deg,#0d0d10e0,#08080beb);box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff0f,0 0 0 1px #ffffff05;padding:22px 16px 24px;backdrop-filter:blur(26px) saturate(1.05);animation:detailModalSheetUp .32s cubic-bezier(.22,1,.36,1)}.detail-modal-sheet:before{content:"";display:block;width:56px;height:5px;margin:0 auto 16px;border-radius:999px;background:#ffffff2e}@keyframes detailModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detailModalSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.panda-portrait{position:relative;width:180px;height:190px}.panda-portrait.hero{width:min(470px,88%);height:468px}.panda-portrait.detail{width:min(100%,320px);height:320px;border-radius:24px;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--glow) 12%,transparent),transparent 62%),linear-gradient(180deg,#121218d1,#0a0a0ebd);box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 34px #0003}.panda-asset,.panda-missing,.panda-loading{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.panda-asset{z-index:1;object-fit:cover;object-position:center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.26));transition:opacity .18s ease}.panda-asset.loading{opacity:0}.panda-asset.loaded{opacity:1}.panda-asset.hero{object-fit:contain}.panda-asset.detail{padding:12px;object-fit:contain;object-position:center}.panda-missing{display:grid;place-items:center;align-content:center;gap:10px;padding:18px;background:radial-gradient(circle at center,color-mix(in srgb,var(--glow) 16%,transparent),transparent 58%),linear-gradient(180deg,#121218f5,#0a0a0efa);border:1px dashed rgba(255,255,255,.14);color:#fff;text-align:center}.panda-loading{display:grid;place-items:center;align-content:center;gap:10px;padding:18px;background:linear-gradient(120deg,#ffffff0a,#ffffff1f,#ffffff0a 36%),radial-gradient(circle at center,color-mix(in srgb,var(--glow) 16%,transparent),transparent 58%),linear-gradient(180deg,#121218f5,#0a0a0efa);background-size:220% 100%,auto,auto;animation:pandaShimmer 1.4s linear infinite;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center}.panda-loading strong{font-family:Orbitron,Inter,sans-serif;font-size:12px;letter-spacing:.08em}.panda-loading span{color:#9c95aa;font-size:11px;line-height:1.6}@keyframes pandaShimmer{0%{background-position:200% 0,0 0,0 0}to{background-position:-20% 0,0 0,0 0}}.panda-missing strong{font-family:Orbitron,Inter,sans-serif;font-size:12px;letter-spacing:.08em}.panda-missing span{color:#9c95aa;font-size:11px;line-height:1.6;word-break:break-all}@media(max-width:1380px){.page-shell{display:grid;grid-template-columns:84px minmax(0,1fr);padding:24px 22px}.side-rail{position:sticky;top:22px;left:auto;width:auto}.detail-panel{position:relative;top:0;right:auto;width:auto;height:auto;grid-column:2}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.topbar{grid-template-columns:auto 1fr auto}.topbar-links{justify-content:flex-start;flex-wrap:wrap}.topbar-actions{justify-content:flex-end;flex-wrap:nowrap}.collection-header,.collection-tools{flex-wrap:wrap}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-band{grid-template-columns:120px 1fr}.subscribe-form,.footer-links{grid-column:1 / -1;padding:0 18px 18px}}@media(max-width:860px){body{min-width:0}#root{width:100%}.page-shell{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;padding:calc(env(safe-area-inset-top) + 12px) 0 12px;overflow:visible;overflow-x:clip;touch-action:pan-y}.side-rail{display:none}.center-column{width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:0 auto;overflow:visible;touch-action:pan-y}.topbar,.hero-panel,.collection-panel,.detail-panel,.footer-band{display:block;border-radius:22px;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:clip}.topbar{overflow:visible}.topbar,.hero-panel,.collection-panel,.footer-band,.center-column{min-width:0}.detail-panel{display:none}.detail-modal-backdrop{display:flex;align-items:flex-start;padding-top:max(14px,env(safe-area-inset-top))}.detail-modal-sheet{height:calc(100dvh - max(14px,env(safe-area-inset-top)));max-height:calc(100dvh - max(14px,env(safe-area-inset-top)));border-radius:24px 24px 0 0;overscroll-behavior:contain}.detail-modal-sheet:before{display:none}.topbar{position:relative;z-index:1000;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;overflow:visible}.page-shell.detail-open .topbar{display:none}.topbar-logo-link{display:inline-flex;grid-column:1;grid-row:1}.topbar-links{display:flex;flex-wrap:wrap;gap:14px;overflow:visible;padding-bottom:0}.topbar-links a{flex:0 1 auto;white-space:normal}.mobile-header-search{display:flex;grid-column:2;grid-row:1;justify-self:end;align-items:center;min-width:38px;max-width:min(100%,240px);height:38px;border-radius:999px;background:#0c0c10b8;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(1.1);overflow:hidden}.mobile-header-search.is-open{justify-self:center;width:min(100%,240px)}.mobile-header-search-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:100%;padding-left:12px}.mobile-header-search-field span{display:inline-grid;place-items:center;flex:none;color:#8e8698}.mobile-header-search-field .icon-svg{width:14px;height:14px}.mobile-header-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.mobile-header-search-field input::placeholder{color:#6f6979}.mobile-header-search-button{display:grid;place-items:center;flex:none;width:38px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:#ddd5ea}.mobile-header-search-button .icon-svg{width:16px;height:16px}.topbar-actions{display:flex;grid-column:3;grid-row:1;z-index:1010;justify-content:flex-end;gap:8px;width:auto;align-items:center}.language-switch{position:relative;z-index:1020;display:block;width:38px;min-height:34px;padding:2px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0c0c10b8;box-shadow:0 12px 28px #0003,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(1.1)}.language-switch button{min-width:32px;width:32px;max-width:none;height:30px;border:0;border-radius:999px;background:transparent;font-size:16px}.language-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:1030;width:38px;padding:4px 2px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1c1c22f5,#0c0c10f5),#0c0c10f0;box-shadow:0 18px 34px #00000057,inset 0 1px #ffffff14;backdrop-filter:blur(18px) saturate(1.1)}.language-switch.is-open .language-menu{display:grid;gap:4px}.language-menu .language-option{display:grid;border:0;background:transparent}.language-menu .language-option:hover{background:#ffffff14}.hero-panel{display:grid;gap:12px;min-height:0;padding:10px}.hero-stage{position:relative;inset:auto;min-height:210px;margin:0}.hero-poster-image{width:100%;height:100%;min-height:210px;object-fit:cover;object-position:center}.collection-panel{padding:16px}.mini-search,.collection-title-row,.collection-range,.card-grid,.pagination,.footer-copy,.footer-links{width:100%}.collection-header{grid-template-columns:1fr;align-items:stretch;gap:14px}.collection-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}.collection-tools>*{min-width:0}.filter-select{width:100%;min-width:0;grid-column:1 / -1}.mini-search{grid-column:1 / -1;grid-row:1;width:100%}.collection-tools>.mini-search{display:none}.collection-tools>.mini-search+.filter-select{grid-column:1 / 4;grid-row:1}.collection-tools>.mini-search+.filter-select+.filter-select{grid-column:4 / -1;grid-row:1}.view-toggle{width:100%;min-width:0;max-width:none;flex:none;grid-column:span 3;grid-row:2}.collection-tools .view-toggle{width:100%;min-width:0;max-width:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nft-card{padding:8px 8px 10px}.card-art{min-height:132px;margin:6px -3px 4px;border-radius:16px}.panda-portrait{width:min(34vw,148px);height:min(38vw,162px)}.footer-band{grid-template-columns:1fr;gap:16px;padding:0 0 14px}.footer-art{min-height:116px}.subscribe-form{grid-template-columns:1fr}.footer-copy,.subscribe-form,.footer-links{padding-inline:14px}.footer-links{flex-direction:column;align-items:flex-start;gap:12px}.subscribe-form .cta-button.compact{min-width:0;width:100%}.detail-panel{padding:14px}.detail-headline{margin-top:14px;flex-direction:column;align-items:stretch;gap:10px}.detail-headline h2{font-size:24px}.detail-actions{justify-content:flex-start;flex-wrap:wrap}.detail-tags{flex-wrap:wrap}.detail-visual{min-height:220px}.detail-3d-button{right:12px;bottom:12px;min-height:34px;padding:0 12px;font-size:10px}.three-d-viewer-backdrop{padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.three-d-viewer-panel{max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));border-radius:22px}.three-d-stage{min-height:min(64vh,520px)}.three-d-card{width:min(86%,360px);max-height:58vh}.panda-portrait.detail{width:min(220px,74vw);height:min(238px,80vw)}.xp-row>div:first-child{flex-direction:column;align-items:flex-start;gap:6px}.detail-specs,.detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info-grid article{min-height:0}.detail-tabs{flex-wrap:wrap;overflow:visible;padding-bottom:0}.detail-tabs button{flex:0 1 auto;white-space:nowrap}.detail-modal-toolbar{display:flex;align-items:center;margin:-2px 0 10px}}@media(max-width:640px){.center-column{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.status-toast{min-width:0;max-width:none;padding:12px 14px;gap:10px}.status-toast-viewport{top:12px;right:12px;left:12px;width:auto;max-width:none}.status-toast-icon{width:34px;height:34px;border-radius:10px}.status-toast-copy span{font-size:12px}.topbar,.hero-panel,.collection-panel,.detail-panel,.footer-band{border-radius:18px}.hero-panel{min-height:0;padding:8px}.hero-stage,.hero-poster-image{min-height:180px}.collection-panel{padding:14px}.collection-header h2{font-size:15px;line-height:1.4}.collection-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.filter-select{grid-column:1 / -1}.collection-tools>.mini-search+.filter-select{grid-column:1 / 4;grid-row:1}.collection-tools>.mini-search+.filter-select+.filter-select{grid-column:4 / -1;grid-row:1}.view-toggle{grid-column:span 3;grid-row:2}.nft-card{padding:8px 8px 10px}.card-art{min-height:124px;margin:6px -3px 4px;border-radius:16px}.panda-portrait{width:min(34vw,148px);height:min(38vw,162px)}.pagination{flex-wrap:nowrap;justify-content:center;gap:5px}.pagination-link{min-width:32px;height:32px;border-radius:9px;font-size:12px}}@media(max-width:560px){.topbar{padding:12px}.topbar-logo-image{width:40px}.collection-panel,.detail-panel{padding:12px}.card-topline{font-size:11px}.card-title{align-items:flex-start;flex-direction:column;gap:4px}.card-meta{align-items:flex-start;flex-direction:column;gap:6px}.detail-headline h2{font-size:22px}}@media(max-width:420px){.page-shell{padding:calc(env(safe-area-inset-top) + 8px) 8px 8px}.center-column{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.topbar,.hero-panel,.collection-panel,.detail-panel,.footer-band{border-radius:16px}.topbar{padding:10px}.hero-panel{padding:8px}.hero-stage,.hero-poster-image{min-height:150px}.detail-breadcrumb{flex-wrap:wrap}.detail-headline h2{font-size:22px}.detail-tabs{gap:12px}.detail-tabs button{font-size:12px}.panda-portrait.detail{width:min(192px,72vw);height:min(206px,78vw)}}
