:root{color-scheme:dark;--ink:#0c1530;--panel:#192841;--line:#7188a6;--pink:#ff72bf;--ice:#a8efff;--body:#e7f0ff;font-family:Arial,Helvetica,sans-serif;color:var(--body);background:#0c1730}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 10%,#264579 0,transparent 50%),radial-gradient(ellipse at 100% 90%,#462f61 0,transparent 45%),#101c36;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#b4cbff18 1px,transparent 1px);background-size:24px 24px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffe16c;outline-offset:4px}button{color:inherit}a{color:inherit}button:disabled{cursor:default}.page{position:relative;max-width:1720px;margin:auto;padding:0 32px}.brandbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700}.brand strong{color:#ff9dce}.brandmark{display:grid;place-items:center;width:32px;height:38px;transform:rotate(-9deg);border:2px solid #83deff;border-radius:6px;background:#1677d7;color:#ff77c6;text-shadow:2px 2px #111;font-size:24px;box-shadow:3px 3px 0 #060d21}.edition{font-size:12px;color:#b1c3e0;display:flex;align-items:center;gap:16px}.edition-star{color:#ffbbdf;font-size:24px}.index-shell{border:4px solid #080f25;border-radius:18px;box-shadow:0 12px 0 #080e2480,0 30px 70px #05091560;background:#25344f;overflow:hidden}.index-header{height:112px;background:linear-gradient(118deg,transparent 0 52%,#aff0ff5c 52% 55%,transparent 55% 57%,#a1eaff44 57% 58%,transparent 58%),linear-gradient(#a1e7ff 0,#359aff 42%,#175cdb 100%);border-bottom:5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;box-shadow:inset 0 3px #d4f7ff}.index-title{display:flex;align-items:center;gap:23px}.index-title h1{margin:0;font:italic 1000 64px/1 Arial,Helvetica,sans-serif;letter-spacing:-3px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;color:#effaff;text-shadow:0 6px 0 #0a1639,3px 3px 0 #0a1639;transform:skew(-4deg)}.book{display:grid;place-items:center;width:57px;height:72px;color:#ff67c8;font-size:38px;-webkit-text-stroke:2px #ffdf57;transform:rotate(-9deg);background:linear-gradient(90deg,#1257c7 12%,#65dcff 13% 23%,#198efa 24%);border:4px solid #0a1732;border-radius:8px;box-shadow:4px 5px 0 #0b1731,inset 0 -10px #ffde76}.header-heart{color:#ff8dce;transform:rotate(-17deg);font-size:39px;margin-left:20px}.header-count{text-align:right;text-shadow:0 2px #225eb4}.header-count strong{font-size:34px;display:block;font-style:italic;letter-spacing:-1px}.header-count span{font-size:13px;font-weight:700}.toolbar{background:#16253e;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 21px;border-bottom:1px solid #61769455}.tabs{display:flex;gap:8px}.tab{border:2px solid #4b6181;background:linear-gradient(#3c4b6c,#293651);border-radius:9px;padding:11px 21px;font-size:15px;font-weight:800;box-shadow:0 3px 0 #0b1529;white-space:nowrap;transition:background .15s}.tab span{margin-right:6px}.tab:hover{background:#3e547c}.tab.active{background:linear-gradient(#ffb5df,#f36bb2);border-color:#f6add6;color:#291830;box-shadow:0 3px 0 #913b73,inset 0 2px #ffd3eb}.search{height:43px;display:flex;align-items:center;gap:9px;background:#0c1930;border:1px solid #526b91;border-radius:8px;padding:0 11px;flex:0 1 320px}.search svg{width:19px;color:#9eb4d8;flex-shrink:0}.search input{min-width:0;flex:1;background:none;border:0;color:white;outline:none;font-size:14px;height:100%}.search input::placeholder{color:#a9bad1}.search kbd{font-size:11px;border:1px solid #52617c;padding:2px 5px;border-radius:3px;color:#94a8ca}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:16px;padding:16px;align-items:start}.collection-pane{min-width:0;border:2px solid #71859f;border-radius:12px;overflow:hidden;background:linear-gradient(#0e1c30,#19243c);box-shadow:0 0 0 3px #0d1831}.collection-controls{display:flex;gap:15px;align-items:center;padding:13px 14px;border-bottom:1px solid #435777;background:#1c2c46}.select-wrap{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#a8bcd7}.select-wrap select{border:0;border-radius:5px;background:#2c3e5b;color:#f2f6ff;font-weight:700;padding:7px 27px 7px 10px;font-size:12px;max-width:160px}.results{margin-left:auto;font-size:11px;color:#b6c7df;white-space:nowrap}.groups{height:calc(100vh - 404px);min-height:390px;overflow:auto;scrollbar-color:#6983ac #101b30;scrollbar-width:thin;padding:14px;scroll-behavior:smooth}.area-section{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;margin-bottom:22px;scroll-margin-top:14px}.area-section:last-child{margin-bottom:0}.area-banner{background:var(--area-bg,#35597e);border:2px solid #8ca6c4;border-radius:11px;position:relative;overflow:hidden;min-height:240px;box-shadow:0 3px 0 #070e22}.area-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.area-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(#0c193033 0%,#0c193000 35%,#0c1930dc 100%)}.area-banner-text{position:relative;z-index:1;height:100%;padding:17px 9px 13px;display:flex;align-items:center;flex-direction:column;text-align:center}.area-banner h2{font:italic 900 25px/1.05 Arial,Helvetica,sans-serif;color:white;letter-spacing:-.8px;margin:0 0 10px;-webkit-text-stroke:1px #0c1530;paint-order:stroke fill;text-shadow:0 3px #0c1530}.area-meta{margin-top:auto;padding-top:30px}.area-total{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.speed-label{display:block;color:#d7e5fa;font-size:10px;line-height:1.6}.speed-label strong{display:block;color:#fff1a0;font-size:14px;font-style:italic}.area-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-content:start}.character-card{--r:#91a6c0;--r2:#334b6b;position:relative;isolation:isolate;aspect-ratio:0.87;min-width:0;border:2px solid #8399b7;border-radius:15px;overflow:hidden;padding:0;background:radial-gradient(ellipse at 50% 42%,#f4fdffd9,transparent 68%),repeating-conic-gradient(from 9deg at 50% 76%,#ffffff1f 0deg 12deg,transparent 12deg 28deg),linear-gradient(var(--r),var(--r2));box-shadow:0 3px 0 #050e22,inset 0 0 0 2px #ffffff25;transition:transform .13s,border-color .13s}.character-card:before{content:"";position:absolute;width:125%;height:28%;bottom:8%;left:-12%;background:#ffffff22;border-radius:50%;box-shadow:0 14px #ffffff15,0 26px #ffffff12;z-index:-1}.character-card:hover{transform:translateY(-3px);border-color:#d6f6ff}.character-card.selected{border-color:white;box-shadow:0 0 0 2px #ffb4de,0 0 21px #ff72bf30;z-index:1}.character-name{position:absolute;z-index:2;top:9px;left:4px;right:4px;margin:0;font:italic 900 clamp(14px,1.6vw,23px)/1.04 Arial,Helvetica,sans-serif;-webkit-text-stroke:1px #0b1831;paint-order:stroke fill;text-shadow:0 2px 0 #0b1831;letter-spacing:-.6px;text-align:center;color:white;overflow-wrap:anywhere}.character-name.long{font-size:clamp(12px,1.2vw,17px);letter-spacing:-.4px}.character-card img{width:114%;height:91%;max-width:none;object-fit:contain;position:absolute;left:-7%;bottom:0;filter:drop-shadow(0 3px 2px #050c2733);z-index:1}.card-rarity{position:absolute;bottom:0;left:0;right:0;z-index:2;font-size:9px;letter-spacing:.25px;font-weight:800;text-align:center;padding:5px;background:#08162aa3;color:#f4f8ff}.selected-tick{position:absolute;z-index:3;right:6px;bottom:24px;display:grid;place-items:center;background:#ff8ec9;color:#18213a;width:21px;height:21px;border-radius:50%;font-size:13px;font-weight:900;box-shadow:0 1px 4px #111}.no-preview{position:absolute;inset:30% 10% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#e5eeffbb}.silhouette{font-size:60px;line-height:1;color:#10203f88;text-shadow:0 0 10px #ffffff22}.no-preview small{font-size:10px}.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid #425471;background:#1c2b45;font-size:10px;color:#aebfdb}.catalog-footer i{color:#ff98d0;font-style:normal;margin-right:5px}.text-button{background:none;border:0;padding:3px 0;font-size:10px;font-weight:700;color:#c8dcfa;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.detail{border:2px solid #8299ba;border-radius:12px;box-shadow:0 0 0 3px #0e1830;overflow:auto;max-height:calc(100vh - 309px);min-height:500px;background:#15243c;scrollbar-color:#6983ac #15243c;scrollbar-width:thin}.detail-hero{--r:#7fbeed;--r2:#1763bb;position:relative;height:285px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#e0ffffd9,transparent 66%),repeating-conic-gradient(from 5deg at 50% 68%,#ffffff1f 0deg 12deg,transparent 12deg 27deg),linear-gradient(var(--r),var(--r2));border-bottom:2px solid #8098bc}.detail-hero:after{content:"";position:absolute;bottom:31px;width:72%;height:22px;border-radius:50%;left:14%;background:#b6faff75;box-shadow:0 7px #1c4f9a55}.detail-hero img{height:266px;width:100%;object-fit:contain;position:absolute;left:0;top:-5px;z-index:1;filter:drop-shadow(0 7px 3px #0b143933)}.detail-hero .no-preview{inset:10% 10% 20%}.detail-hero .silhouette{font-size:110px}.hero-caption{position:absolute;bottom:9px;left:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}.rarity-badge{background:#10203fe8;padding:5px 10px;border:1px solid #ffffff78;border-radius:5px;font-size:12px;font-weight:800;color:#fff}.detail-close{display:none}.detail-heading{padding:17px 18px 14px;border-bottom:1px solid #405373}.detail-heading h2{font:italic 900 30px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1px;margin:0 0 8px;overflow-wrap:anywhere}.detail-sub{display:flex;align-items:center;justify-content:space-between;gap:12px}.earning{color:#9ee982;font-weight:800;font-size:15px}.location-tag{color:#c4d3eb;font-size:11px;text-align:right}.detail-section{padding:16px 18px;border-bottom:1px solid #3c4f6e}.detail-section h3{font-size:12px;color:#becfe8;margin:0 0 12px;font-weight:800}.egg-primary{display:flex;align-items:center;gap:12px}.egg-art{width:65px;height:71px;object-fit:contain;background:radial-gradient(#67bcff33,transparent);flex-shrink:0}.egg-primary strong{font-size:15px;line-height:1.3;display:block}.egg-primary small{font-size:10px;color:#a7bad7;display:block;margin-top:4px}.egg-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.egg-stat{border:1px solid #4b6182;border-radius:6px;padding:8px 10px;background:#1f314e}.egg-stat span{font-size:10px;display:block;color:#b3c7e1;margin-bottom:4px}.egg-stat strong{font-size:14px}.context-note{font-size:11px;color:#adc1dc;line-height:1.55;margin:10px 0 0}.source-row{display:flex;gap:10px;align-items:center;margin:0 0 11px;padding-bottom:11px;border-bottom:1px solid #344968}.source-row:last-child{border:0;padding-bottom:0;margin-bottom:0}.source-row img{width:42px;height:45px;object-fit:contain;flex-shrink:0}.source-info{min-width:0;flex:1}.source-info strong{font-size:12px;display:block;margin-bottom:4px}.source-info span{display:block;font-size:10px;line-height:1.55;color:#adc1dc}.kind-label{display:inline-block!important;color:#fac7e5!important;margin-bottom:3px;font-weight:700}.source-share{font-size:12px;font-weight:800;color:#ccecff;text-align:right;white-space:nowrap}.source-share small{display:block;font-size:9px;font-weight:400;color:#afc2dc;margin-top:3px}.location-row{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:12px;margin:9px 0}.location-row:first-of-type{margin-top:0}.location-row:last-child{margin-bottom:0}.location-row strong{font-size:13px}.location-row small{display:block;font-size:10px;color:#a9bdd9;margin-top:4px}.location-row b{color:#bee7ff;font-size:13px;white-space:nowrap}.reward-bar{display:flex;align-items:center;gap:12px}.reward-icon{font-size:26px}.reward-bar strong{font-size:15px;color:#a9d9ff}.reward-bar small{font-size:10px;color:#abc0db;display:block;margin-top:4px}.technical{padding:12px 18px;font-size:10px;color:#9ab1d0}.technical summary{cursor:pointer;padding:4px 0}.technical dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}.technical dt{color:#92a9ca}.technical dd{margin:0;overflow-wrap:anywhere}.memberships{margin-top:13px;font-size:10px;color:#adc1dc}.memberships summary{cursor:pointer;line-height:1.5}.memberships ul{padding-left:15px;line-height:1.7}.site-footer{padding:0 18px 14px;display:flex;justify-content:space-between;font-size:10px;color:#a2b6d5}.footer-dot{padding:0 7px;color:#657d9f}.outside-note{font-size:11px;color:#849bbf;text-align:center;margin:24px 0 16px}.outside-note span{color:#c977aa;margin-left:5px}.loading,.empty-state{padding:60px 20px;text-align:center;color:#afc6e5;font-size:14px}.empty-state strong{display:block;font-size:20px;color:white;margin-bottom:10px}.empty-state button,.retry{border:1px solid #9bc6f6;background:#2d67a7;border-radius:6px;padding:10px 15px;margin-top:15px;color:white;font-weight:700}.empty-state p{font-size:12px;line-height:1.6}.error{color:#ffb5cf}dialog{max-width:520px;width:calc(100% - 36px);border:2px solid #9db9df;border-radius:15px;padding:28px;background:#1c2e4d;color:#eaf2ff;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#050d20c9;backdrop-filter:blur(5px)}dialog h2{font-size:26px;font-style:italic;margin:0 0 20px}dialog p{font-size:13px;line-height:1.7;color:#bdcfe8}.dialog-close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:28px;line-height:1}.dialog-note{color:#f2b6d8!important}.mobile-backdrop{display:none}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 386px}.area-section{grid-template-columns:150px minmax(0,1fr)}.character-name{font-size:25px}.character-name.long{font-size:18px}.groups{min-height:450px}.detail-hero{height:305px}.detail-hero img{height:285px}}@media(max-width:1150px){.page{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:13px}.area-section{grid-template-columns:100px minmax(0,1fr);gap:10px}.area-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.area-banner h2{font-size:21px}.groups{padding:10px}.tab{padding:10px 13px;font-size:13px}.search{flex-basis:250px}.character-name{font-size:18px}.character-name.long{font-size:14px}.collection-controls{gap:8px;padding:11px 10px}.select-wrap{display:block}.select-wrap>span{display:block;margin-bottom:5px}.select-wrap select{max-width:143px}.detail-hero{height:250px}.detail-hero img{height:235px}.results{font-size:10px;white-space:normal;text-align:right}.detail-heading h2{font-size:27px}.header-heart{margin-left:0}}@media(max-width:800px){.page{padding:0 12px}.brandbar{height:61px}.edition{display:none}.brand{font-size:13px}.brandmark{height:31px;width:27px;font-size:20px}.index-header{height:91px;padding:0 19px}.index-title{gap:16px}.index-title h1{font-size:51px}.book{height:59px;width:46px;font-size:31px}.header-heart{display:none}.header-count strong{font-size:28px}.header-count span{font-size:11px}.workspace{grid-template-columns:minmax(0,1fr);padding:12px}.area-section{grid-template-columns:112px minmax(0,1fr);gap:12px}.area-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.groups{height:auto;min-height:340px;max-height:none;padding:12px}.detail{display:none;position:fixed;right:12px;left:12px;bottom:12px;max-height:88dvh;min-height:0;z-index:20;max-width:430px;margin-left:auto;border-width:2px;box-shadow:0 0 0 3px #0e1830,0 0 0 100vmax #03091bbd}.detail.open{display:block}.detail-close{display:grid;place-items:center;position:absolute;top:9px;right:9px;z-index:4;background:#15243ce8;color:white;border:2px solid #b1cdec;border-radius:7px;width:36px;height:36px;font-size:25px;box-shadow:0 3px #0c1530}.detail-hero{height:230px}.detail-hero img{height:219px}.toolbar{padding:12px;gap:12px;flex-wrap:wrap}.tabs{flex:1;gap:7px}.tab{flex:1;padding:11px 12px}.search{flex:1 1 180px}.character-name{font-size:18px}.character-name.long{font-size:13px}.site-footer{gap:16px;line-height:1.5}.collection-controls{align-items:center}.select-wrap{display:flex}.select-wrap>span{margin:0}.results{white-space:nowrap}.detail-heading{padding-top:13px}.detail-section{padding:14px 18px}.outside-note{margin-top:18px}}@media(max-width:540px){.page{padding:0 8px}.brandbar{padding:0 5px}.index-shell{border-width:3px;border-radius:13px}.index-header{height:87px;padding:0 14px}.index-title{gap:13px}.index-title h1{font-size:45px}.book{height:53px;width:40px;font-size:27px}.header-count strong{font-size:26px}.header-count span{font-size:9px}.toolbar{gap:12px}.tabs{flex-basis:100%}.tab{font-size:13px}.search{height:42px;flex-basis:100%}.workspace{padding:9px}.area-section{grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:20px}.area-banner{height:76px;min-height:0}.area-banner img{object-position:center 55%}.area-banner:after{background:linear-gradient(90deg,#0c19304d,#0c193099)}.area-banner-text{padding:13px 14px;flex-direction:row;justify-content:space-between;text-align:left;gap:10px}.area-banner h2{font-size:26px;margin:0;max-width:60%}.area-meta{margin:0;padding:0;text-align:right}.area-total{font-size:11px;margin-bottom:2px}.speed-label{font-size:9px}.speed-label strong{display:inline;font-size:10px;margin-left:4px}.area-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{aspect-ratio:.93}.character-name{font-size:22px;top:10px}.character-name.long{font-size:16px}.card-rarity{font-size:10px}.groups{padding:10px}.collection-controls{gap:8px;padding:10px;flex-wrap:wrap}.select-wrap{flex:1}.select-wrap>span{display:none}.select-wrap select{width:100%;max-width:none;padding:9px;font-size:12px}.results{width:100%;margin-top:3px;text-align:left;font-size:10px}.catalog-footer{padding:11px 10px;font-size:9px}.catalog-footer>span{max-width:180px;line-height:1.5}.site-footer{display:block;font-size:9px;padding:3px 13px 11px}.site-footer>span{display:block;margin-top:3px}.outside-note{font-size:10px}.detail{left:9px;right:9px;bottom:9px;max-width:none}.detail-heading h2{font-size:28px}.brandmark{width:24px;height:29px}.brand{gap:8px}.character-card img{height:94%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:801px){.detail-hero{height:220px}.detail-hero img{height:208px}}@media(min-width:1600px){.detail-hero{height:240px}.detail-hero img{height:228px}}@media(max-width:800px){body.detail-open{overflow:hidden}.detail-open .mobile-backdrop{display:block;position:fixed;inset:0;z-index:19;background:#03091bbd}.detail.open{box-shadow:0 0 0 3px #0e1830}}