.dex-page{padding-block:8px 40px}.dex-device{border:2px solid var(--line);background:linear-gradient(135deg,var(--surface-hi),var(--surface) 70%);box-shadow:var(--shadow);animation:rise .5s var(--ease) both;border-radius:20px;padding:18px 20px 20px;position:relative;overflow:hidden}.dex-device-top{border-bottom:2px solid color-mix(in srgb,var(--line) 70%,transparent);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.dex-lens{background:radial-gradient(circle at 35% 30%,#bfe6ff,var(--water) 60%,#0b3a6b 100%);border:2px solid var(--ink);width:26px;height:26px;box-shadow:0 0 12px 2px color-mix(in srgb,var(--water) 70%,transparent),inset 0 0 4px #fff9;border-radius:50%;flex:none;animation:2.4s ease-in-out infinite lensGlow}@keyframes lensGlow{0%,to{box-shadow:0 0 8px 1px color-mix(in srgb,var(--water) 55%,transparent),inset 0 0 4px #fff9}50%{box-shadow:0 0 16px 4px color-mix(in srgb,var(--water) 85%,transparent),inset 0 0 4px #ffffffb3}}.dex-device-label{font:700 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dex-device-count{font:800 clamp(28px,6vw,44px)/1 var(--f-display);color:var(--fire);text-shadow:3px 3px 0 var(--ink);font-variant-numeric:tabular-nums;margin-left:auto}.dex-device-total{color:var(--muted);text-shadow:2px 2px 0 var(--ink);font-size:.5em}.dex-progress{align-items:center;gap:12px;display:flex}.progress{background:color-mix(in srgb,var(--ink) 40%,var(--surface));border:2px solid var(--line);border-radius:999px;flex:1;height:16px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--fire),var(--gold));height:100%;transition:width .6s var(--ease);border-radius:999px;position:relative}.progress-fill:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%) 0 0/200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.dex-pct{font:800 14px var(--f-mono);color:var(--gold);font-variant-numeric:tabular-nums;text-align:right;min-width:44px}.dex-shiny{align-items:center;gap:8px;margin-top:14px;display:flex}.dex-star{color:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 70%,transparent));font-size:18px}.dex-shiny-label{font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dex-shiny-count{font:800 16px var(--f-mono);color:var(--gold);font-variant-numeric:tabular-nums}.dex-milestones{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow);animation:rise .5s var(--ease) both;border-radius:16px;margin-top:18px;padding:14px 16px}.dex-ms-title{font:800 15px var(--f-display);color:var(--fg);margin:0 0 12px}.dex-ms-list{flex-wrap:wrap;gap:10px;display:flex}.dex-ms{border:2px solid var(--line);background:var(--surface-hi);min-width:0;color:var(--muted);border-radius:12px;flex-wrap:wrap;flex:240px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dex-ms-count{font:800 14px var(--f-mono);color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}.dex-ms-state{align-items:center;gap:8px;min-width:0;margin-left:auto;display:inline-flex}.dex-ms-progress{font:600 12px var(--f-mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.dex-ms-coins{font:700 12px var(--f-mono);color:var(--gold);white-space:nowrap}.dex-ms.claimable{border-color:var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,var(--surface-hi)),var(--surface) 72%);color:var(--fg)}.dex-ms-claim{cursor:pointer;font:800 12px var(--f-mono);color:#5a3c08;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 65%,#a9761a 100%);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 45%,transparent);white-space:nowrap;transition:transform .2s var(--spring);border:0;border-radius:999px;padding:8px 12px}.dex-ms-claim:hover{transform:translateY(-1px)}.dex-ms.claimed{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.dex-ms-check{background:radial-gradient(circle at 34% 30%,#ffe9a8,var(--gold) 60%,#a9761a 100%);color:#5a3c08;border:2px solid #7a5310;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:grid}.dex-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;display:flex}.dex-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font:600 13px var(--f-body);color:var(--fg);border:2px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .2s,background .2s;display:inline-flex}.dex-toggle:hover{border-color:var(--gold)}.dex-toggle input{accent-color:var(--gold);width:16px;height:16px}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:12px;margin-top:20px;display:grid}.dex-tile{border:2px solid var(--line);background:var(--surface);content-visibility:auto;contain-intrinsic-size:120px;animation:rise .45s var(--ease) both;animation-delay:calc(var(--i)*22ms);transition:transform .25s var(--spring),border-color .2s,box-shadow .25s;border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;padding:10px 8px 12px;display:grid;position:relative;overflow:hidden}.dex-tile.reg{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,var(--surface-hi)),var(--surface) 72%)}.dex-tile.reg:hover{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 28%,transparent),0 16px 26px -12px color-mix(in srgb,var(--c) 60%,transparent);transform:translateY(-5px)}.dex-tile.fresh{animation:freshPop .9s var(--spring) both}@keyframes freshPop{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 70%,transparent);transform:scale(.9)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 55%,transparent);transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 #0000}}.dex-tile-img{aspect-ratio:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.dex-tile-img .pix{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;image-rendering:pixelated;filter:drop-shadow(0 4px #00000038)}.dex-tile:not(.reg) .dex-tile-img .pix{filter:brightness(0)opacity(.55)}.dex-tile-num{font:700 11px var(--f-mono);color:var(--muted);text-align:center;letter-spacing:.04em}.dex-tile-name{font:600 12px var(--f-body);color:var(--fg);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dex-tile:not(.reg) .dex-tile-name{color:var(--muted);letter-spacing:.1em}.dex-tile-stripe{background:var(--c);height:4px;position:absolute;bottom:0;left:0;right:0}.dex-tile:not(.reg) .dex-tile-stripe{background:var(--line)}.dex-badge{background:radial-gradient(circle at 34% 30%,#ffe9a8,var(--gold) 60%,#a9761a 100%);color:#5a3c08;width:20px;height:20px;box-shadow:0 0 8px 1px color-mix(in srgb,var(--gold) 70%,transparent);border:2px solid #7a5310;border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.dex-empty{text-align:center;font:600 15px var(--f-body);color:var(--muted);border:2px dashed var(--line);border-radius:16px;margin-top:22px;padding:24px}.dex-skeleton{border:2px solid var(--line);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-hi) 50%,var(--surface) 70%);background-size:200% 100%;border-radius:18px;place-items:center;height:220px;animation:1.4s linear infinite shimmer;display:grid;position:relative}.dex-connecting{font:600 14px var(--f-mono);color:var(--muted);letter-spacing:.08em}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (max-width:480px){.dex-device{padding:14px 16px 16px}.dex-device-top{gap:12px}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.dex-milestones{padding:12px 14px}.dex-ms{flex-basis:100%}}.tab-count{opacity:.7;font:700 11px var(--f-mono);margin-left:8px}