:root{--cyan:#48e8ff;--blue:#6878ff;--gold:#ffd84d;--ink:#020615;--panel:rgba(6,14,37,.94);--line:rgba(72,226,255,.23)}
*{box-sizing:border-box}html{background:var(--ink)}body.boom-national{margin:0;min-height:100vh;padding:28px 18px 58px;color:#eef7ff;font-family:Rajdhani,system-ui,sans-serif;background:radial-gradient(circle at 10% 8%,rgba(8,117,184,.3),transparent 34%),radial-gradient(circle at 91% 12%,rgba(101,34,163,.3),transparent 37%),#020615;overflow-x:hidden}body.boom-national:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(62,211,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(62,211,255,.034) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 90%);animation:gridMove 24s linear infinite}@keyframes gridMove{to{background-position:52px 52px}}body.modal-open{overflow:hidden}.dex-shell{width:min(1280px,100%);margin:auto;position:relative;z-index:1}
.dex-hero{min-height:370px;border:1px solid var(--line);border-radius:35px;overflow:hidden;position:relative;display:flex;align-items:center;padding:54px 6%;background:linear-gradient(106deg,rgba(6,18,51,.98) 0 56%,rgba(36,10,72,.92)),radial-gradient(circle at 80% 45%,rgba(70,228,255,.2),transparent 35%);box-shadow:0 32px 90px rgba(0,0,0,.36)}.hero-copy{max-width:730px;position:relative;z-index:4}.eyebrow{display:flex;align-items:center;gap:9px;font:800 .7rem Orbitron,sans-serif;letter-spacing:.17em;color:var(--cyan)}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#49efad;box-shadow:0 0 13px #49efad}.hero-copy h1{font:900 clamp(3rem,7vw,6.4rem)/.87 Orbitron,sans-serif;letter-spacing:-.065em;margin:20px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#46e8ff,#697cff,#dc5eff);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;color:#aab9d8;max-width:650px}.hero-art{position:absolute;right:1%;top:0;width:43%;height:100%;display:grid;place-items:center}.scan-ring{position:absolute;border:1px solid rgba(71,229,255,.3);border-radius:50%;box-shadow:inset 0 0 55px rgba(71,229,255,.08)}.ring-a{width:320px;height:320px;animation:spin 14s linear infinite}.ring-b{width:220px;height:220px;border-style:dashed;animation:spin 9s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-mon{width:min(215px,44%);image-rendering:pixelated;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px)}}.hero-spark{position:absolute;color:#ffe264;text-shadow:0 0 18px #ffd84d;font-size:2rem;animation:spark 1.8s ease-in-out infinite}.s1{left:18%;top:24%}.s2{right:16%;top:37%;animation-delay:.6s}.s3{right:27%;bottom:17%;animation-delay:1.1s}@keyframes spark{50%{transform:scale(1.5) rotate(45deg);opacity:.45}}
.dex-overview{position:relative;z-index:5;margin:-30px 28px 25px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(73,224,255,.24);border-radius:22px;background:rgba(5,14,37,.97);box-shadow:0 20px 50px rgba(0,0,0,.34);overflow:hidden}.dex-overview article{padding:18px 20px;border-right:1px solid rgba(255,255,255,.065);display:grid;grid-template-columns:1fr auto;align-items:end}.dex-overview article small{grid-column:1/-1;font:800 .5rem Orbitron,sans-serif;color:#6c7fa2;letter-spacing:.12em}.dex-overview article strong{font:900 1.65rem Orbitron,sans-serif;color:#54e8ff;margin-top:7px}.dex-overview article span{font:800 .5rem Orbitron,sans-serif;color:#7c8dac}.dex-overview .shiny-stat{background:radial-gradient(circle at 50% 150%,rgba(255,211,52,.15),transparent 70%)}.dex-overview .shiny-stat strong{color:var(--gold);text-shadow:0 0 18px rgba(255,216,77,.28)}.progress-block{grid-column:1/-1;padding:12px 20px 15px;border-top:1px solid rgba(255,255,255,.06)}.progress-block>div:first-child{display:flex;justify-content:space-between;font:800 .52rem Orbitron,sans-serif;color:#7386a8}.progress-track{height:6px;border-radius:999px;background:#020718;margin-top:8px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42e8ff,#6977ff,#cd5fff);box-shadow:0 0 15px #55daff;transition:width 1s ease}
.dex-console{border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(8,19,47,.95),rgba(4,9,27,.96));padding:20px 22px;display:grid;grid-template-columns:1fr minmax(280px,430px);gap:17px;align-items:center;margin-bottom:18px}.console-copy small{font:800 .5rem Orbitron,sans-serif;color:#5de8ff;letter-spacing:.13em}.console-copy h2{font:900 clamp(.9rem,2vw,1.15rem) Orbitron,sans-serif;margin:5px 0}.dex-search{height:48px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;border:1px solid rgba(70,226,255,.25);border-radius:13px;background:#030a20;padding:0 11px}.dex-search>span{font-size:1.5rem;color:#55e5ff}.dex-search input{border:0;outline:0;background:transparent;color:#fff;font:700 1rem Rajdhani,sans-serif;min-width:0}.dex-search kbd{border:1px solid rgba(81,226,255,.2);border-radius:7px;padding:5px 7px;background:#09122e;color:#6be9ff;font:800 .55rem Orbitron,sans-serif}.filters{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid rgba(72,224,255,.18);border-radius:10px;background:#050c23;color:#8e9ebb;padding:10px 13px;font:800 .56rem Orbitron,sans-serif;cursor:pointer}.filters button span{color:#4fe7ff;margin-right:5px}.filters button.active{color:#061128;background:linear-gradient(100deg,#4ce8ff,#667cff);border-color:transparent;box-shadow:0 7px 20px rgba(70,208,255,.2)}.filters .shiny-filter span{color:#ffd84d}.filters .shiny-filter.active{background:linear-gradient(100deg,#ffe269,#ffae42);box-shadow:0 7px 22px rgba(255,194,54,.22)}
.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}.dex-card{position:relative;overflow:hidden;min-height:230px;border:1px solid rgba(73,222,255,.18);border-radius:19px;background:linear-gradient(155deg,rgba(10,23,55,.96),rgba(3,9,27,.98));padding:12px;color:#eff7ff;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 12px 30px rgba(0,0,0,.2)}.dex-card:hover{transform:translateY(-5px);border-color:rgba(75,228,255,.5);box-shadow:0 18px 38px rgba(0,0,0,.35),0 0 22px rgba(56,210,255,.1)}.card-top{display:flex;justify-content:space-between;position:relative;z-index:3}.card-top span{font:800 .58rem Orbitron,sans-serif;color:#58e5ff}.card-top b{font:800 .45rem Orbitron,sans-serif;color:#7183a4}.pokemon-art{height:130px;display:grid;place-items:center;position:relative}.pokemon-art img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:2;filter:drop-shadow(0 11px 17px rgba(0,0,0,.45))}.art-ring{position:absolute;width:110px;height:110px;border-radius:50%;border:1px dashed rgba(70,224,255,.23);background:radial-gradient(circle,rgba(61,226,255,.08),transparent 68%)}.card-name{font:900 .76rem Orbitron,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:8px;border-top:1px solid rgba(255,255,255,.055);padding-top:8px}.card-meta span{font:800 .46rem Orbitron,sans-serif;color:#5fe5ff}.card-meta strong{font:900 .45rem Orbitron,sans-serif;color:#ffd84d}.dex-card.missing{filter:grayscale(1);opacity:.43}.dex-card.missing img{filter:brightness(.15)}.dex-card.missing:hover{opacity:.65}.dex-card.shiny-card{border-color:rgba(255,211,64,.54);background:linear-gradient(150deg,rgba(57,45,12,.97),rgba(15,13,28,.98) 58%,rgba(46,20,63,.95));box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 0 30px rgba(255,207,44,.06)}.dex-card.shiny-card:hover{border-color:#ffe164;box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(255,205,48,.2)}.shiny-card .card-top span,.shiny-card .card-meta span{color:#ffe270}.shiny-card .pokemon-art img{filter:drop-shadow(0 0 16px rgba(255,216,71,.55)) drop-shadow(0 12px 16px rgba(0,0,0,.5))}.shiny-card .art-ring{border-color:rgba(255,217,78,.47);background:radial-gradient(circle,rgba(255,219,75,.17),transparent 68%);box-shadow:0 0 27px rgba(255,209,55,.12)}.shiny-ribbon{position:absolute;z-index:4;right:-31px;top:18px;width:115px;transform:rotate(40deg);padding:4px;text-align:center;background:linear-gradient(90deg,#ffd748,#fff1a1,#ffba37);color:#271804;font:900 .42rem Orbitron,sans-serif;box-shadow:0 3px 15px rgba(255,206,48,.25)}.sparkles i{position:absolute;z-index:3;font-style:normal;color:#ffe671;text-shadow:0 0 10px #ffca30;animation:twinkle 1.8s ease-in-out infinite}.sparkles i:nth-child(1){left:12%;top:25%}.sparkles i:nth-child(2){right:13%;top:42%;animation-delay:.4s}.sparkles i:nth-child(3){left:26%;bottom:24%;animation-delay:.8s}.sparkles i:nth-child(4){right:28%;bottom:17%;animation-delay:1.2s}@keyframes twinkle{50%{transform:scale(1.6) rotate(45deg);opacity:.3}}.loading-core,.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:#6fe7ff;font:800 .6rem Orbitron,sans-serif;letter-spacing:.1em}.empty-state{color:#8392ae}.empty-state.full{border:1px dashed rgba(71,222,255,.2);border-radius:18px}
.detail-modal{position:fixed;inset:0;z-index:10000;background:rgba(1,4,15,.86);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto;opacity:0;visibility:hidden;transition:.22s;backdrop-filter:blur(12px)}.detail-modal.show{opacity:1;visibility:visible}.detail-panel{position:relative;width:min(660px,100%);margin:auto;border:1px solid rgba(77,227,255,.42);border-radius:30px;background:linear-gradient(150deg,#0b1b44,#03091f 64%);padding:27px;box-shadow:0 0 70px rgba(51,210,255,.2);transform:translateY(20px) scale(.97);transition:.28s}.detail-modal.show .detail-panel{transform:none}.modal-x{position:absolute;z-index:6;right:17px;top:17px;width:42px;height:42px;border:1px solid rgba(75,225,255,.28);border-radius:12px;background:#07122e;color:#72e9ff;font-size:1.4rem;cursor:pointer}.detail-head{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px;padding:15px 0 25px;border-bottom:1px solid rgba(255,255,255,.07)}.detail-art{height:180px;display:grid;place-items:center;position:relative}.detail-art img{width:160px;height:160px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 22px rgba(0,0,0,.45))}.detail-aura{position:absolute;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,rgba(71,226,255,.18),transparent 68%);border:1px dashed rgba(71,226,255,.3);animation:spin 12s linear infinite}.shiny-detail .detail-aura{background:radial-gradient(circle,rgba(255,216,70,.28),transparent 68%);border-color:rgba(255,219,72,.5);box-shadow:0 0 34px rgba(255,204,47,.17)}.shiny-detail .detail-art img{filter:drop-shadow(0 0 22px rgba(255,216,67,.62))}.detail-copy>small{font:800 .54rem Orbitron,sans-serif;letter-spacing:.12em;color:#54e7ff}.shiny-detail .detail-copy>small{color:#ffd84d}.detail-copy h2{font:900 clamp(1.05rem,4vw,1.55rem) Orbitron,sans-serif;margin:8px 0}.detail-copy p{color:#8fa0bf;font-weight:700}.detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.detail-badges span,.detail-badges strong{border:1px solid rgba(73,226,255,.2);border-radius:999px;padding:5px 8px;font:800 .47rem Orbitron,sans-serif;color:#72e8ff}.detail-badges strong{border-color:rgba(255,216,65,.34);color:#ffd84d}.owner-head{display:flex;justify-content:space-between;padding:19px 2px 10px;font:800 .53rem Orbitron,sans-serif;color:#7183a5}.owner-head b{color:#64e8ff}.owner-list{display:grid;gap:7px;max-height:45vh;overflow-y:auto;padding-right:3px}.owner-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto 24px;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(73,225,255,.12);border-radius:13px;background:#050c23;text-decoration:none;color:#eef7ff}.owner-row:hover{border-color:rgba(73,225,255,.4);transform:translateX(2px)}.owner-row.shiny-owner{border-color:rgba(255,215,65,.34);background:linear-gradient(90deg,rgba(66,48,9,.55),rgba(7,11,31,.9));box-shadow:inset 0 0 20px rgba(255,207,46,.04)}.owner-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0d1939;border:2px solid rgba(76,226,255,.35)}.owner-avatar:before{content:attr(data-initial);font:900 .75rem Orbitron,sans-serif;color:#62e8ff}.owner-avatar img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}.shiny-owner .owner-avatar{border-color:#ffd84d;box-shadow:0 0 13px rgba(255,212,59,.25)}.owner-name,.owner-capture{display:flex;flex-direction:column;min-width:0}.owner-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-name span{font:800 .43rem Orbitron,sans-serif;color:#637696}.shiny-owner .owner-name span{color:#ffd84d}.owner-capture{text-align:right}.owner-capture strong{font:900 .52rem Orbitron,sans-serif;color:#5de7ff}.shiny-owner .owner-capture strong{color:#ffd84d}.owner-capture span{color:#7788a7;font-size:.78rem;font-weight:700}.owner-row>i{font-style:normal;color:#627797}
.dex-footer-cta{margin-top:27px;border:1px solid rgba(79,226,255,.24);border-radius:25px;padding:25px 29px;background:linear-gradient(110deg,rgba(11,28,65,.95),rgba(37,13,70,.88));display:flex;justify-content:space-between;align-items:center;gap:25px}.dex-footer-cta small{font:800 .5rem Orbitron,sans-serif;color:#5be8ff}.dex-footer-cta h2{font:900 clamp(.9rem,2.5vw,1.3rem) Orbitron,sans-serif;margin:6px 0}.dex-footer-cta a{min-width:225px;border-radius:13px;padding:15px 17px;background:linear-gradient(100deg,#4ce8ff,#6877ff);color:#051127;text-decoration:none;font:900 .6rem Orbitron,sans-serif;display:flex;justify-content:space-between}.dex-footer{display:flex;justify-content:center;gap:28px;padding:27px}.dex-footer a{font:800 .55rem Orbitron,sans-serif;color:#76d9ee;text-decoration:none}
@media(max-width:760px){body.boom-national{padding:10px 8px 42px;background-attachment:scroll}body.boom-national:before{animation:none}.dex-hero{min-height:300px;border-radius:23px;padding:32px 21px}.hero-copy{max-width:78%}.hero-copy h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-copy p{font-size:.95rem}.hero-art{right:-14%;width:54%;opacity:.45}.scan-ring,.hero-mon,.hero-spark{animation:none}.dex-overview{margin:-18px 8px 18px;grid-template-columns:repeat(2,1fr)}.dex-overview article{padding:13px;border-bottom:1px solid rgba(255,255,255,.06)}.dex-overview article:nth-child(2){border-right:0}.dex-overview article strong{font-size:1.3rem}.dex-console{grid-template-columns:1fr;border-radius:19px;padding:16px}.filters{grid-column:auto}.filters button{flex:1;padding:9px 6px;font-size:.47rem}.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dex-card{min-height:208px;border-radius:15px;padding:9px}.pokemon-art{height:116px}.pokemon-art img{width:99px;height:99px}.card-name{font-size:.66rem}.card-meta{display:block}.card-meta strong{display:block;margin-top:4px}.detail-modal{padding:9px;backdrop-filter:none}.detail-panel{padding:18px 12px;border-radius:22px}.detail-head{grid-template-columns:125px 1fr;gap:10px;padding-top:26px}.detail-art{height:130px}.detail-art img{width:120px;height:120px}.detail-aura{width:125px;height:125px}.owner-row{grid-template-columns:40px minmax(0,1fr) 22px}.owner-capture{grid-column:2/3;text-align:left}.owner-row>i{grid-column:3;grid-row:1/3}.dex-footer-cta{display:block;padding:20px}.dex-footer-cta a{min-width:0;margin-top:15px}.dex-footer{gap:15px;flex-wrap:wrap}.dex-footer a{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}