/* Pet Atlas — independently designed game-guide skin. */
:root{--green:#292064;--deep:#15123e;--cream:#f3f5ff;--paper:#fff;--line:#dfe3f5;--ink:#21264f;--muted:#62708e;--coral:#ffd152;--sage:#e8ebff;--gold:#ffcd4e;--shadow:0 16px 36px rgba(54,50,132,.12)}
body{background:radial-gradient(circle at 95% 680px,rgba(160,141,255,.15),transparent 390px),var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,.card-middle h3,.story .lead{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em}h1,h2{font-weight:850}.story .lead{font-weight:750}
.top-ribbon{background:#1c174b;color:#d9d7ff;font-size:11px;font-weight:700;letter-spacing:.03em}.top-ribbon .container{min-height:31px;display:flex;align-items:center;gap:25px}.top-ribbon span:first-child{color:#ffd65f;letter-spacing:.13em}.top-ribbon a{margin-left:auto;color:#fff;text-decoration:underline;text-underline-offset:3px}.top-ribbon a:hover{color:#ffd65f}
.header{border-bottom:1px solid #e7e6f4;box-shadow:0 3px 14px rgba(44,34,112,.05)}.header-inner{min-height:75px}.brand{gap:11px}.brand-mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(135deg,#7655f5,#4330af);transform:rotate(-10deg);font-size:27px;box-shadow:0 5px 0 #d8d0fa}.brand-word{font-size:23px;font-weight:900;letter-spacing:-.055em}.brand-word span{color:#6450dc}.brand-word small{font-size:8px;color:#6c72a1;letter-spacing:.14em;margin-top:4px}.nav{gap:32px}.nav a{font-size:13px;color:#3b4268}.nav a:hover{color:#6753e9}.header-search{border-color:#dedcf3;background:#f3f2ff;color:#5141c1;font-weight:800}.header-search:hover{border-color:#7661ee;background:#ece9ff}.unofficial{background:#eef0ff;color:#4c5584;border-bottom:1px solid #e5e7fb}.unofficial strong{color:#4334bd}.live-dot{background:#7757ed;box-shadow:0 0 0 3px #d6d0fc}.unofficial a{color:#523ec9;font-weight:800}
.hero{background:#1f205f;min-height:580px}.hero-inner{min-height:580px}.hero-art{right:calc((min(1220px,100vw - 64px) - 100vw)/2);width:72vw;object-position:center}.hero-inner:after{background:linear-gradient(90deg,#1d1b55 0%,rgba(29,27,85,.97) 26%,rgba(29,27,85,.63) 46%,rgba(29,27,85,.08) 77%)}.hero-copy{width:min(650px,61%)}.hero .eyebrow{color:#8ff4e8}.hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(57px,6vw,92px);letter-spacing:-.065em;line-height:.99;margin:25px 0}.hero h1 span{color:#ffd153}.hero-copy>p{font-size:17px;line-height:1.7;color:#e2e8ff;max-width:540px}.hero-caption{color:#bdb9ed}.btn{box-shadow:0 4px 0 rgba(8,5,39,.18);font-weight:900}.btn-coral{background:#ffd153;color:#251956}.btn-coral:hover{background:#ffe483}.btn-ghost{border:1px solid #bfb7ff;background:#ffffff0d}.btn-ghost:hover{background:#ffffff20}.stats-strip{border-color:var(--line);border-radius:0 0 18px 18px;box-shadow:0 12px 25px rgba(38,40,118,.06)}.stats-strip>div{border-color:var(--line)}.stats-strip strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900;color:#5542c9}.stats-strip .strip-note{background:#e7e4ff;color:#5947cb}.stats-strip .strip-note span{color:#6853e9}
.quick-start{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:36px}.quick-callout{position:relative;overflow:hidden;background:#fff;border:1px solid #d9d1ff;border-radius:18px;padding:28px 32px;min-height:225px;box-shadow:0 8px 25px rgba(75,58,173,.08)}.quick-callout:after{content:'✳';position:absolute;right:-5px;top:-58px;font-size:190px;line-height:1;color:#eeeaff;pointer-events:none}.quick-callout>*{position:relative;z-index:1}.quick-callout h2{font-size:28px;margin:10px 0 7px}.quick-callout p{font-size:13px;max-width:430px;color:#5d6987;line-height:1.7}.quick-callout .text-link{color:#5140c4}.quick-dark{background:linear-gradient(135deg,#4d3bc3,#251969);color:#fff;border-color:#4d3bc3}.quick-dark:after{color:#6454d1}.quick-dark p,.quick-dark .micro{color:#dedbff}.quick-dark .text-link{color:#fff}
.eyebrow,.section-label,.micro{color:#6151ce}.section-label span:first-child{background:#e7e3ff;color:#5943c2;border:0;width:30px;height:30px;font-size:12px}.section-label i{background:#d8dbef}.section-heading h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:850}.section-heading .eyebrow{color:#7d58e4}.text-link{color:#5641c7}.category-grid{gap:16px}.category-tile{border:1px solid #e1e2f4;box-shadow:0 4px 0 #e1e4f8;border-radius:16px;min-height:145px;background:#fff}.category-tile:hover{border-color:#b2a8f0}.cat-icon{background:#eae4ff;color:#6651dd;border-radius:14px;width:54px;height:54px;flex-basis:54px;font-weight:900}.category-tile:nth-child(2) .cat-icon,.category-tile:nth-child(5) .cat-icon{background:#dff9f6;color:#098d89}.category-tile:nth-child(3) .cat-icon,.category-tile:nth-child(6) .cat-icon{background:#fff0d0;color:#bb7700}.category-tile strong{font-size:16px;font-weight:850}.category-tile small{color:#66728e}.category-tile b{color:#6753dc}.guide-card{border-radius:17px;border-color:#e0e3f5;box-shadow:0 5px 0 #e2e5f5;min-height:316px;position:relative;overflow:hidden}.guide-card:before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#795cf0,#4cdbcf)}.guide-card.feature-card{background:#efedff}.guide-card.feature-card:before{background:linear-gradient(90deg,#ed70b3,#ffce51)}.guide-card:hover{box-shadow:0 15px 25px rgba(68,52,156,.15)}.card-middle h3{font-size:24px;font-weight:850;line-height:1.18}.card-middle p{font-size:13px;color:#67728a}.pill{background:#ede9ff;color:#5844c7}.feature-card .pill{background:#fff}.card-bottom{color:#5a45c9}.video-feature{background:radial-gradient(circle at 90% 20%,#4b33a3,transparent 47%),#231658;border-radius:24px}.video-feature .section-label{color:#ffd66d}.video-feature .section-label i{background:#7061a8}.video-feature-grid h2{font-weight:850;font-size:clamp(31px,3.5vw,49px)}.video-feature-grid>div>p{color:#d8d3f9}.video-card{box-shadow:0 6px 0 rgba(58,40,150,.07);border-color:#e0e0f2;border-radius:15px}.video-content h3{font-size:16px;font-weight:820}.video-content a{color:#6348d2}.video-placeholder{background:linear-gradient(135deg,#252361,#7467db)}.closing .eyebrow{color:#7555dd}.closing h2{font-weight:850}.footer{background:#17133e}.footer-brand{font-weight:900}.footer-brand span{color:#beb8ec}.footer a:hover{color:#ffe17a}.footer-bottom{border-color:#504788}
.list-header .eyebrow{color:#7259db}.list-header h1{font-weight:900;line-height:1.03}.header-sketch{color:#c2baf6}.header-sketch span{color:#7968df}.find-panel{border-color:#dadbf2;box-shadow:0 5px 0 #e4e5f8}.input-wrap{background:#f7f7ff;border-color:#d8dafa}.input-wrap:focus-within{border-color:#7961e8;box-shadow:0 0 0 3px #e6e0ff}.filter{border-color:#dadcf2;color:#545c80}.filter:hover,.filter.active{background:#4d36c1;border-color:#4d36c1}.cards-list .guide-card{min-height:290px}.notice{background:#ecebff;border-left-color:#8062e8;color:#494184}.notice-wide{max-width:930px}.source-entry{border-color:#dde0f0}.source-entry>span{color:#6e57d6}.source-entry h2 a:hover{color:#553acb}.methodology{background:#e8e4ff}.about-grid section{border-color:#dfe0f0;box-shadow:0 5px 0 #e0e2f3}.about-grid h2{font-weight:850}.about-grid p{color:#586480}.about-grid a{color:#563dc2}
.article-heading .eyebrow{color:#7053d6}.article-heading h1{font-weight:900;line-height:1.06}.article-heading>p{color:#5c6786}.article-meta{color:#7580a0}.story-image{border:5px solid white;box-shadow:0 9px 30px #37378521}.story .lead{color:#292265}.story .notice{border-left-color:#8062e8}.article-section h2{font-weight:850}.article-section p{color:#4e5b7a}.article-kicker{color:#7056d7}.steps li{background:#eeecff;border-color:#dcd8f4}.steps li:before{color:#6848cf}.source-block{background:#e9e6ff}.source-block li{border-color:#cdc9ed}.source-publisher{color:#6155a8}.source-block li p{color:#66708e}.aside-box{border-color:#dedff0;box-shadow:0 4px 0 #e3e4f5}.aside-box a:hover{color:#674acb}.aside-soft{background:#ebe8ff}.aside-soft p{color:#5a5b85}
.codes-page{padding-bottom:105px}.codes-hero{display:grid;grid-template-columns:1.65fr .75fr;align-items:center;gap:32px;padding:47px 56px;min-height:360px;color:#fff;border-radius:24px;background:radial-gradient(circle at 82% 16%,#7449df 0,#4a35bf 29%,transparent 57%),linear-gradient(120deg,#232065,#3b2997);position:relative;overflow:hidden;box-shadow:0 14px 30px rgba(50,33,142,.18)}.codes-hero:before{content:'✦ ✧ ⌁';position:absolute;right:8%;top:-20px;font-size:115px;letter-spacing:20px;color:#ffffff0d;transform:rotate(-14deg)}.codes-hero>*{z-index:1}.codes-hero .eyebrow{color:#90f3e7}.codes-hero h1{font-size:clamp(50px,5.4vw,84px);font-weight:900;line-height:1.02;margin:12px 0}.codes-hero h1 span{color:#ffd356}.codes-hero p{color:#e3e2ff;font-size:16px;max-width:560px;line-height:1.7}.code-status{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#28236a;border-radius:20px;min-height:255px;padding:24px;box-shadow:0 9px 0 #c8bcff;text-align:center;transform:rotate(2deg)}.status-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff1cb;color:#bb801e;font-size:28px}.code-status small{font-size:10px;letter-spacing:.12em;font-weight:900;margin:17px 0 2px;color:#6854b4}.code-status strong{font-size:30px;letter-spacing:-.045em;line-height:1.2}.code-status>span:last-child{font-size:12px;color:#6b7291;margin-top:8px}.code-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(200px,1fr);gap:35px;margin-top:35px}.code-main{min-width:0}.status-detail{border:1px solid #dcdcf5;background:#fff;padding:34px;border-radius:18px;box-shadow:0 5px 0 #e0e2f4}.status-detail h2{font-size:34px;margin:9px 0 14px}.status-detail>p{color:#5e6988;line-height:1.9}.empty-code{border:2px dashed #c5c0ef;border-radius:14px;background:#f7f5ff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:175px;margin:24px 0;text-align:center;color:#4b429b}.empty-code span{font-size:28px}.empty-code strong{font-size:16px}.empty-code small{font-size:12px;color:#7d80a1;margin-top:5px}.status-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#6b7492}.status-footer a{color:#5e41cc;font-weight:800;text-decoration:underline;text-underline-offset:3px}.codes-page .code-main>.article-section{padding:47px 4px 25px}.codes-page .article-section h2{font-size:31px}.codes-page .article-section p{font-size:15px}.faq-list details{border:1px solid #dfe1f2;background:#fff;border-radius:12px;margin-bottom:10px;padding:0 18px}.faq-list summary{font-weight:780;padding:16px 0;cursor:pointer;list-style:none}.faq-list summary:after{content:'+';float:right;color:#7557e6;font-size:19px}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{border-top:1px solid #e7e7f5;padding:13px 0;margin:0!important}.codes-page .source-block{margin:25px 0 0}.codes-page .article-aside{position:sticky;top:20px}.codes-page .aside-box p{font-size:13px;color:#5d6688}.codes-page .aside-box a{color:#5742c5}
.notfound{background:#f3f5ff}.notfound h1{color:#292064}
@media(max-width:950px){.top-ribbon .container span:nth-child(2){display:none}.hero-art{right:-100px;width:95vw}.hero-inner:after{background:linear-gradient(90deg,#1d1b55 0%,rgba(29,27,85,.84) 51%,rgba(29,27,85,.14) 100%)}.codes-hero{padding:42px}.code-grid{grid-template-columns:minmax(0,1fr) 220px;gap:20px}}
@media(max-width:700px){.top-ribbon .container{width:calc(100% - 36px);justify-content:space-between}.top-ribbon a{font-size:10px;margin:0}.header-inner{min-height:66px}.brand-word{font-size:19px}.brand-word small{font-size:7px}.brand-mark{width:36px;height:36px}.nav{gap:25px;height:43px}.nav a{font-size:12px}.header-search{padding:5px 10px}.unofficial{padding:8px 18px}.hero,.hero-inner{min-height:585px}.hero-art{right:0;width:138%;opacity:.9;object-position:70% center}.hero-inner:after{background:linear-gradient(90deg,rgba(26,22,82,.98),rgba(26,22,82,.78) 72%,rgba(26,22,82,.18))}.hero-copy{width:100%}.hero h1{font-size:clamp(49px,12vw,69px)}.hero-copy>p{font-size:15px;max-width:440px}.stats-strip .strip-note{display:none}.stats-strip strong{font-size:25px}.quick-start{grid-template-columns:1fr;padding-top:22px}.quick-callout{min-height:185px;padding:23px}.quick-callout h2{font-size:25px}.section-space{padding-top:72px}.category-grid{grid-template-columns:1fr}.category-tile{min-height:100px}.guide-card{min-height:244px}.video-feature{margin-top:72px}.closing{padding:80px 0}.list-header h1{font-size:clamp(43px,11vw,57px)}.codes-hero{grid-template-columns:1fr;padding:29px;gap:19px;min-height:0}.codes-hero h1{font-size:53px}.codes-hero p{font-size:14px}.code-status{transform:none;min-height:150px;padding:16px;flex-direction:row;flex-wrap:wrap;gap:7px}.code-status .status-icon{width:38px;height:38px;flex:0 0 38px;font-size:20px}.code-status small{margin:0}.code-status strong{width:100%;font-size:26px}.code-status>span:last-child{margin:0}.code-grid{display:block}.codes-page .article-aside{display:block;position:static;margin-top:35px}.status-detail{padding:22px}.status-detail h2{font-size:28px}.status-footer{flex-direction:column;align-items:start;gap:8px}.source-entry{gap:6px}.about-grid{grid-template-columns:1fr}}
@media(max-width:380px){.top-ribbon a{display:none}.hero h1{font-size:47px}.hero-actions{gap:9px}.btn{padding:11px 17px}.codes-hero h1{font-size:46px}}

.official-preview{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:26px;border:1px solid #dcdcf4;background:#fff;border-radius:17px;padding:19px 22px;margin-top:28px;box-shadow:0 5px 0 #e6e7f7}.official-preview h2{font-size:24px;margin:5px 0}.official-preview p{font-size:12px;max-width:620px;color:#64718e;margin:0 0 8px}.official-preview a{font-size:12px;font-weight:800;color:#533ccb}.official-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:linear-gradient(120deg,#32277d,#6850d8)}@media(max-width:700px){.official-preview{grid-template-columns:1fr;gap:15px;padding:18px}.official-preview a:has(img){max-width:100%}}