body.collections-active{display:block;background:#153858 url('assets/skin-v15-desktop.webp') center top/cover fixed}
.collections-active #game,.intro-active #collections{display:none!important}
#collections{width:min(1080px,100%);margin:auto;padding:18px 32px 24px;min-height:100svh;font-family:ui-rounded,'Trebuchet MS',sans-serif;text-align:center;isolation:isolate}
#collections::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#103e6255,#0a294377)}
.collection-header{display:flex;align-items:center;justify-content:center;position:relative;height:115px}
.collection-header>img{width:225px;max-height:115px;object-fit:contain;filter:drop-shadow(0 3px 5px #0a3055)}
.collection-parent{position:absolute;right:0;top:25px;padding:11px 17px;min-height:44px;border:1px solid #f6d68e;background:#10385fe8;border-radius:30px;font-size:14px;font-weight:bold}
.collection-heading{color:#fff5d4;text-shadow:0 2px 5px #173653;padding:5px 0 20px}.collection-heading>span{font-size:12px;font-weight:bold;letter-spacing:3px}.collection-heading h1{font:700 clamp(27px,3vw,38px) Georgia,serif;margin:8px 0}.collection-heading p{margin:0;font-size:15px}
.collection-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;text-align:left}
.collection-book{padding:0;border:3px solid #e7c575;border-radius:24px;background:#fff8e6;color:#133e59;overflow:hidden;text-align:left;box-shadow:0 12px 30px #041f4a66;transition:transform .15s,box-shadow .15s;min-width:0;display:flex;flex-direction:column}
.collection-book:hover{transform:translateY(-4px);box-shadow:0 16px 34px #041f4a88}.collection-book:active{transform:translateY(0)}
.collection-cover{display:block;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#a4dcdf}.dino-cover{width:100%;height:100%;object-fit:cover;display:block}
.free-cover{background:url('assets/citadela-approved.webp') center/cover}.free-cover::after{content:'';position:absolute;inset:0;box-shadow:inset 0 -25px 28px #eaf5edaa;pointer-events:none}
.free-friend{position:absolute;width:37%;aspect-ratio:1;object-fit:contain;border-radius:50%;border:3px solid #f5db92;box-shadow:0 5px 12px #153d6470;background:#fff9e7;bottom:15%;z-index:1}.friend-ember{left:4%;transform:rotate(-9deg)}.friend-sprout{right:4%;transform:rotate(9deg)}.friend-splash{left:31.5%;bottom:8%;z-index:2}
.collection-tag{position:absolute;top:15px;left:15px;z-index:3;padding:8px 13px;border:1px solid #c4f4df;border-radius:30px;background:#125b56f0;color:#fff9df;font-size:12px;font-weight:800;letter-spacing:.6px;display:flex;gap:6px;align-items:center}.locked-tag{background:#183744ed;border-color:#f3d899}.collection-tag svg,.locked-action svg,.dino-lock svg{width:18px;height:18px;flex-shrink:0}
.collection-copy{display:flex;flex-direction:column;gap:7px;padding:20px 24px 22px;flex:1}.collection-copy>strong{font:700 29px Georgia,serif;color:#123f60}.collection-copy>span:not(.collection-action){font-size:16px}.collection-copy>small{font-size:13px;color:#54717d}
.collection-action{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #68d9e7;border-radius:14px;padding:13px;min-height:49px;margin-top:12px;background:linear-gradient(#087b9b,#085175);color:#fff7dd;font-size:17px;font-weight:700}.collection-action b{font-size:25px;line-height:20px}.locked-action{background:#e6ddc4;color:#536570;border-color:#cabd9b}
.collection-replay{margin:22px 0 0;background:#123b60dd;border:1px solid #bacecc;border-radius:22px;padding:10px 19px;min-height:44px;font-size:13px}
#dino-preview{padding:0;width:min(560px,calc(100vw - 28px));max-height:90dvh;border:3px solid #e7c575;border-radius:23px;background:#fff8e6;color:#153d53;font-family:ui-rounded,'Trebuchet MS',sans-serif;overflow:auto}#dino-preview::backdrop{background:#082442bd;backdrop-filter:blur(5px)}#dino-preview>img{width:100%;display:block}.dino-close{position:absolute;right:10px;top:10px;background:#0d3154ed;color:white;border:1px solid #f7d996;border-radius:50%;width:44px;height:44px;font-size:28px}.dino-preview-copy{padding:22px;text-align:center}.dino-lock{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:bold;color:#607078}.dino-preview-copy h2{font:700 30px Georgia,serif;margin:12px 0}.dino-preview-copy p{line-height:1.5}.dino-note{font-size:14px;color:#58727d}.dino-go-free{background:#086880;color:white;border:1px solid #b6e3da;border-radius:13px;padding:13px 18px;min-height:48px;font-size:16px;font-weight:bold}
#game .back-collections{position:absolute;left:0;top:31px;min-height:44px;border:1px solid #e5c37b;border-radius:25px;background:#103b60ec;padding:8px 15px;font:700 14px 'Trebuchet MS',sans-serif;color:#fff1c8}
@media(max-width:900px){#game .back-collections{top:18px}}
@media(max-width:550px){#collections{padding:10px 16px 20px}.collection-header{height:90px;justify-content:flex-start}.collection-header>img{width:164px;height:85px}.collection-parent{font-size:12px;top:23px;padding:10px 12px}.collection-heading{padding:4px 0 17px}.collection-heading h1{font-size:27px}.collection-heading p{font-size:13px}.collection-books{grid-template-columns:1fr;gap:20px}.collection-cover{aspect-ratio:1.9}.collection-copy{padding:16px 18px}.collection-copy>strong{font-size:26px}.collection-copy>span:not(.collection-action){font-size:14px}.collection-action{font-size:16px;margin-top:6px}.collection-tag{top:10px;left:10px}.free-friend{width:32%;bottom:10%}.friend-ember{left:9%}.friend-sprout{right:9%}.friend-splash{left:34%;bottom:4%}#game .back-collections{display:none}}
@media(prefers-reduced-motion:reduce){.collection-book{transition:none}}
.collection-parent,.collection-replay{color:#fff4d3}
.collection-heading{color:#123e59;text-shadow:0 1px 3px #ffffffed}
.collection-heading>span{color:#fff6db;text-shadow:0 1px 4px #07375e}