:root{--bg0:#070814;--bg1:#0b1026;--panel:rgba(10,14,32,.62);--panel2:rgba(7,10,20,.62);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--text:#e8ecff;--muted:rgba(232,236,255,.72);--pink:#ff2bd6;--cyan:#00d6ff;--violet:#7c3cff;--good:#23f7a3;--bad:#ff3b3b;--shadow:0 18px 70px rgba(0,0,0,.55)}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 20% 10%,rgba(124,60,255,.18),transparent 55%),radial-gradient(900px 500px at 80% 0%,rgba(0,214,255,.14),transparent 58%),radial-gradient(1000px 700px at 70% 90%,rgba(255,43,214,.11),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.shineCanvas{position:fixed;inset:0;z-index:-2;pointer-events:none}.shineParticleSvg{width:100%;height:100%;display:block}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay;opacity:.22}.scanlines:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 20%,rgba(0,214,255,.08),transparent 45%),radial-gradient(circle at 70% 80%,rgba(255,43,214,.06),transparent 48%);filter:blur(10px);animation:drift 10s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-10px,-8px,0) scale(1.02)}to{transform:translate3d(12px,10px,0) scale(1.05)}}.scanlines--static{opacity:.12}.scanlines--static:after{animation:none!important;opacity:.35}.shell{position:relative;max-width:1100px;margin:0 auto;padding:24px 16px 60px}.glass{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:22px 22px 18px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 180deg,#ff2bd600,#ff2bd640,#00d6ff40,#7c3cff38,#ff2bd600);filter:blur(18px);opacity:.55;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero>*{position:relative}.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(0,214,255,.28);background:#00d6ff14;color:#d2f5ffeb}.dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,var(--cyan));box-shadow:0 0 18px #00d6ffbf}.title{margin:14px 0 6px;font-size:34px;line-height:1.05;letter-spacing:-.03em;text-shadow:0 0 22px rgba(0,214,255,.35),0 0 30px rgba(255,43,214,.22)}.subtitle{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.card{padding:18px}.compactCard{padding:10px 12px}.col4{grid-column:span 4}.col6{grid-column:span 6}.col12{grid-column:span 12}@media(max-width:900px){.col4,.col6{grid-column:span 12}}.label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;color:#e8ecffc7;margin-bottom:8px}.input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000029;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.input:focus{border-color:#00d6ff99;box-shadow:0 0 0 4px #00d6ff1f,0 0 24px #00d6ff2e}.help{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.btnRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.compactRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,1.4vw,8px);margin-top:0;width:100%}.btn{border:none;cursor:pointer;min-height:48px;padding:0 18px;border-radius:999px;font-weight:900;letter-spacing:.04em;color:#071017;background:linear-gradient(135deg,var(--cyan),#62fffb 40%,var(--pink));box-shadow:0 16px 38px #00d6ff2e,0 12px 30px #ff2bd629;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.compactBtn{min-height:38px;min-width:0;width:100%;padding:0 clamp(6px,1.9vw,14px);font-size:clamp(10px,2.6vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn:hover{transform:translateY(-1px);filter:saturate(1.08)}.btn:active{transform:translateY(1px) scale(.99)}.btn2{color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px #00000059}.btn2:hover{box-shadow:0 14px 30px #00000059,0 0 0 4px #7c3cff1f}.tabActive{border-color:#00d6ff73;box-shadow:0 14px 30px #00000059,0 0 0 4px #00d6ff2e}.shineOpenBtn{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0 clamp(4px,1.4vw,10px)}.shineBadgePreview{width:30px;height:20px;border-radius:999px;border:1px solid rgba(255,255,255,.4);overflow:hidden;position:relative;display:inline-block}.shineBadgeTop{position:absolute;inset:0 0 50%;background:var(--shine-top, #7fc6ff)}.shineBadgeBottom{position:absolute;inset:50% 0 0;background:var(--shine-bottom, #b98cff)}.shineBadgeParticle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;margin:auto}.statusError{color:#ff3b3bf2}.statusOk{color:#23f7a3e6}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.compactHeader{gap:8px}.petHeaderSlot{position:relative;min-height:38px;flex:1 1 auto}.petFilterPanel{position:absolute;left:0;top:0;z-index:6;width:min(680px,calc(100vw - 88px));max-height:min(58vh,460px);overflow:auto;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#0c1226eb,#070a14eb);box-shadow:0 18px 40px #0000006b}.petFilterGroup+.petFilterGroup{margin-top:10px}.petFilterTitle{font-size:12px;font-weight:800;letter-spacing:.02em;color:#e8ecffd1;margin-bottom:8px}.petAttrChips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.chipOn{border-color:#00d6ff94;box-shadow:0 0 0 2px #00d6ff2e;background:#00d6ff1f}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.resultList{display:grid;gap:10px;margin-top:12px}.row{display:grid;grid-template-columns:minmax(180px,320px) minmax(160px,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000024}.rowLeft{display:flex;align-items:center;gap:10px;min-width:0}.icon{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000002e;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 26px #00000059}.icon img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.iconFallback{font-weight:1000;color:#e8ecffe6;text-shadow:0 0 16px rgba(0,214,255,.18)}.pill{font-size:12px;font-weight:900;letter-spacing:.04em;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,214,255,.25);background:#00d6ff14;color:#d2f5ffeb}.name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barWrap{width:100%;min-width:0;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;overflow:hidden}.bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#00d6fff2,#ff2bd6eb,#00d6fff2);background-size:200% 100%;animation:sheen 1.6s linear infinite;box-shadow:0 0 22px #00d6ff40,0 0 22px #ff2bd62e}@media(max-width:700px){.row{grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) auto;gap:8px}}@keyframes sheen{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.scanlines:after{animation:none!important}.hero:before{animation:none!important;opacity:.25}.bar{animation:none!important;background-size:auto}.radarPolyGlow{animation:none!important}}@media(prefers-contrast:more){.title{text-shadow:0 1px 0 rgba(0,0,0,.65),0 0 6px rgba(0,214,255,.18)}.btn{box-shadow:0 6px 16px #00000073}.radarVariant,.radarAttr,.radarRaceTotal,.radarStage,.radarLabel{filter:none!important}.radarVariant,.radarLabel{stroke-width:3px}}@media(forced-colors:active){.glass,.row,.atlasCard,.petDetail{border:1px solid CanvasText!important;background:Canvas!important;box-shadow:none!important}.btn,.btn2{border:1px solid CanvasText!important;background:ButtonFace!important;color:ButtonText!important;box-shadow:none!important}.title,.kicker,.badge,.pill{color:CanvasText!important;text-shadow:none!important}.bar{background:CanvasText!important;animation:none!important;box-shadow:none!important}}.badge{font-weight:900;color:#e8ecfff2;text-shadow:0 0 18px rgba(0,214,255,.18)}.footerNote{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}.atlasCount{font-size:12px;color:var(--muted)}.atlasSearchRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}@media(max-width:900px){.atlasSearchRow{grid-template-columns:1fr}}.atlasGrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding-right:4px}.atlasGridScroll{margin-top:0;overflow:auto;min-height:0;align-content:start}.atlasLayout{margin-top:14px}.atlasLayoutPet{display:grid;gap:12px;align-items:stretch;height:min(76dvh,760px);min-height:520px;grid-template-columns:minmax(0,1fr) 380px}.atlasLayoutPet>*{min-height:0}@media(max-width:900px){.atlasLayoutPet{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:min(78dvh,860px);min-height:560px}}@media(max-width:420px){.atlasLayoutPet{min-height:520px}}.atlasLayoutPet .atlasGrid{margin-top:0;align-content:start;grid-auto-rows:max-content;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.2vw,12px)}.atlasCard{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0003;padding:clamp(6px,1vw,10px);display:grid;gap:clamp(4px,.8vw,8px);text-align:left;color:var(--text);cursor:pointer;align-self:start}.atlasCardActive{border-color:#00d6ff8c;box-shadow:0 0 0 3px #00d6ff2e,0 10px 24px #00000059}.atlasIcon{width:100%;aspect-ratio:1/1;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.atlasIcon img{width:86%;height:86%;object-fit:contain}.atlasTitle{font-size:clamp(10px,1.15vw,13px);font-weight:800;line-height:1.35;min-height:clamp(24px,3.2vw,34px)}.atlasMeta{font-size:10px;color:#e8ecff9e;word-break:break-all}.petDetail{margin-top:0;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;min-height:0}.petDetailScroll{overflow-y:auto;overflow-x:hidden}@media(max-width:700px){.petDetail{padding:10px}.radarSvg{max-width:240px}.profileRow{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:7px 8px}}.radarWrap{position:relative;margin-bottom:10px;padding:8px 8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#070a14eb,#070a14c7)}.radarSvg{width:100%;max-width:280px;display:block;margin:0 auto}.radarGrid{fill:#00d6ff0a;stroke:#00d6ff29;stroke-width:1}.radarGridStrong{fill:#ff2bd608;stroke:#ff2bd647;stroke-width:1.2}.radarAxis{stroke:#ffffff24;stroke-width:1}.radarPolyGlow{fill:#00d6ff2e;stroke:#00d6ffa6;stroke-width:1.8;filter:drop-shadow(0 0 12px rgba(0,214,255,.45));animation:radarPulse 1.8s ease-in-out infinite}.radarPoly{fill:#ff2bd629;stroke:#ff2bd6bf;stroke-width:1.5}.radarDot{fill:#fff;stroke:#00d6ffe6;stroke-width:1.5}.radarVariant{fill:url(#holoGrad);font-size:16px;font-weight:1000;paint-order:stroke;stroke:#070a14eb;stroke-width:2.2;filter:drop-shadow(0 0 10px rgba(255,233,167,.35)) drop-shadow(0 0 14px rgba(93,214,255,.25))}.radarAttr{font-size:12px;font-weight:1000;paint-order:stroke;stroke:#070a14eb;stroke-width:2px;filter:drop-shadow(0 0 10px rgba(0,0,0,.25))}.radarRaceTotal{fill:#ffe9a7f5;font-size:10px;font-weight:800;paint-order:stroke;stroke:#070a14eb;stroke-width:2px}.radarStage{fill:#e8ecffdb;font-size:10px;font-weight:800;paint-order:stroke;stroke:#070a14eb;stroke-width:2px}.radarLabel{fill:#e8ecffeb;font-size:9px;font-weight:700;paint-order:stroke;stroke:#070a14e6;stroke-width:2px}.radarLabelValue{fill:#e8ecffe6;font-size:9px;font-weight:700}.radarLabelValueHot{fill:#00d6fffa;font-size:9px;font-weight:800}.radarLabelValueAtk{fill:#ffe89a;font-size:9px;font-weight:800}.radarLabelValueMatk{fill:#d9b8ff;font-size:9px;font-weight:800}.radarLabelValueDef{fill:#d2a300;font-size:9px;font-weight:800}.radarLabelValueMdef{fill:#7c46d9;font-size:9px;font-weight:800}.radarLabelValueSpd{fill:#62e887;font-size:9px;font-weight:800}.radarLabelValueHp{fill:#ff6b6b;font-size:9px;font-weight:800}@keyframes radarPulse{0%,to{opacity:.72}50%{opacity:1}}.profileGrid{display:grid;gap:8px;margin-top:10px;width:100%;min-width:0}.profileRow{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;width:100%;min-width:0;box-sizing:border-box}.profileRowFull{grid-template-columns:1fr}.profileValFull{font-weight:800;color:#e8ecffeb}.profileKey{color:#e8ecffc7;font-size:12px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileVal{color:#e8ecffe6;font-size:12px;line-height:1.45;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.shineModalMask{position:fixed;inset:0;background:#04070fa8;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.shineModal{width:min(760px,96vw);max-height:88vh;overflow:auto;padding:14px;border-radius:18px}.shineCloseBtn{border:0;background:#ffffff14;color:var(--text);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:20px;line-height:1}.shineParticleRow{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shineParticleChip{width:100%;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0000003d;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.shineParticleChipIcon{width:22px;height:22px;display:inline-flex}.shineParticleChipOn{border-color:#00d6ff9e;box-shadow:0 0 0 3px #00d6ff2e}.shineRefreshBtn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text);cursor:pointer;font-size:18px;line-height:1}.shineThemeGrid{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media(max-width:760px){.shineThemeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shineThemeCard{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#0003;padding:8px;cursor:pointer}.shineThemePreview{height:72px;border-radius:16px;position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:linear-gradient(var(--shine-angle),var(--shine-top) 0%,var(--shine-top) var(--shine-split),var(--shine-bottom) calc(var(--shine-split) + 1%),var(--shine-bottom) 100%)}.shineThemePreview:after{content:"";position:absolute;left:8%;top:12%;width:42%;height:34%;border-radius:999px;background:radial-gradient(circle,#ffffffb8,#fff0)}.shineThemeParticle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.shineThemeParticle>.shineParticleSvg{width:24px;height:24px}