.proof-story{max-width:1120px;margin:0 auto;padding:90px 32px;display:grid;grid-template-columns:1fr minmax(240px,360px);gap:40px 9%;align-items:center;scroll-margin-top:100px}
.proof-kicker{color:#d9b977;font:600 12px Outfit,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px}
.proof-copy h2,.release-note h2{font:600 clamp(30px,3.4vw,48px)/1.13 Cinzel,Georgia,serif;color:#f9e9c9;margin:0 0 20px}
.proof-intro{color:#b8b8c8;font-size:17px;line-height:1.6}
.proof-choices{display:grid;margin-top:30px;gap:8px}
.proof-choices button{display:grid;gap:7px;text-align:start;padding:18px 20px;min-height:70px;border:1px solid transparent;border-inline-start:2px solid #4f4851;background:transparent;color:#bdb6b0;cursor:pointer;font:inherit;border-radius:0 9px 9px 0;transition:background .2s,border-color .2s}
.proof-choices button strong{font-size:19px;color:#efe3cf}.proof-choices button span{font-size:14px;line-height:1.5}
.proof-choices button[aria-pressed=true]{border-color:#b58b4540;border-inline-start-color:#e9bc6d;background:linear-gradient(90deg,#af823023,transparent)}
.proof-choices button:focus-visible,.game-info:focus-visible,.details-close:focus-visible,#details-play:focus-visible{outline:2px solid #ffdb89;outline-offset:4px}
.proof-visual{margin:0;position:relative;filter:drop-shadow(0 24px 35px #0008)}
.proof-visual img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #dbb16a55}.proof-visual figcaption{position:absolute;bottom:8px;inset-inline:0;text-align:center;font-size:10px;color:#ae986d;letter-spacing:.15em}
.release-note{max-width:1120px;margin:0 auto 50px;padding:35px 32px;border-block:1px solid #d2b16d36;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.release-note h2{font-size:30px}.release-note p{color:#bdb8c4;line-height:1.6}.release-note a{display:inline-flex;align-items:center;min-height:44px;color:#f1ca83}.release-note time{font-size:12px;color:#a49eac}
.collection-cover .game-info{position:absolute;z-index:5;top:8px;inset-inline-end:8px;width:44px;height:44px;min-width:44px;border:1px solid #f5d99599;border-radius:50%;background:#151125d9;color:#fff0ca;font:italic 700 21px Georgia,serif;cursor:pointer;box-shadow:0 3px 14px #0006}
#game-details{margin:auto;padding:0;border:1px solid #d9b46b70;border-radius:18px;background:#15121f;color:#f8ead0;max-width:740px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 120px #000b}
#game-details::backdrop{background:#05040bba;backdrop-filter:blur(7px)}.details-close{position:absolute;z-index:2;top:8px;inset-inline-end:8px;width:44px;height:44px;background:#15121fe8;border:1px solid #d9b46b60;border-radius:50%;color:#ffeac2;font-size:28px;cursor:pointer}
.details-layout{display:grid;grid-template-columns:45% 1fr;align-items:center;gap:24px;padding:24px}.details-layout figure{margin:0}.details-layout img{display:block;width:100%;height:auto;border-radius:9px}.details-layout figcaption{font-size:11px;text-align:center;margin-top:8px;color:#afa0bc}.details-copy{padding:35px 0 18px}.details-copy h2{font:600 29px/1.15 Cinzel,Georgia,serif;overflow-wrap:anywhere}.details-note{color:#afa5ba;font-size:13px;line-height:1.6}#details-play{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:15px;padding:0 24px;border-radius:7px;background:linear-gradient(125deg,#f6d78f,#c99745);color:#211528;text-decoration:none;font-weight:700}
@media(max-width:700px){.proof-story{padding:45px 20px;grid-template-columns:1fr;gap:24px;scroll-margin-top:125px}.proof-copy h2{font-size:30px}.proof-intro{font-size:14px;margin-bottom:0}.proof-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:5px}.proof-choices button{padding:12px 5px;min-height:48px;text-align:center;border:1px solid #806b404a;border-radius:6px}.proof-choices button strong{font-size:13px;overflow-wrap:anywhere}.proof-choices button span{display:none}.proof-visual{width:min(100%,300px);justify-self:center}.release-note{margin:0 20px 35px;padding:25px 0;grid-template-columns:1fr;gap:5px}.release-note h2{font-size:25px}.details-layout{gap:18px;padding:20px;grid-template-columns:minmax(100px,40%) 1fr}.details-copy h2{font-size:21px}.details-copy{padding-top:42px}.details-copy .proof-kicker{font-size:10px}.details-note{font-size:12px}#details-play{padding:0 13px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.proof-choices button{transition:none}}

.release-date{display:flex;gap:15px;flex-wrap:wrap;align-items:baseline}

.opening-art{grid-column:1/-1;margin:0}.opening-art img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d7af6650}
.pet-showcase{position:relative;isolation:isolate;max-width:1120px;margin:0 auto 55px;padding:44px 32px 34px;overflow:hidden;border-block:1px solid #b9c69a33;background:#07171c}
.pet-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#08151de6,#08151d88 55%,#08151ddd),url('/assets/pets/bg_pet_sanctuary.webp') center/cover no-repeat}
.pet-heading{text-align:center;max-width:660px;margin:0 auto 24px}.pet-heading h2{font:600 clamp(27px,3vw,40px)/1.2 Cinzel,Georgia,serif;color:#f4e6c9;margin:0 0 12px}.pet-heading p:last-child{font-size:15px;line-height:1.6;color:#b6c9c4}
.pet-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pet-card{--pet-glow:#e88624;margin:0;display:grid;grid-template-rows:210px auto;justify-items:center;align-items:end;position:relative;isolation:isolate}.pet-frost{--pet-glow:#70d8ff}.pet-void{--pet-glow:#b45af3}.pet-verdant{--pet-glow:#9cdd72}
.pet-card::before{content:"";position:absolute;z-index:-1;inset:15% 4% 12%;background:radial-gradient(ellipse,color-mix(in srgb,var(--pet-glow) 23%,transparent),transparent 70%)}
.pet-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #0008)}.pet-card figcaption{margin-top:18px;color:#e4e4d6;font:600 15px/1.3 Outfit,sans-serif;text-align:center;padding-bottom:8px}
@media(max-width:700px){.pet-showcase{margin:0 16px 35px;padding:28px 14px 20px;border-radius:12px}.pet-heading p:last-child{font-size:13px}.pet-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.pet-card{grid-template-rows:140px auto}.pet-card figcaption{font-size:13px;margin-top:12px}}
