/* Collection entry: a quiet stage for the two illustrated books. */
body.collections-active{background:#092c45 url('assets/citadela-approved.webp') center/cover fixed}
#collections{box-sizing:border-box;width:min(1160px,100%);padding:18px 28px 24px;min-height:100dvh;margin:auto}
#collections::before{background:linear-gradient(180deg,#07264155 0%,#072b48c9 45%,#041d35ed 100%);backdrop-filter:blur(3px)}
#collections .collection-header{height:104px;justify-content:center;margin-bottom:6px}
#collections .collection-header>img{height:104px;max-height:104px;width:230px;filter:drop-shadow(0 6px 12px #001322)}
#collections .collection-parent{top:22px;right:0;min-height:48px;font:700 15px Georgia,serif;padding:12px 24px}
#collections .collection-heading{padding:0 0 12px;color:#fff6df;text-shadow:0 2px 8px #021c32}
#collections .collection-heading>span{font:700 10px/1.4 system-ui;letter-spacing:3px;color:#f3d28c}
#collections .collection-heading h1{font:700 clamp(28px,3vw,40px)/1.12 Georgia,serif;letter-spacing:-.5px;margin:8px 0 10px;color:#fff8e7}
#collections .collection-heading p{font:400 15px/1.4 system-ui;color:#e1eaf0;max-width:540px;margin:auto}
#collections .profile-switch{display:inline-flex;margin:0 auto 20px;min-height:44px;padding:5px 18px 5px 7px;border:1px solid #e1bd70;border-radius:28px;background:linear-gradient(#fffbea,#eed698);box-shadow:0 3px 10px #00172866;color:#614316;font-size:14px;gap:9px}
#collections .profile-switch .portrait-medallion{width:34px;min-width:34px;height:34px;aspect-ratio:1;border:1px solid #b08b40;box-shadow:none}
#collections .profile-switch small{font-size:12px;color:#765831}
#collections .collection-books{gap:24px;align-items:stretch}
#collections .collection-book{border:2px solid #dcba70;border-radius:24px;background:#fff8e9;box-shadow:0 12px 35px #00182a66;transition:transform .16s,box-shadow .16s}
#collections .collection-book:hover{transform:translateY(-3px);box-shadow:0 18px 36px #00132399}
#collections .collection-cover{aspect-ratio:16/9;width:100%;height:auto;min-height:0}
#collections .free-scene{object-position:center 62%}
#collections .dino-cover{object-position:center 60%}
#collections .collection-tag{top:14px;left:14px;font:700 11px/1.2 system-ui;letter-spacing:1px;padding:9px 12px;background:#125b54ed;backdrop-filter:blur(6px)}
#collections .locked-tag{background:#19394ce8}
#collections .collection-copy{padding:19px 24px 20px;gap:6px;background:linear-gradient(130deg,#fffdf5,#f7ebcc)}
#collections .collection-copy>strong{font:700 29px/1.12 Georgia,serif;color:#113e5b;letter-spacing:.3px}
#collections .collection-copy>span:not(.collection-action){font:400 15px/1.4 system-ui;color:#294f63}
#collections .collection-copy>small{font:400 12px/1.4 system-ui;color:#536c75}
#collections .collection-action{margin-top:12px;min-height:54px;padding:12px 28px;mix-blend-mode:normal;font:700 17px Georgia,serif;box-shadow:0 3px 6px #60491925}
#collections .locked-action{color:#745c37;font-size:16px}
#collections .collection-replay{margin-top:18px;padding:10px 22px;min-height:44px;font-size:13px;box-shadow:none}
#collections #recovery-note{box-sizing:border-box;max-width:720px!important;margin:0 auto 18px!important;font-size:13px!important;background:#fff6df!important}
@media(max-width:600px){
 #collections{padding:10px 16px 20px}
 #collections .collection-header{height:76px;justify-content:flex-start;margin:0 0 8px}
 #collections .collection-header>img{width:155px;height:76px;max-height:76px}
 #collections .collection-parent{top:16px;font-size:12px;padding:10px 16px;min-height:44px}
 #collections .collection-heading h1{font-size:28px;margin:7px 0 8px}
 #collections .collection-heading p{font-size:13px;max-width:280px}
 #collections .collection-heading>span{font-size:9px;letter-spacing:2px}
 #collections .profile-switch{margin:0 auto 16px;font-size:13px}
 #collections .collection-books{grid-template-columns:1fr;gap:18px}
 #collections .collection-book{border-radius:20px}
 #collections .collection-copy{padding:16px 18px 18px}
 #collections .collection-copy>strong{font-size:26px}
 #collections .collection-copy>span:not(.collection-action){font-size:14px}
 #collections .collection-action{min-height:52px;font-size:16px;margin-top:8px}
 #collections .collection-cover{aspect-ratio:16/10}
 #collections .collection-tag{top:10px;left:10px;font-size:10px;padding:8px 11px}
}
@media(min-width:601px) and (max-height:820px){#collections{width:min(980px,100%);padding-top:10px}#collections .collection-header{height:76px}#collections .collection-header>img{height:76px}#collections .collection-heading h1{font-size:32px}#collections .profile-switch{margin-bottom:14px}#collections .collection-copy{padding:14px 20px}#collections .collection-copy>strong{font-size:25px}#collections .collection-action{min-height:48px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){#collections .collection-book{transition:none}}
/* Approved lighter parchment treatment; artwork keeps its original saturation. */
body.collections-active{background-color:#eef0dc}
#collections{background:linear-gradient(145deg,#fffdf4f7,#fcf1dafa);border:1px solid #d4b56b;border-radius:30px;margin:20px auto;min-height:calc(100dvh - 40px);box-shadow:0 18px 65px #103f5950,inset 0 0 0 5px #fffdf280}
#collections::before{display:none}
#collections .collection-heading,#collections .collection-heading h1{color:#133f5c;text-shadow:none}
#collections .collection-heading>span{color:#947032;text-shadow:none}
#collections .collection-heading p{color:#4b6a7a}
#collections .collection-book{box-shadow:0 5px 16px #79602c25}
#collections .collection-book:hover{box-shadow:0 9px 24px #79602c38}
#collections .profile-switch{box-shadow:0 2px 5px #79602c25}
@media(max-width:600px){#collections{margin:0;min-height:100dvh;border-radius:0;border:0;box-shadow:none}}
#collections .collection-book:focus-visible{outline:3px solid #af8234;outline-offset:4px}