.ex-page{position:relative;min-height:100vh;padding-top:5.5rem;overflow-x:clip}.ex-ambient{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ex-ambient:before{content:"";position:absolute;top:0;left:0;right:0;height:640px;background:radial-gradient(ellipse 75% 55% at 50% -15%,hsl(var(--primary) / .13),transparent 62%),radial-gradient(ellipse 50% 38% at 92% 18%,hsl(195 80% 55% / .06),transparent 70%),radial-gradient(ellipse 45% 35% at 5% 30%,hsl(280 70% 60% / .05),transparent 70%)}.ex-ambient:after{content:"";position:absolute;top:0;left:0;right:0;height:560px;background-image:radial-gradient(hsl(var(--border) / .5) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 20%,transparent 75%);opacity:.5}.ex-float{position:absolute;border-radius:14px;border:1px solid hsl(var(--primary) / .25);background:linear-gradient(160deg,hsl(var(--primary) / .1),hsl(280 70% 60% / .05) 55%,transparent);width:120px;aspect-ratio:5/7;filter:blur(.5px);animation:exFloat 9s ease-in-out infinite}.ex-float:after{content:"";position:absolute;inset:8px;border-radius:9px;border:1px solid hsl(var(--primary) / .12)}.ex-float-a{top:120px;left:6%;transform:rotate(-14deg);animation-delay:0s}.ex-float-b{top:90px;right:7%;width:96px;transform:rotate(11deg);animation-delay:-3s}.ex-float-c{top:330px;right:16%;width:64px;opacity:.6;transform:rotate(22deg);animation-delay:-6s}@keyframes exFloat{0%,to{translate:0 0}50%{translate:0 -16px}}@media(max-width:900px){.ex-float{display:none}}.ex-container{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:0 1.5rem 5rem}.ex-toast{position:fixed;top:5rem;right:1.25rem;z-index:1200;max-width:380px;background:#1f0a0af2;border:1px solid #7f1d1d;border-left:3px solid #ef4444;border-radius:12px;padding:.8rem 1.1rem;color:#fca5a5;font-size:.85rem;line-height:1.45;box-shadow:0 12px 40px #00000080;backdrop-filter:blur(12px);opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .2s,transform .2s}.ex-toast.show{opacity:1;transform:translate(0)}.ex-hero{margin:0;text-align:center;padding:2.75rem 1rem .5rem;position:relative}.ex-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;padding:.35rem .85rem;border-radius:999px;background:hsl(var(--accent-low) / .6);border:1px solid hsl(var(--primary) / .25);color:#c7d2fe;margin-bottom:1.25rem;backdrop-filter:blur(8px)}.ex-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80b3;position:relative}.ex-live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid #4ade80;animation:pulseDot 2s infinite}.ex-hero-title{font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:800;margin:0 0 .85rem;color:hsl(var(--foreground));letter-spacing:-.035em;line-height:1.08}.ex-hero-title .grad{background:linear-gradient(135deg,hsl(var(--primary)),#a78bfa 45%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.ex-hero-sub{font-size:1.05rem;color:hsl(var(--muted-foreground));max-width:580px;margin:0 auto;line-height:1.65}.ex-hero-meta{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:1.35rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:#71717a;background:hsl(var(--card) / .5);border:1px solid hsl(var(--border) / .8);border-radius:12px;padding:.55rem 0;backdrop-filter:blur(10px)}.ex-hero-meta:empty{display:none}.ex-hero-meta span{padding:0 1.25rem}.ex-hero-meta span+span{border-left:1px solid hsl(var(--border) / .7)}.ex-hero-meta b{color:hsl(var(--foreground));font-weight:700;font-size:.92rem}.ex-topbar{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0 1.75rem}.ex-topbar-row{display:flex;gap:.6rem;align-items:stretch}.ex-topbar-hero .ex-topbar-row{max-width:720px;width:100%;margin:0 auto}.ex-topbar-stuck{position:sticky;top:4rem;z-index:40;margin:.75rem 0 1.5rem;padding:.7rem .85rem;background:hsl(var(--background) / .82);border:1px solid hsl(var(--border) / .9);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 30px #0000004d}.ex-search-bar{flex:1;display:flex;gap:.5rem;align-items:stretch;min-width:0}.ex-search-field{flex:1;position:relative;display:flex;align-items:center;min-width:0}.ex-search-field svg{position:absolute;left:.95rem;width:16px;height:16px;color:#52525b;pointer-events:none;transition:color .15s}.ex-search-field:focus-within svg{color:hsl(var(--primary))}.ex-search-field input{width:100%;background:hsl(var(--card) / .65);border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.8rem 3rem .8rem 2.6rem;border-radius:12px;font-size:.95rem;font-family:inherit;backdrop-filter:blur(12px);transition:border-color .15s,box-shadow .15s,background .15s}.ex-search-field input::-moz-placeholder{color:#52525b}.ex-search-field input::placeholder{color:#52525b}.ex-search-field input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / .13),0 4px 24px hsl(var(--primary) / .1);background:hsl(var(--card) / .9)}.ex-kbd{position:absolute;right:.85rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#52525b;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-bottom-width:2px;border-radius:5px;padding:.1rem .45rem;pointer-events:none}.ex-search-field:focus-within .ex-kbd{opacity:0}.ex-search-btn{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-hover)));color:#fff;border:none;padding:0 1.4rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px hsl(var(--primary) / .3)}.ex-search-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px hsl(var(--primary) / .45)}.ex-search-btn:active{transform:translateY(0)}.ex-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;padding:0 .15rem}.ex-breadcrumb a{display:inline-flex;align-items:center;gap:.35rem;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .15s}.ex-breadcrumb a:hover{color:hsl(var(--primary))}.ex-breadcrumb-sep{color:#3f3f46;font-size:.8rem}.ex-breadcrumb-current{color:hsl(var(--foreground));font-weight:600}.ex-key-wrap{position:relative;flex-shrink:0}.ex-key-btn{background:hsl(var(--card) / .65);border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));width:46px;height:100%;min-height:46px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;backdrop-filter:blur(8px)}.ex-key-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.ex-key-btn.has-key{border-color:#4ade8080;color:#4ade80;box-shadow:0 0 0 3px #4ade8014}.ex-key-pop{display:none;position:absolute;top:calc(100% + 8px);right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1rem;width:340px;z-index:60;box-shadow:0 12px 40px #00000073,0 0 0 1px hsl(var(--border) / .5)}.ex-key-pop.open{display:block;animation:fadeIn .12s ease-out}.ex-key-pop input{width:100%;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.55rem .85rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.8rem;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.ex-key-pop input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.ex-key-pop-label{font-size:.7rem;color:#71717a;margin-bottom:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.ex-key-pop-status{font-size:.75rem;margin-top:.4rem}.ex-section-header{display:flex;align-items:baseline;gap:.85rem;margin:2.25rem 0 1.1rem}.ex-section-header:first-child{margin-top:0}.ex-section-title{font-size:1.05rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:-.01em;white-space:nowrap}.ex-section-count{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#71717a;white-space:nowrap}.ex-section-line{flex:1;height:1px;background:linear-gradient(to right,hsl(var(--border)),transparent);align-self:center}.ex-section-filter{position:relative;display:flex;align-items:center}.ex-section-filter svg{position:absolute;left:.7rem;width:13px;height:13px;color:#52525b;pointer-events:none}.ex-section-filter input{background:hsl(var(--card) / .6);border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.42rem .8rem .42rem 2.1rem;border-radius:9px;font-size:.82rem;font-family:inherit;width:200px;transition:border-color .15s,box-shadow .15s,width .2s}.ex-section-filter input::-moz-placeholder{color:#52525b}.ex-section-filter input::placeholder{color:#52525b}.ex-section-filter input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1);width:240px}.ex-feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.ex-feat-tile{--hue:234;position:relative;display:flex;flex-direction:column;background:hsl(var(--card) / .6);border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s;animation:exStagger .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 35ms)}.ex-feat-tile:hover{transform:translateY(-5px);border-color:hsl(var(--hue) 70% 60% / .55);box-shadow:0 18px 50px #0006,0 0 30px hsl(var(--hue) 70% 55% / .12),0 0 0 1px hsl(var(--hue) 70% 60% / .25)}.ex-feat-art{position:relative;aspect-ratio:16/8.5;display:flex;align-items:center;justify-content:center;padding:1rem 1.4rem;overflow:hidden;background:radial-gradient(ellipse 90% 110% at 50% 115%,hsl(var(--hue) 65% 45% / .2),transparent 65%),linear-gradient(150deg,hsl(var(--background)) 10%,hsl(var(--card)));border-bottom:1px solid hsl(var(--border) / .5)}.ex-feat-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(var(--hue) 70% 70% / .14) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,black,transparent 70%)}.ex-feat-art:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.06) 50%,transparent);transform:skew(-18deg);transition:left .55s ease}.ex-feat-tile:hover .ex-feat-art:after{left:130%}.ex-feat-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.ex-feat-tile:hover .ex-feat-logo{transform:scale(1.07)}.ex-feat-monogram{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:hsl(var(--hue) 50% 22% / .5);border:1px solid hsl(var(--hue) 60% 55% / .35);border-radius:16px;font-family:JetBrains Mono,monospace;font-size:1.45rem;font-weight:700;color:hsl(var(--hue) 80% 80%);position:relative;z-index:1}.ex-feat-body{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1.05rem}.ex-feat-name{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:650;color:hsl(var(--foreground));min-width:0}.ex-feat-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-feat-stats{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#71717a;white-space:nowrap;flex-shrink:0}.ex-game-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem}.ex-game-row{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:hsl(var(--card) / .5);border:1px solid hsl(var(--border) / .9);border-radius:12px;text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .15s,background .15s;animation:exStagger .4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 10ms)}.ex-game-row:hover{transform:translateY(-2px);border-color:hsl(var(--primary) / .5);background:hsl(var(--card) / .85)}.ex-game-row-logo{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--surface)));border:1px solid hsl(var(--border) / .7);border-radius:10px;padding:5px;overflow:hidden}.ex-game-row-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 6px rgba(0,0,0,.4))}.ex-game-row-monogram{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:#a5b4fc}.ex-game-row-info{min-width:0;flex:1}.ex-game-row-name{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;color:hsl(var(--foreground));line-height:1.3}.ex-game-row-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-game-row-stats{font-family:JetBrains Mono,monospace;font-size:.68rem;color:#71717a;margin-top:.15rem}.ex-games-noresults{padding:2rem;text-align:center;color:#52525b;font-size:.9rem;display:none}.ex-sync-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;position:relative}.ex-sync-dot.green{background:#4ade80;box-shadow:0 0 8px #4ade8080}.ex-sync-dot.green:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid #4ade80;opacity:.3;animation:pulseDot 2s infinite}.ex-sync-dot.amber{background:#fbbf24;box-shadow:0 0 6px #fbbf2466}.ex-sync-dot.gray{background:#52525b}@keyframes exStagger{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:0}}.ex-skel{position:relative;overflow:hidden;background:hsl(var(--card) / .55);border:1px solid hsl(var(--border) / .7);border-radius:14px}.ex-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,hsl(var(--foreground) / .04) 50%,transparent 70%);animation:exShimmer 1.6s ease-in-out infinite}@keyframes exShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ex-skel-card{aspect-ratio:5/8}.ex-skel-poster{aspect-ratio:3/2.4}.ex-skel-row{height:66px;border-radius:12px}.ex-skel-feat{aspect-ratio:16/11;border-radius:16px}.ex-game-header{position:relative;display:flex;align-items:center;gap:1.1rem;padding:1.25rem 1.4rem;margin-bottom:1.25rem;background:hsl(var(--card) / .5);border:1px solid hsl(var(--border));border-radius:16px;backdrop-filter:blur(10px);overflow:hidden}.ex-game-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 130% at 0% 50%,hsl(var(--primary) / .12),transparent 60%);pointer-events:none}.ex-gh-logo{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45));position:relative}.ex-gh-monogram{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:hsl(var(--accent-low));border-radius:12px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;color:#c7d2fe;flex-shrink:0;position:relative}.ex-gh-text{min-width:0;flex:1;position:relative}.ex-gh-text h2{font-size:1.45rem;font-weight:750;margin:0;color:hsl(var(--foreground));letter-spacing:-.025em}.ex-gh-meta{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#71717a}.ex-gh-meta span{display:inline-flex;align-items:center;gap:.35rem}.ex-gh-meta b{color:hsl(var(--muted-foreground));font-weight:600}.ex-year-header{display:flex;align-items:center;gap:.85rem;margin:2.1rem 0 1rem;font-size:.9rem}.ex-year-header:first-child{margin-top:.25rem}.ex-year-label{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:.02em;padding:.2rem .7rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px}.ex-year-count{font-size:.75rem;color:#71717a;font-family:JetBrains Mono,monospace}.ex-year-line{flex:1;height:1px;background:linear-gradient(to right,hsl(var(--border)),transparent)}.ex-set-poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}.ex-set-poster{background:hsl(var(--card) / .7);border:1px solid hsl(var(--border));border-radius:14px;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s;display:flex;flex-direction:column}.ex-set-poster:hover{transform:translateY(-4px);border-color:hsl(var(--primary) / .5);box-shadow:0 14px 40px #00000059,0 0 0 1px hsl(var(--primary) / .2)}.ex-set-poster-art{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,hsl(var(--accent-low) / .35),hsl(var(--background)) 75%);padding:.6rem;position:relative;overflow:hidden}.ex-set-poster-art:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,hsl(var(--primary) / .08) 60deg,transparent 120deg);animation:rotate 18s linear infinite;opacity:0;transition:opacity .4s}.ex-set-poster:hover .ex-set-poster-art:before{opacity:1}.ex-set-poster-icon{width:auto;height:88%;max-width:72%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));z-index:1;transition:transform .3s;position:relative}.ex-set-poster:hover .ex-set-poster-icon{transform:scale(1.08)}.ex-set-poster-art-empty{width:54%;aspect-ratio:1;max-width:110px;border-radius:14px;background:hsl(var(--card));border:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:center;color:#52525b;font-size:2rem;z-index:1;position:relative}.ex-set-poster-body{padding:.85rem 1rem 1rem;border-top:1px solid hsl(var(--border) / .5)}.ex-set-poster-name{font-size:.9rem;font-weight:600;color:hsl(var(--foreground));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-set-poster-meta{display:flex;gap:.65rem;margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#71717a}.ex-set-badge-new{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:.15rem .4rem;border-radius:4px;background:#0a475c;color:#8cd9f2;margin-left:.4rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ex-key-required{text-align:center;padding:3.5rem 1.5rem;max-width:480px;margin:2rem auto;background:hsl(var(--card) / .5);border:1px solid hsl(var(--border));border-radius:18px;backdrop-filter:blur(8px);position:relative;overflow:hidden}.ex-key-required:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 60% 100% at 50% 0%,hsl(var(--primary) / .12),transparent 70%);pointer-events:none}.ex-key-icon{width:54px;height:54px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--accent-low) / .7);border:1px solid hsl(var(--primary) / .35);border-radius:14px;color:#c7d2fe;position:relative;box-shadow:0 4px 20px hsl(var(--primary) / .25)}.ex-key-required h3{font-size:1.15rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .5rem;position:relative}.ex-key-required p{font-size:.9rem;color:hsl(var(--muted-foreground));margin:0 0 1.35rem;line-height:1.6;position:relative}.ex-key-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;position:relative}.ex-key-cta{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-hover)));color:#fff;padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px hsl(var(--primary) / .3)}.ex-key-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px hsl(var(--primary) / .4);color:#fff}.ex-key-alt{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.ex-key-alt:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground))}.ex-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.ex-field{display:flex;flex-direction:column;gap:.35rem}.ex-field label{font-size:.66rem;color:#71717a;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.ex-field select,.ex-field input{background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.48rem .75rem;border-radius:9px;font-size:.85rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.ex-field select:focus,.ex-field input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.ex-seg{display:flex;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:10px;padding:3px;gap:2px}.ex-seg button{background:transparent;color:#71717a;border:none;padding:.38rem .8rem;border-radius:7px;font-size:.8rem;cursor:pointer;font-weight:550;transition:all .15s;font-family:inherit}.ex-seg button:hover{color:hsl(var(--muted-foreground))}.ex-seg button.active{background:hsl(var(--accent-low));color:#c7d2fe;box-shadow:0 1px 4px #0000004d}.ex-controls-spacer{flex:1}.ex-result-count{font-family:JetBrains Mono,monospace;font-size:.74rem;color:#71717a;padding-bottom:.55rem}.ex-result-count b{color:hsl(var(--foreground));font-weight:700}.ex-chip{display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;line-height:1.3}.ex-chip-indigo{background:hsl(var(--accent-low));color:#a5b4fc}.ex-chip-purple{background:#3b0764;color:#c084fc}.ex-chip-zinc{background:#3f3f46;color:#a1a1aa}.ex-chip-green{background:#052e16;color:#4ade80}.ex-chip-red{background:#450a0a;color:#fca5a5}.ex-chip-amber{background:#451a03;color:#fbbf24}.ex-chip-game{background:#1e3a5f;color:#7dd3fc}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem}.ex-tile{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;--gop:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;cursor:pointer;overflow:hidden;position:relative;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out,border-color .2s,box-shadow .25s;animation:exStagger .4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 14ms);will-change:transform}.ex-tile:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);z-index:3;pointer-events:none}.ex-tile:hover{border-color:hsl(var(--primary) / .5);box-shadow:0 22px 50px #00000073,0 0 0 1px hsl(var(--primary) / .2);z-index:2}.ex-tile-img-wrap{position:relative;width:100%;aspect-ratio:5/7;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--card)));display:flex;align-items:center;justify-content:center;overflow:hidden}.ex-tile-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}.ex-tile:hover .ex-tile-img{transform:scale(1.04)}.ex-tile-img-empty{color:#3f3f46;font-size:.7rem}.ex-tile-holo{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--gop);transition:opacity .25s;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 28%,transparent 55%),linear-gradient(115deg,transparent 20%,hsl(280 90% 70% / .1) calc(var(--gx) - 12%),hsl(190 95% 65% / .12) var(--gx),hsl(45 95% 65% / .1) calc(var(--gx) + 12%),transparent 80%);mix-blend-mode:screen}.ex-tile-price{position:absolute;bottom:10px;right:10px;z-index:3;background:#000000d9;backdrop-filter:blur(10px);color:hsl(var(--foreground));font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;padding:.3rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #0006}.ex-tile-delta{position:absolute;bottom:10px;left:10px;z-index:3;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;padding:.22rem .5rem;border-radius:999px;backdrop-filter:blur(10px)}.ex-tile-delta.up{background:#052e16e6;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.ex-tile-delta.down{background:#450a0ae6;color:#fca5a5;border:1px solid rgba(252,165,165,.25)}.ex-tile-body{padding:.7rem .85rem .85rem;position:relative}.ex-tile-name{font-size:.85rem;font-weight:600;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ex-tile-meta{display:flex;gap:.3rem;align-items:center;margin-top:.4rem;flex-wrap:wrap}.ex-tile-number{font-size:.7rem;color:#52525b;font-family:JetBrains Mono,monospace}@media(hover:none),(prefers-reduced-motion:reduce){.ex-tile{transform:none!important}.ex-tile-holo{display:none}}.ex-stats{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.ex-stat{font-size:.85rem;color:hsl(var(--muted-foreground))}.ex-stat b{color:hsl(var(--foreground))}.ex-empty{text-align:center;padding:4rem 1.5rem;color:#52525b;font-size:.95rem}.ex-empty-icon{width:52px;height:52px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;color:#3f3f46}.ex-empty-hint{font-size:.8rem;color:#3f3f46;margin-top:.35rem}.ex-loading{text-align:center;padding:2rem;color:hsl(var(--muted-foreground))}.ex-error{background:#450a0a;border:1px solid #7f1d1d;border-radius:10px;padding:.85rem 1.1rem;color:#fca5a5;font-size:.85rem;margin-bottom:1rem}.ex-pagination{display:flex;align-items:center;gap:.35rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.ex-pagination button{background:hsl(var(--card) / .6);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));min-width:38px;padding:.5rem .7rem;border-radius:9px;font-size:.85rem;cursor:pointer;font-weight:550;font-family:JetBrains Mono,monospace;transition:all .15s}.ex-pagination button:disabled{opacity:.3;cursor:not-allowed}.ex-pagination button:hover:not(:disabled):not(.cur){border-color:hsl(var(--primary));color:hsl(var(--foreground));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.ex-pagination button.cur{background:hsl(var(--accent-low));color:#c7d2fe;border-color:hsl(var(--primary) / .5);cursor:default}.ex-pagination .ex-page-gap{color:#3f3f46;font-family:JetBrains Mono,monospace;padding:0 .2rem}.modal-backdrop{display:none;position:fixed;inset:0;z-index:1000;background:#000000d1;backdrop-filter:blur(14px);overflow-y:auto;padding:2rem 1rem}.modal-backdrop.open{display:flex;justify-content:center;align-items:flex-start;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:18px;width:100%;max-width:960px;position:relative;overflow:hidden;animation:modalSlideUp .28s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 90px #0000008c,0 0 80px hsl(var(--primary) / .07),0 0 0 1px hsl(var(--border) / .5)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;z-index:10;background:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:all .15s}.modal-close:hover{border-color:#f87171;color:#f87171;background:#1c1015}.modal-top{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;position:relative}.modal-top:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse 55% 100% at 18% 0%,hsl(var(--primary) / .09),transparent 65%);pointer-events:none}.modal-img-col{display:flex;flex-direction:column;gap:.75rem;position:relative}.modal-img-tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;--gop:0;position:relative;border-radius:12px;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;will-change:transform}.modal-img-holo{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:var(--gop);transition:opacity .25s;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.2) 0%,rgba(255,255,255,.04) 30%,transparent 58%),linear-gradient(115deg,transparent 20%,hsl(280 90% 70% / .1) calc(var(--gx) - 12%),hsl(190 95% 65% / .12) var(--gx),hsl(45 95% 65% / .1) calc(var(--gx) + 12%),transparent 80%);mix-blend-mode:screen}@media(hover:none),(prefers-reduced-motion:reduce){.modal-img-tilt{transform:none!important}.modal-img-holo{display:none}}.modal-img{width:100%;border-radius:12px;background:hsl(var(--card));box-shadow:0 12px 40px #00000073,0 0 30px hsl(var(--primary) / .08);display:block}.modal-img-empty{width:100%;aspect-ratio:5/7;border-radius:12px;background:hsl(var(--card));display:flex;align-items:center;justify-content:center;color:#3f3f46}.modal-tcg-link{display:inline-flex;align-items:center;gap:.4rem;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));padding:.5rem .85rem;border-radius:8px;font-size:.85rem;text-decoration:none;transition:all .15s;width:-moz-fit-content;width:fit-content}.modal-tcg-link:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground))}.modal-info-col{min-width:0;padding-top:.25rem;position:relative}.modal-title{font-size:1.8rem;font-weight:800;color:hsl(var(--foreground));margin:0 0 .4rem;line-height:1.15;padding-right:3rem;letter-spacing:-.025em}.modal-subtitle{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1.1rem}.modal-subtitle-text{font-size:.9rem;color:#71717a}.modal-price-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.modal-price-big{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:.85rem 1.1rem;min-width:130px;position:relative;overflow:hidden}.modal-price-big:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,hsl(var(--primary) / .6),transparent)}.modal-price-big-label{font-size:.65rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:600}.modal-price-big-val{font-size:1.55rem;font-weight:800;color:hsl(var(--foreground));font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.modal-price-big-val.empty{color:#3f3f46;font-size:1.1rem;font-weight:400}.modal-price-big-change{font-size:.75rem;font-weight:600;margin-top:.2rem;font-family:JetBrains Mono,monospace}.modal-tabs{display:flex;gap:0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card) / .5);padding:0 2rem}.modal-tab{background:transparent;color:#71717a;border:none;border-bottom:2px solid transparent;padding:.8rem 1.25rem;font-size:.9rem;cursor:pointer;font-weight:600;transition:color .15s;font-family:inherit}.modal-tab:hover{color:hsl(var(--muted-foreground))}.modal-tab.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.modal-tab-content{padding:1.5rem 2rem 2rem}.modal-panel{display:none}.modal-panel.active{display:block}.price-cards-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.price-card{flex:1;min-width:280px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.25rem}.price-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.price-card-header h4{margin:0;font-size:.95rem;color:hsl(var(--foreground));font-weight:600}.price-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.price-cell{background:hsl(var(--background));border:1px solid hsl(var(--border) / .5);border-radius:8px;padding:.65rem .8rem}.price-cell-label{font-size:.65rem;color:#71717a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.price-cell-val{font-size:1.1rem;font-weight:700;color:hsl(var(--foreground));font-family:JetBrains Mono,monospace}.price-cell-val.empty{color:#3f3f46;font-weight:400;font-size:.9rem}.price-sales{display:flex;gap:.55rem;align-items:center;margin-bottom:.6rem}.price-sales-avg{font-size:.74rem;color:#a1a1aa;font-family:JetBrains Mono,monospace}.change-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.change-pill{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;font-family:JetBrains Mono,monospace}.change-pill.up{background:#052e16;color:#4ade80}.change-pill.down{background:#450a0a;color:#fca5a5}.change-pill.flat{background:hsl(var(--surface));color:#71717a}.price-updated{font-size:.7rem;color:#52525b}.price-chart-wrap{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;position:relative}.price-chart-title{font-size:.85rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price-chart-tabs{display:flex;gap:.3rem;margin-left:auto;align-items:center}.price-chart-divider{width:1px;height:16px;background:hsl(var(--border));margin:0 .35rem}.ex-chart-tip{position:absolute;display:none;z-index:5;background:#000000eb;border:1px solid hsl(var(--border));border-radius:8px;padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:hsl(var(--foreground));white-space:nowrap;pointer-events:none;transform:translate(-50%,-130%);box-shadow:0 6px 20px #00000080}.ex-chart-tip .tip-date{color:#71717a;margin-right:.5rem}.ex-chart-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0 0;font-size:.73rem;font-family:JetBrains Mono,monospace;flex-wrap:wrap}.ex-chart-footer .range-stats{color:#71717a}.ex-chart-footer .range-stats b{color:hsl(var(--muted-foreground));font-weight:600}.price-chart-tab{background:transparent;border:1px solid hsl(var(--border));color:#71717a;padding:.2rem .55rem;border-radius:6px;font-size:.7rem;cursor:pointer;font-weight:500;transition:all .15s;font-family:inherit}.price-chart-tab:hover{border-color:hsl(var(--primary) / .5);color:hsl(var(--muted-foreground))}.price-chart-tab.active{background:hsl(var(--surface));color:hsl(var(--foreground));border-color:hsl(var(--primary))}.price-chart-svg{width:100%;height:180px}.price-chart-empty{text-align:center;padding:2rem;color:#52525b;font-size:.85rem}.info-section{margin-bottom:1.5rem}.info-section-title{font-size:.75rem;color:hsl(var(--primary));font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid hsl(var(--border) / .5)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 2rem}.info-item{display:flex;flex-direction:column;padding:.4rem 0}.info-label{font-size:.7rem;color:#71717a;margin-bottom:.1rem}.info-val{font-size:.9rem;color:#e4e4e7;word-break:break-word}.info-val a{color:hsl(var(--primary));text-decoration:none}.info-val a:hover{text-decoration:underline}.info-val-mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.info-card-block{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:.75rem .85rem;margin-bottom:.5rem}.info-card-name{font-weight:600;color:hsl(var(--foreground));font-size:.9rem}.info-card-dmg{font-size:.8rem;color:#fbbf24;font-family:JetBrains Mono,monospace;margin-top:.15rem}.info-card-text{font-size:.8rem;color:hsl(var(--muted-foreground));margin-top:.2rem;line-height:1.4}.ex-json-wrap{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden}.ex-json-header{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.ex-json-header span{font-size:.75rem;color:#71717a;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ex-json-copy{background:hsl(var(--surface));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));padding:.25rem .6rem;border-radius:6px;font-size:.7rem;cursor:pointer;font-weight:500;transition:all .15s}.ex-json-copy:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary))}.ex-json{padding:1rem;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.8rem;color:hsl(var(--muted-foreground));white-space:pre;line-height:1.6;max-height:600px;overflow-y:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.ex-json::-webkit-scrollbar{width:8px;height:8px}.ex-json::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.ex-json .jk{color:hsl(var(--primary))}.ex-json .js{color:#4ade80}.ex-json .jn{color:#fbbf24}.ex-json .jb{color:#fb923c}.ex-json .jl{color:#52525b;font-style:italic}.json-tabs{display:flex;gap:0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card) / .5)}.json-tab{background:transparent;color:#52525b;border:none;border-bottom:2px solid transparent;padding:.6rem 1rem;font-size:.8rem;cursor:pointer;font-weight:600;font-family:inherit;transition:color .15s}.json-tab:hover{color:hsl(var(--muted-foreground))}.json-tab.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.json-tab .json-tab-method{font-size:.65rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;margin-right:.35rem;font-family:JetBrains Mono,monospace}.json-tab .json-tab-method.get{background:#052e16;color:#4ade80}.json-endpoint-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));font-family:JetBrains Mono,monospace;font-size:.75rem}.json-endpoint-bar .method{color:#4ade80;font-weight:700}.json-endpoint-bar .path{color:hsl(var(--muted-foreground))}@media(max-width:1024px){.ex-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ex-feat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.ex-set-poster-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.modal-top{grid-template-columns:240px 1fr;gap:1.5rem;padding:1.5rem}.modal-tab-content{padding:1.25rem 1.5rem 1.5rem}.modal-tabs{padding:0 1.5rem}}@media(max-width:640px){.ex-page{padding-top:4.5rem}.ex-container{padding:0 .85rem 4rem}.ex-grid,.ex-feat-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.ex-game-list{grid-template-columns:1fr 1fr;gap:.5rem}.ex-game-row{padding:.5rem .6rem;gap:.55rem}.ex-game-row-logo{width:36px;height:36px}.ex-set-poster-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.ex-hero{padding:1.25rem .25rem .25rem}.ex-hero-title{font-size:1.85rem}.ex-hero-meta span{padding:0 .7rem}.ex-search-btn{padding:0 1rem}.ex-kbd{display:none}.ex-topbar-stuck{top:4rem;padding:.55rem .6rem}.ex-section-header{flex-wrap:wrap;row-gap:.5rem}.ex-section-filter input,.ex-section-filter input:focus{width:150px}.ex-game-header{flex-direction:row;padding:.9rem 1rem}.ex-gh-logo{width:48px;height:48px}.ex-gh-text h2{font-size:1.15rem}.ex-toast{left:1rem;right:1rem;max-width:none}.modal-backdrop{padding:0}.modal-card{border-radius:0;min-height:100vh;max-width:100%}.modal-top{grid-template-columns:1fr;gap:1rem;padding:3.5rem 1.25rem 1.25rem}.modal-img-col{align-items:center}.modal-img{max-width:240px}.modal-title{font-size:1.3rem;padding-right:0}.modal-tabs{padding:0 1.25rem;overflow-x:auto}.modal-tab-content{padding:1rem 1.25rem 1.5rem}.info-grid{grid-template-columns:1fr}.price-grid-4{grid-template-columns:1fr 1fr}.price-cards-row{flex-direction:column}.price-card{min-width:0}.modal-price-summary{flex-direction:column}.modal-price-big{min-width:0}.ex-key-pop{right:0;width:min(320px,calc(100vw - 2rem))}.ex-controls{gap:.6rem}}
