:root{--bg-0: #F5F5F7;--bg-1: #FFFFFF;--bg-2: #EFEFF3;--bg-3: #E4E6EC;--depth-purple: #EDE4FB;--depth-crimson: #FBE2E7;--depth-void: #D6D8E0;--dex-red: #DC0A2D;--dex-red-dark: #A60822;--dex-red-light: #FF3355;--dex-blue: #3B82F6;--dex-blue-dark: #1D4ED8;--dex-blue-light: #93C5FD;--dex-yellow: #FACC15;--dex-green-screen: #9BBC0F;--dex-green-screen-light: #C2D84B;--dex-screen-bezel: #2B3A12;--neon-cyan: #3B82F6;--neon-pink: #EC4899;--neon-amber: #F59E0B;--neon-violet: #8B5CF6;--neon-red: #DC0A2D;--neon-green: #22C55E;--neon-blue: #3B82F6;--neon-white: #FFFFFF;--text-0: #1B1B1F;--text-1: #5A5F6E;--text-2: #9AA0B0;--text-accent: #DC0A2D;--text-on-red: #FFFFFF;--text-on-screen: #1F2B07;--rarity-common: #9CA3AF;--rarity-rare: #22C55E;--rarity-epic: #3B82F6;--rarity-legendary: #8B5CF6;--rarity-mythic: #F59E0B;--glow-common: 0 0 0 1px #9CA3AF55, 0 2px 6px #9CA3AF33;--glow-rare: 0 0 0 1px #22C55E66, 0 2px 8px #22C55E33;--glow-epic: 0 0 0 1px #3B82F666, 0 2px 8px #3B82F633;--glow-legendary: 0 0 0 1px #8B5CF666, 0 2px 10px #8B5CF63a;--glow-mythic: 0 0 0 1px #F59E0B77, 0 2px 10px #F59E0B40;--glow-cyan: 0 2px 10px #3B82F633, 0 1px 3px #3B82F622;--glow-pink: 0 2px 10px #EC489933, 0 1px 3px #EC489922;--glow-amber: 0 2px 10px #F59E0B33, 0 1px 3px #F59E0B22;--glow-violet: 0 2px 10px #8B5CF633, 0 1px 3px #8B5CF622;--glow-red: 0 2px 10px #DC0A2D33, 0 1px 3px #DC0A2D22;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--font-mono: "Nunito", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 30px;--radius-pill: 9999px;--border-hud: 2px solid var(--dex-red);--border-panel: 1px solid rgba(27, 27, 31, .08);--border-card: 1px solid rgba(27, 27, 31, .06);--border-glow: 2px solid var(--dex-blue);--gradient-hud-border: linear-gradient(135deg, var(--dex-red-light), var(--dex-red), var(--dex-red-dark));--gradient-card-sheen: linear-gradient(160deg, rgba(255,255,255,.7) 0%, transparent 55%);--glass-bg: #FFFFFF;--glass-blur: blur(0px);--glass-border: 1px solid rgba(27, 27, 31, .08);--shadow-card: 0 1px 2px rgba(27,27,31,.05), 0 6px 18px rgba(27,27,31,.08);--shadow-card-lg: 0 2px 4px rgba(27,27,31,.06), 0 14px 34px rgba(27,27,31,.12);--shadow-device: 0 10px 30px rgba(166,8,34,.22), 0 30px 60px rgba(27,27,31,.14);--shadow-inset: inset 0 2px 6px rgba(27,27,31,.15);--shadow-button: 0 3px 0 var(--dex-red-dark), 0 6px 14px rgba(166,8,34,.3);--shadow-button-blue: 0 3px 0 var(--dex-blue-dark), 0 6px 14px rgba(29,78,216,.3);--z-base: 0;--z-card: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-top: 400;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--scanline-color: rgba(31, 43, 7, .06);--scanline-size: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--bg-0);color:var(--text-0);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:0;color:var(--text-0)}a{color:var(--dex-blue);text-decoration:none;transition:color .2s var(--ease-smooth)}a:hover{color:var(--dex-red)}img,svg{display:block;max-width:100%}button{font-family:var(--font-display);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-body)}ul,ol{list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--dex-red);border-radius:var(--radius-pill);border:2px solid var(--bg-2)}::-webkit-scrollbar-thumb:hover{background:var(--dex-red-dark)}*{scrollbar-width:thin;scrollbar-color:var(--dex-red) var(--bg-2)}@keyframes scanline-move{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.08)}}@keyframes float-glyph{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1.5deg)}66%{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}@keyframes core-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes statbar-fill{0%{width:0%;opacity:.4}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(64px)}to{opacity:1;transform:translate(0)}}@keyframes glitch{0%,to{transform:translate(0)}50%{transform:translate(.5px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes flicker{0%,to{opacity:1}96%{opacity:1}97%{opacity:.85}98%{opacity:1}}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-radius, 32px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-radius, 32px)) rotate(-360deg)}}@keyframes ripple{0%{transform:scale(.85);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes led-blink{0%,45%{opacity:1;filter:brightness(1.15)}55%,to{opacity:.25;filter:brightness(.7)}}@keyframes lens-shine{0%,to{opacity:.55;transform:translate(0) scale(1)}50%{opacity:.9;transform:translate(2px,2px) scale(1.08)}}.glass{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.hud-border{position:relative;border-radius:var(--radius-lg);border:2px solid var(--dex-red);background-clip:padding-box}.hud-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-hud-border);z-index:-1;pointer-events:none}.neon-text{color:var(--dex-blue);font-weight:700}.neon-text--pink{color:var(--neon-pink);font-weight:700}.neon-text--amber{color:var(--neon-amber);font-weight:700}.neon-text--violet{color:var(--neon-violet);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent calc(var(--scanline-size) * 2),var(--scanline-color) calc(var(--scanline-size) * 2),var(--scanline-color) calc(var(--scanline-size) * 3));pointer-events:none;z-index:1;opacity:.5}.glow-chip{animation:pulse-glow 2.4s ease-in-out infinite}.fade-up{animation:fade-up .5s var(--ease-out-expo) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-0)}.animated-bg__blob{position:absolute;border-radius:50%;filter:blur(56px);animation:blob-drift 18s ease-in-out infinite alternate}.animated-bg__blob--red{top:-15%;left:-10%;width:55vw;height:55vw;background:radial-gradient(circle at 40% 40%,rgba(220,10,45,.09) 0%,transparent 65%);animation-duration:22s;animation-delay:0s}.animated-bg__blob--blue{bottom:-18%;right:-10%;width:52vw;height:52vw;background:radial-gradient(circle at 60% 60%,rgba(59,130,246,.08) 0%,transparent 65%);animation-duration:26s;animation-delay:-8s}.animated-bg__blob--warm{top:35%;left:30%;width:40vw;height:40vw;background:radial-gradient(circle at 50% 50%,rgba(250,204,21,.055) 0%,transparent 68%);animation-duration:32s;animation-delay:-14s}@keyframes blob-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(16px,12px) scale(1.04)}66%{transform:translate(-10px,8px) scale(.97)}to{transform:translate(8px,-14px) scale(1.02)}}.animated-bg__dotgrid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(27,27,31,.045) 1px,transparent 1px);background-size:28px 28px}.animated-bg__ring-wrap{position:absolute}.animated-bg__ring-wrap--tr{top:-14vw;right:-12vw;width:46vw;height:46vw}.animated-bg__ring-wrap--bl{bottom:-18vw;left:-14vw;width:54vw;height:54vw}.animated-bg__ring-wrap--tl{top:30%;left:-8vw;width:24vw;height:24vw;opacity:.7}@media (min-width: 1024px){.animated-bg__ring-wrap--tr{top:-6vw;right:-6vw;width:22vw;height:22vw}.animated-bg__ring-wrap--bl{bottom:-8vw;left:-6vw;width:26vw;height:26vw}.animated-bg__ring-wrap--tl{top:28%;left:-4vw;width:12vw;height:12vw;opacity:.5}}.animated-bg__ring-svg{width:100%;height:100%;display:block}.animated-bg__ring-svg--cw{animation:ring-spin-cw 70s linear infinite}.animated-bg__ring-svg--ccw{animation:ring-spin-ccw 90s linear infinite}.animated-bg__ring-svg--slow{animation-duration:120s}@keyframes ring-spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.animated-bg__glyphs{position:absolute;top:0;right:0;bottom:0;left:0}.animated-bg__glyph{position:absolute;opacity:1;animation:glyph-float var(--dur, 10s) ease-in-out infinite}@keyframes glyph-float{0%{transform:translateY(0) rotate(0) scale(1);opacity:.6}25%{transform:translateY(-12px) rotate(3deg) scale(1.05);opacity:1}50%{transform:translateY(-7px) rotate(-1.5deg) scale(.97);opacity:.8}75%{transform:translateY(-14px) rotate(2deg) scale(1.03);opacity:.9}to{transform:translateY(0) rotate(0) scale(1);opacity:.6}}@media (prefers-reduced-motion: reduce){.animated-bg__blob,.animated-bg__ring-svg,.animated-bg__glyph{animation:none!important}}.rarity-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid currentColor;white-space:nowrap}.rarity-badge:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.rarity-badge--common{color:var(--rarity-common);background:#9ca3af1f;box-shadow:var(--glow-common)}.rarity-badge--rare{color:var(--rarity-rare);background:#22c55e1a;box-shadow:var(--glow-rare)}.rarity-badge--epic{color:var(--rarity-epic);background:#3b82f61a;box-shadow:var(--glow-epic)}.rarity-badge--legendary{color:var(--rarity-legendary);background:#8b5cf61a;box-shadow:var(--glow-legendary)}.rarity-badge--mythic{color:var(--rarity-mythic);background:#f59e0b1f;box-shadow:var(--glow-mythic)}.relic-icon{display:inline-block;flex-shrink:0;vertical-align:middle}@keyframes relic-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes relic-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes relic-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.relic-icon--float{animation:relic-icon-float 3s ease-in-out infinite}.relic-icon--spin{animation:relic-icon-spin 12s linear infinite;transform-origin:center}.relic-icon--pulse{animation:relic-icon-pulse 2.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.relic-icon--float,.relic-icon--spin,.relic-icon--pulse{animation:none}}.hero{position:relative;width:100%;padding:var(--space-10) var(--space-6) var(--space-8);display:flex;justify-content:center}@media (min-width: 1024px){.hero{padding-inline:var(--space-6)}}.hero__shell{width:100%;max-width:1280px;margin-inline:auto}.hero__device{position:relative;width:100%;padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(180deg,var(--dex-red-light) 0%,var(--dex-red) 16%,var(--dex-red) 78%,var(--dex-red-dark) 100%);box-shadow:var(--shadow-device),inset 0 2px 1px #ffffff59,inset 0 -6px 14px #a608228c;overflow:hidden;display:grid;gap:var(--space-6)}@media (min-width: 1024px){.hero__device{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:var(--space-10);row-gap:var(--space-6);grid-template-areas:"seam    seam" "topbar  screen" "controls stats";align-items:start}.hero__seam{grid-area:seam;position:relative;top:auto;left:auto;right:auto;width:100%;margin:0}.hero__topbar{grid-area:topbar;align-self:center}.hero__screen{grid-area:screen;align-self:stretch}.hero__stats{grid-area:stats}.hero__controls{grid-area:controls;align-self:center}}.hero__device:before{content:"";position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.hero__seam{position:absolute;left:var(--space-6);right:var(--space-6);top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(166,8,34,.55) 12%,rgba(166,8,34,.55) 88%,transparent);box-shadow:0 1px #ffffff26;pointer-events:none}@media (min-width: 1024px){.hero__seam{position:relative;top:auto;left:auto;right:auto;display:block;height:2px;width:100%;grid-column:1 / -1}}.hero__topbar{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}@media (min-width: 720px){.hero__topbar{flex-direction:row;align-items:center;text-align:left;gap:var(--space-8)}}@media (min-width: 1024px){.hero__topbar{flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-6)}}.hero__lens-cluster{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex-shrink:0}.hero__lens{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--dex-blue-light) 0%,var(--dex-blue) 42%,var(--dex-blue-dark) 100%);border:5px solid #ffffff;box-shadow:0 0 0 4px #a6082259,0 6px 14px #1d4ed873,inset 0 2px 6px #fff6}.hero__lens-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.35)}.hero__lens-ring--1{top:10px;right:10px;bottom:10px;left:10px}.hero__lens-ring--2{top:22px;right:22px;bottom:22px;left:22px;border-color:#ffffff38}.hero__lens-core{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--dex-blue-light),var(--dex-blue-dark));box-shadow:inset 0 1px 3px #0000004d;animation:pulse-glow 3.5s ease-in-out infinite}.hero__lens-glint{position:absolute;top:16px;left:18px;width:26px;height:18px;border-radius:50%;background:radial-gradient(circle at center,#fffffff2,#fff0 70%);animation:lens-shine 4.5s ease-in-out infinite;pointer-events:none}.hero__leds{display:flex;gap:var(--space-2)}.hero__led{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 2px #fff9}.hero__led--red{background:var(--dex-red-light)}.hero__led--yellow{background:var(--dex-yellow);animation:led-blink 1.4s steps(1,end) infinite}.hero__led--green{background:var(--neon-green)}.hero__title-wrap{flex:1}.hero__eyebrow{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;margin-bottom:var(--space-2)}.hero__title{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:700;letter-spacing:0;line-height:1.05;color:#fff;text-shadow:0 2px 0 var(--dex-red-dark),0 4px 10px rgba(166,8,34,.4);margin-bottom:var(--space-2)}.hero__tagline{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:#ffffffeb;line-height:1.5;max-width:460px;margin:0 auto}@media (min-width: 720px){.hero__tagline{margin:0}}@media (min-width: 1024px){.hero__tagline{margin:0;max-width:100%}}@keyframes lens-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__lens-orbit{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1.5px solid transparent;border-top-color:#ffffff8c;border-right-color:#ffffff26;animation:lens-orbit 5s linear infinite;pointer-events:none}.hero__screen{position:relative;z-index:1;border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(160deg,var(--dex-green-screen-light) 0%,var(--dex-green-screen) 100%);border:6px solid var(--dex-screen-bezel);box-shadow:inset 0 0 0 2px #ffffff40,inset 0 2px 8px #1f2b0740,0 4px 10px #00000040;color:var(--text-on-screen);cursor:pointer;overflow:hidden;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-smooth)}.hero__screen:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffffff4d,inset 0 2px 8px #1f2b0740,0 8px 20px #0000004d}.hero__screen:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.hero__screen-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.hero__screen-codex{background:var(--dex-screen-bezel);color:var(--dex-green-screen-light);padding:2px 8px;border-radius:var(--radius-pill)}.hero__screen-cat{opacity:.8}.hero__screen-name-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.hero__screen-icon{color:var(--dex-screen-bezel);flex-shrink:0;opacity:.9}.hero__screen-name{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:var(--text-on-screen);line-height:1.15;margin-bottom:0}.hero__screen-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.hero__screen-chip{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:3px 10px;border-radius:var(--radius-pill);background:#1f2b0729;border:1.5px solid rgba(31,43,7,.3);color:var(--text-on-screen)}.hero__screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding-top:var(--space-3);border-top:2px dashed rgba(31,43,7,.25)}.hero__screen-stat{text-align:center}.hero__screen-stat-val{display:block;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-on-screen);line-height:1}.hero__screen-stat-key{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:3px}.hero__screen-hint{margin-top:var(--space-3);text-align:center;font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}@keyframes scan-beam{0%{top:-6%;opacity:0}5%{opacity:1}90%{opacity:.7}to{top:105%;opacity:0}}.hero__scan-beam{position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(180deg,transparent 0%,rgba(155,188,15,.45) 50%,transparent 100%);pointer-events:none;border-radius:4px;animation:scan-beam 4s ease-in-out infinite;animation-delay:1.2s}@media (prefers-reduced-motion: reduce){.hero__scan-beam,.hero__lens-orbit{animation:none}}.hero__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 560px){.hero__stats{grid-template-columns:repeat(4,1fr)}}.hero__stat-chip{background:#ffffffeb;border-radius:var(--radius-md);padding:var(--space-3);text-align:center;box-shadow:inset 0 1px 2px #fffc,0 2px 6px #a6082240}.hero__stat-number{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--dex-red);line-height:1}.hero__stat-label{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-1);margin-top:5px}.hero__controls{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}@media (min-width: 560px){.hero__controls{flex-direction:row;justify-content:space-between;align-items:center}}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.hero__btn-primary,.hero__btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#fff;transition:transform .12s var(--ease-smooth),box-shadow .12s var(--ease-smooth)}.hero__btn-primary{background:linear-gradient(180deg,var(--dex-red-light),var(--dex-red));box-shadow:var(--shadow-button)}.hero__btn-secondary{background:linear-gradient(180deg,#5b9bff,var(--dex-blue));box-shadow:var(--shadow-button-blue)}.hero__btn-primary:hover,.hero__btn-secondary:hover{transform:translateY(-1px)}.hero__btn-primary:active{transform:translateY(3px);box-shadow:0 0 0 var(--dex-red-dark),0 2px 6px #a608224d}.hero__btn-secondary:active{transform:translateY(3px);box-shadow:0 0 0 var(--dex-blue-dark),0 2px 6px #1d4ed84d}.hero__btn-primary:focus-visible,.hero__btn-secondary:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.hero__pads{display:flex;align-items:center;gap:var(--space-6)}.hero__dpad{position:relative;width:58px;height:58px}.hero__dpad-arm{position:absolute;background:#2a2d34;border-radius:4px;box-shadow:inset 0 1px 2px #ffffff26}.hero__dpad-arm--v{left:38%;top:0;width:24%;height:100%}.hero__dpad-arm--h{top:38%;left:0;height:24%;width:100%}.hero__dpad-hub{position:absolute;top:38%;right:38%;bottom:38%;left:38%;background:#1b1d22;border-radius:50%}.hero__round-btns{display:flex;gap:var(--space-3)}.hero__round-btn{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 2px 3px #fff6,0 2px 4px #00000040}.hero__round-btn--red{background:radial-gradient(circle at 35% 30%,var(--dex-red-light),var(--dex-red-dark))}.hero__round-btn--blue{background:radial-gradient(circle at 35% 30%,var(--dex-blue-light),var(--dex-blue-dark))}@media (max-width: 480px){.hero{padding:var(--space-6) var(--space-3)}.hero__device{padding:var(--space-5)}.hero__seam{display:none}}@media (min-width: 1024px){.hero__controls{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.hero__actions{justify-content:flex-start}.hero__lens-cluster{flex-direction:row;align-items:center;gap:var(--space-4)}.hero__stats{grid-template-columns:repeat(2,1fr);align-content:start}}.search-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5);background:var(--bg-1);border-radius:var(--radius-lg);border:1.5px solid rgba(27,27,31,.07);box-shadow:var(--shadow-card)}.search-filters__search{position:relative;flex:1 1 220px;min-width:0}.search-filters__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--dex-red);pointer-events:none;display:flex;align-items:center;opacity:.6}.search-filters__input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-0);border:1.5px solid rgba(27,27,31,.1);border-radius:var(--radius-md);color:var(--text-0);font-size:.87rem;font-family:var(--font-body);transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.search-filters__input::placeholder{color:var(--text-2);font-size:.82rem}.search-filters__input:focus{outline:none;border-color:var(--dex-red);box-shadow:0 0 0 3px #dc0a2d1f}.search-filters__select-wrap{position:relative;flex:0 1 180px;min-width:140px}.search-filters__select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-1);font-size:.75rem;pointer-events:none}.search-filters__select{width:100%;padding:10px 28px 10px 12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-0);border:1.5px solid rgba(27,27,31,.1);border-radius:var(--radius-md);color:var(--text-0);font-size:.84rem;font-family:var(--font-body);cursor:pointer;transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.search-filters__select option{background:var(--bg-1);color:var(--text-0)}.search-filters__select:focus{outline:none;border-color:var(--dex-blue);box-shadow:0 0 0 3px #3b82f61f}.search-filters__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fav-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-2);border:1.5px solid rgba(27,27,31,.12);color:var(--text-2);font-size:1rem;line-height:1;cursor:pointer;transition:color .18s var(--ease-smooth),background .18s var(--ease-smooth),border-color .18s var(--ease-smooth),box-shadow .18s var(--ease-smooth),transform .15s var(--ease-spring);flex-shrink:0}.fav-btn:hover{color:var(--neon-amber);background:#f59e0b1a;border-color:#f59e0b59}.fav-btn:focus-visible{outline:2px solid var(--dex-blue);outline-offset:2px}.fav-btn--active{color:var(--neon-amber);background:#f59e0b1f;border-color:#f59e0b80;box-shadow:var(--glow-amber)}.fav-btn--active:hover{color:var(--dex-red);background:#dc0a2d14;border-color:#dc0a2d66;box-shadow:var(--glow-red)}.fav-btn:active{transform:scale(.85)}.fav-btn--popping{animation:fav-pop .3s var(--ease-spring) both}@keyframes fav-pop{0%{transform:scale(1)}40%{transform:scale(1.48)}70%{transform:scale(.9)}to{transform:scale(1)}}.fav-btn--labeled{width:auto;padding:0 var(--space-3);font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.08em}.relic-card{position:relative;background:var(--bg-1);border-radius:var(--radius-xl);border:1.5px solid rgba(27,27,31,.08);overflow:hidden;cursor:pointer;transition:transform .24s var(--ease-spring),box-shadow .24s var(--ease-smooth),border-color .2s var(--ease-smooth);display:flex;flex-direction:column;outline:none;box-shadow:var(--shadow-card)}.relic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,var(--g0, var(--dex-red)) 0%,color-mix(in srgb,var(--g0, var(--dex-red)) 40%,var(--g1, var(--dex-blue)) 60%) 50%,var(--g1, var(--dex-blue)) 100%);opacity:1;box-shadow:0 1px 6px var(--g1-glow, rgba(59,130,246,.2))}.relic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%,transparent 100%);background-size:200% 100%;background-position:200% 0;pointer-events:none;border-radius:inherit;transition:background-position .55s var(--ease-smooth);z-index:2}.relic-card__scanline{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--scanline-color) 3px,var(--scanline-color) 4px);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-smooth);border-radius:inherit}.relic-card:hover .relic-card__scanline,.relic-card:focus-visible .relic-card__scanline{opacity:1}.relic-card:hover,.relic-card:focus-visible{transform:translateY(-5px) scale(1.01);border-color:#dc0a2d38;box-shadow:var(--shadow-card-lg),0 0 0 2px var(--rarity-aura, rgba(100,100,100,.3)),0 0 18px 2px color-mix(in srgb,var(--rarity-aura, transparent) 40%,transparent)}.relic-card:hover:after,.relic-card:focus-visible:after{background-position:-20% 0}.relic-card:focus-visible{outline:2px solid var(--dex-blue);outline-offset:2px}.relic-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-4) 0;position:relative;z-index:1;margin-top:2px}.relic-card__codex{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.18em;color:var(--text-2);font-variant-numeric:tabular-nums}.relic-card__medallion{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--medallion-color, grey) 12%,white);border:1.5px solid color-mix(in srgb,var(--medallion-color, grey) 35%,transparent);display:flex;align-items:center;justify-content:center;color:var(--medallion-color, var(--text-2));box-shadow:0 1px 4px color-mix(in srgb,var(--medallion-color, grey) 20%,transparent);z-index:3;transition:box-shadow .2s var(--ease-smooth),transform .2s var(--ease-spring)}.relic-card:hover .relic-card__medallion,.relic-card:focus-visible .relic-card__medallion{box-shadow:0 2px 10px color-mix(in srgb,var(--medallion-color, grey) 40%,transparent);transform:scale(1.08)}.relic-card__body{padding:var(--space-3) var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2);position:relative;z-index:1}.relic-card__name{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:.02em;color:var(--text-0);line-height:1.2}.relic-card__category{font-size:.62rem;font-family:var(--font-display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-accent)}.relic-card__chips{display:flex;flex-wrap:wrap;gap:5px;margin:var(--space-1) 0}.relic-card__chip{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);border:1.5px solid transparent;white-space:nowrap}.relic-card__chip--element{background:#3b82f61a;border-color:#3b82f64d;color:var(--dex-blue-dark)}.relic-card__chip--threat{background:#dc0a2d14;border-color:#dc0a2d47;color:var(--dex-red)}.relic-card__chip--threat-severe{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--neon-amber)}.relic-card__chip--threat-guarded{background:#3b82f614;border-color:#3b82f640;color:var(--dex-blue)}.relic-card__chip--threat-low{background:#22c55e14;border-color:#22c55e40;color:var(--neon-green)}.relic-card__description{font-size:.79rem;font-family:var(--font-body);color:var(--text-1);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.relic-card__footer{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid rgba(27,27,31,.07);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.relic-card__power{display:flex;flex-direction:column;gap:1px}.relic-card__power-label{font-family:var(--font-display);font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.relic-card__power-val{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:var(--neon-amber);line-height:1;letter-spacing:-.01em}.relic-card__inspect-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--dex-red);border:none;color:var(--text-on-red);box-shadow:var(--shadow-button);transition:transform .15s var(--ease-spring),box-shadow .15s var(--ease-smooth),background .15s;cursor:pointer;position:relative;top:0}.relic-card__inspect-btn:hover{background:var(--dex-red-light);transform:translateY(-2px);box-shadow:0 5px 0 var(--dex-red-dark),0 8px 18px #a6082259}.relic-card__inspect-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--dex-red-dark),0 2px 6px #a6082233}.relic-card__inspect-btn:focus-visible{outline:2px solid var(--dex-blue);outline-offset:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-12) var(--space-8);text-align:center;background:var(--bg-1);border:1.5px solid rgba(27,27,31,.07);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);width:100%;min-height:260px}.empty-state__glyph{opacity:.7;animation:float-glyph 5s ease-in-out infinite}.empty-state__title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.04em;color:var(--text-accent)}.empty-state__message{font-family:var(--font-body);font-size:.88rem;color:var(--text-1);max-width:360px;line-height:1.65}.relic-grid{width:100%}.relic-grid__list{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 520px){.relic-grid__list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.relic-grid__list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.relic-grid__list{grid-template-columns:repeat(4,1fr)}}.relic-grid__item{animation:fade-up .45s var(--ease-out-expo) both}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;animation:scan-enter .18s var(--ease-smooth) both}@keyframes scan-enter{0%{opacity:0}to{opacity:1}}.scan-overlay__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(220,10,45,.08) 0%,transparent 70%),#f5f5f7e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.scan-overlay__beam{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(220,10,45,.15) 15%,rgba(220,10,45,.75) 45%,rgba(255,51,85,.9) 50%,rgba(220,10,45,.75) 55%,rgba(220,10,45,.15) 85%,transparent 100%);box-shadow:0 0 18px 4px #dc0a2d59,0 0 40px 8px #dc0a2d1f;animation:beam-sweep 1.4s var(--ease-smooth) forwards;z-index:1}@keyframes beam-sweep{0%{top:-4px}to{top:100%}}.scan-overlay__reticle-wrap{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;z-index:2}.scan-overlay__ring{position:absolute;border-radius:50%;border:2px solid var(--dex-red);animation:ring-expand 1.6s var(--ease-smooth) infinite}.scan-overlay__ring--1{width:100px;height:100px;opacity:.4;animation-delay:0s}.scan-overlay__ring--2{width:140px;height:140px;opacity:.25;animation-delay:.35s}.scan-overlay__ring--3{width:178px;height:178px;opacity:.12;animation-delay:.7s}@keyframes ring-expand{0%{transform:scale(.75);opacity:.6}70%{opacity:.15}to{transform:scale(1.25);opacity:0}}.scan-overlay__crosshair{position:absolute;width:120px;height:120px;animation:crosshair-rotate 2s linear infinite;filter:drop-shadow(0 0 6px rgba(220,10,45,.4))}@keyframes crosshair-rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.scan-overlay__hud{position:absolute;bottom:clamp(40px,8vh,80px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:2;min-width:280px;max-width:90vw;animation:hud-rise .3s .1s var(--ease-out-expo) both}@keyframes hud-rise{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scan-overlay__readouts{display:flex;gap:var(--space-5)}.scan-overlay__readout{display:flex;flex-direction:column;align-items:center;gap:2px}.scan-overlay__readout-label{font-family:var(--font-display);font-size:.52rem;font-weight:700;letter-spacing:.14em;color:var(--text-2);text-transform:uppercase}.scan-overlay__readout-val{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--dex-red);letter-spacing:.06em}.scan-overlay__readout-val--tick{animation:val-tick .2s steps(1) infinite}.scan-overlay__readout-val--alt{animation:val-tick .17s steps(1) infinite;animation-delay:-.09s}@keyframes val-tick{0%{content:"2847";opacity:1}25%{opacity:.6}50%{opacity:1}75%{opacity:.7}}.scan-overlay__status{font-family:var(--font-display);font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dex-red);text-align:center;animation:status-pop .2s var(--ease-spring) both;text-shadow:0 0 20px rgba(220,10,45,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85vw}@keyframes status-pop{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scan-overlay__progress-track{width:240px;max-width:80vw;height:4px;background:#dc0a2d1f;border-radius:var(--radius-pill);overflow:hidden;border:1px solid rgba(220,10,45,.15)}.scan-overlay__progress-fill{height:100%;width:var(--scan-progress, 0%);background:linear-gradient(90deg,var(--dex-red-dark),var(--dex-red),var(--dex-red-light));border-radius:var(--radius-pill);transition:width .04s linear;box-shadow:0 0 8px #dc0a2d80}.scan-overlay__corner{position:absolute;width:28px;height:28px;border-color:var(--dex-red);border-style:solid;opacity:.35;z-index:2;animation:corner-pulse 1.2s ease-in-out infinite alternate}.scan-overlay__corner--tl{top:16px;left:16px;border-width:2px 0 0 2px}.scan-overlay__corner--tr{top:16px;right:16px;border-width:2px 2px 0 0;animation-delay:-.3s}.scan-overlay__corner--bl{bottom:16px;left:16px;border-width:0 0 2px 2px;animation-delay:-.6s}.scan-overlay__corner--br{bottom:16px;right:16px;border-width:0 2px 2px 0;animation-delay:-.9s}@keyframes corner-pulse{0%{opacity:.2}to{opacity:.55}}@media (prefers-reduced-motion: reduce){.scan-overlay__beam,.scan-overlay__ring,.scan-overlay__crosshair,.scan-overlay__corner,.scan-overlay__readout-val--tick,.scan-overlay__readout-val--alt,.scan-overlay__status,.scan-overlay__hud,.scan-overlay{animation:none!important;transition:none!important}.scan-overlay__progress-fill{width:100%!important;transition:none!important}}.stat-bar{display:flex;flex-direction:column;gap:var(--space-1)}.stat-bar__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.stat-bar__label{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-1)}.stat-bar__value{font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--text-0);min-width:2.2ch;text-align:right;font-variant-numeric:tabular-nums}.stat-bar__track{position:relative;height:7px;background:var(--bg-3);border-radius:var(--radius-pill);overflow:hidden;border:1px solid rgba(27,27,31,.07)}.stat-bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);background-color:var(--stat-color, var(--dex-blue));animation:statbar-fill .9s var(--ease-out-expo) both;width:var(--target)}.stat-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff4d;border-radius:var(--radius-pill) var(--radius-pill) 0 0}@media (prefers-reduced-motion: reduce){.stat-bar__fill{animation:none;width:var(--target)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#1b1b1f8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-panel{position:relative;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl);background:var(--bg-1);border:1.5px solid rgba(27,27,31,.1);box-shadow:var(--shadow-card-lg),0 32px 64px #1b1b1f2e;animation:modal-in .42s var(--ease-out-expo) both}.modal-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,var(--relic-grad-a, var(--dex-red)) 0%,color-mix(in srgb,var(--relic-grad-a, var(--dex-red)) 30%,var(--relic-grad-b, var(--dex-blue)) 70%) 50%,var(--relic-grad-b, var(--dex-blue)) 100%);z-index:1;pointer-events:none;box-shadow:0 2px 12px color-mix(in srgb,var(--relic-grad-b, var(--dex-blue)) 35%,transparent)}.modal-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--scanline-color) 3px,var(--scanline-color) 4px);pointer-events:none;z-index:0}.modal-inner{position:relative;z-index:1;padding:var(--space-8) var(--space-8) var(--space-10)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-2);border:1.5px solid rgba(27,27,31,.12);color:var(--text-1);font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;cursor:pointer}.modal-close:hover{background:#dc0a2d1a;border-color:var(--dex-red);color:var(--dex-red);box-shadow:var(--glow-red)}.modal-close:focus-visible{outline:2px solid var(--dex-blue);outline-offset:2px}@keyframes modal-shimmer{0%{background-position:200% center}to{background-position:-100% center}}.modal-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);padding-right:var(--space-8);position:relative}.modal-codex-number{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}.modal-title{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.9rem);font-weight:900;letter-spacing:.03em;color:var(--text-0);line-height:1.1;background:linear-gradient(135deg,var(--relic-grad-a, var(--text-0)) 0%,color-mix(in srgb,var(--relic-grad-b, var(--text-0)) 60%,var(--text-0)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.modal-hero-medallion{flex-shrink:0;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--modal-grad-a, var(--dex-red)) 18%,white),color-mix(in srgb,var(--modal-grad-b, var(--dex-blue)) 18%,white));border:2px solid color-mix(in srgb,var(--modal-grad-b, var(--dex-blue)) 30%,transparent);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--modal-grad-a, var(--dex-red)) 80%,var(--text-0));box-shadow:0 4px 20px color-mix(in srgb,var(--modal-grad-b, var(--dex-blue)) 25%,transparent),inset 0 1px 3px #fff9;position:relative;overflow:hidden}.modal-hero-medallion:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);background-size:300% 100%;animation:modal-shimmer 4.5s ease-in-out infinite;pointer-events:none}.modal-corner-tick{position:absolute;width:10px;height:10px;pointer-events:none}.modal-corner-tick--tl{top:0;left:0;border-top:2px solid var(--dex-red);border-left:2px solid var(--dex-red);border-radius:var(--radius-md) 0 0 0}.modal-corner-tick--tr{top:0;right:var(--space-8);border-top:2px solid var(--dex-red);border-right:2px solid var(--dex-red);border-radius:0 var(--radius-md) 0 0}@media (prefers-reduced-motion: reduce){.modal-hero-medallion:after{animation:none}}.modal-fav-btn{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-md);background:var(--bg-2);border:1.5px solid rgba(27,27,31,.12);color:var(--text-2);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.modal-fav-btn[aria-pressed=true]{background:#f59e0b1f;border-color:var(--neon-amber);color:var(--neon-amber);box-shadow:var(--glow-amber)}.modal-fav-btn:hover{background:#f59e0b1a;border-color:var(--neon-amber);color:var(--neon-amber)}.modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.modal-chip{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px var(--space-3);border-radius:var(--radius-pill);background:var(--bg-2);border:1.5px solid rgba(27,27,31,.1);color:var(--text-1);white-space:nowrap}.modal-chip--grade{background:#3b82f61a;border-color:#3b82f64d;color:var(--dex-blue-dark)}.modal-chip--element{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--neon-violet)}.modal-chip--threat{background:#dc0a2d14;border-color:#dc0a2d4d;color:var(--dex-red)}.modal-chip--power{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--neon-amber)}.modal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(27,27,31,.1),transparent);margin:var(--space-5) 0}.modal-section{margin-bottom:var(--space-6)}.modal-section-heading{font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.modal-section-heading:before{content:"";display:inline-block;width:12px;height:2px;background:var(--dex-red);border-radius:var(--radius-pill)}.modal-origin{font-family:var(--font-body);font-size:.84rem;line-height:1.75;color:var(--text-1)}.modal-abilities{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.modal-ability-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#3b82f60d;border:1px solid rgba(59,130,246,.12);border-left:3px solid var(--dex-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-body);font-size:.8rem;color:var(--text-0);line-height:1.55}.modal-ability-row:before{content:"▸";color:var(--dex-blue);font-size:.7rem;flex-shrink:0;margin-top:1px}.modal-weaknesses{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.modal-weakness-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#dc0a2d0a;border:1px solid rgba(220,10,45,.12);border-left:3px solid var(--dex-red);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-body);font-size:.8rem;color:var(--text-1);line-height:1.55}.modal-weakness-row:before{content:"✕";color:var(--dex-red);font-size:.62rem;flex-shrink:0;margin-top:2px}.modal-containment{padding:var(--space-4) var(--space-5);background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);border-left:3px solid var(--dex-red);border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative;overflow:hidden}.modal-containment:before{content:"CONTAINMENT";position:absolute;top:var(--space-2);right:var(--space-3);font-family:var(--font-display);font-size:.48rem;font-weight:800;letter-spacing:.2em;color:var(--neon-amber);opacity:.45}.modal-containment p{font-family:var(--font-body);font-size:.82rem;line-height:1.65;color:var(--text-0)}.modal-stats{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 600px){.modal-backdrop{align-items:flex-end;padding:0}.modal-panel{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-inner{padding:var(--space-6) var(--space-5) var(--space-12)}}@media (prefers-reduced-motion: reduce){.modal-panel{animation:none}}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--bg-1);border:1.5px solid rgba(27,27,31,.1);box-shadow:var(--shadow-card-lg);animation:toast-in .38s var(--ease-out-expo) both;white-space:nowrap;max-width:calc(100vw - var(--space-8) * 2);overflow:hidden;text-overflow:ellipsis}.toast__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 0 2px #22c55e33;animation:led-blink 1.4s ease-in-out infinite}.toast__message{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--text-0)}@media (prefers-reduced-motion: reduce){.toast,.toast__dot{animation:none}}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.app__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.app__section{padding:var(--space-12) var(--space-6);max-width:1280px;margin:0 auto;width:100%}.app__section-header{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.app__section-title{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;letter-spacing:.04em;color:var(--text-0);display:flex;align-items:center;gap:var(--space-3)}.app__section-title:before{content:"";display:inline-block;width:5px;height:1.15em;background:var(--dex-red);border-radius:var(--radius-pill);flex-shrink:0;box-shadow:var(--glow-red)}.app__section-count{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text-2);background:var(--bg-2);padding:2px 10px;border-radius:var(--radius-pill);border:1px solid rgba(27,27,31,.08)}.app__filters{margin-bottom:var(--space-6)}.app__favorites-section{border-top:1px solid rgba(27,27,31,.07);background:var(--bg-0)}.app__favorites-scroll{overflow-x:auto;padding-bottom:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--dex-red) var(--bg-2)}.app__favorites-scroll::-webkit-scrollbar{height:4px}.app__favorites-scroll::-webkit-scrollbar-track{background:var(--bg-2);border-radius:var(--radius-pill)}.app__favorites-scroll::-webkit-scrollbar-thumb{background:var(--dex-red);border-radius:var(--radius-pill)}.app__favorites-list{display:flex;gap:var(--space-4);width:max-content;min-width:100%}.app__favorites-list>*{width:240px;flex-shrink:0}.app__footer{position:relative;z-index:1;border-top:2px solid var(--dex-red);background:var(--bg-1);padding:var(--space-6);box-shadow:0 -2px 12px #dc0a2d14}.app__footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.app__footer-brand{display:flex;flex-direction:column;gap:3px}.app__footer-name{font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.08em;color:var(--dex-red)}.app__footer-sub{font-family:var(--font-body);font-size:.65rem;color:var(--text-2);letter-spacing:.04em}.app__footer-signals{display:flex;gap:var(--space-5);flex-wrap:wrap}.app__footer-signal{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-1)}.app__footer-signal-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:led-blink 2s ease-in-out infinite}.app__footer-signal-dot--green{background:var(--neon-green);box-shadow:0 0 5px #22c55e80}.app__footer-signal-dot--amber{background:var(--neon-amber);box-shadow:0 0 5px #f59e0b80;animation-delay:-.7s}.app__footer-signal-dot--violet{background:var(--neon-violet);box-shadow:0 0 5px #8b5cf680;animation-delay:-1.4s}.app__footer-year{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--text-2)}