*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:600 15px/1.5 "Nunito Sans",sans-serif}img{display:block;max-width:100%}h1,h2,h3{font-family:"Lilita One";font-weight:400;margin:0}.site-header{height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;background:var(--night);color:var(--cream)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:154px}.brand span{font:25px "Lilita One";color:var(--mango);padding-left:13px;border-left:1px solid rgba(255,241,210,.35)}.back{margin-left:auto;color:var(--cream);font-weight:900;text-underline-offset:4px}.adventure-hero{background:var(--night);color:var(--cream);padding:65px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:40px;align-items:end}.adventure-hero>div{width:100%}.adventure-hero h1{font-size:clamp(48px,6vw,74px);line-height:.95;color:var(--mango);max-width:none;text-wrap:balance}.adventure-hero p{font-size:18px;max-width:650px;margin:17px 0 0;color:rgba(255,241,210,.78)}.print-guide{flex:0 0 270px;border:1px solid rgba(255,241,210,.2);border-radius:18px;padding:18px;background:rgba(255,241,210,.06)}.print-guide strong,.print-guide span{display:block}.print-guide strong{font:23px "Lilita One"}.print-guide span{font-size:12px;margin-top:5px;color:rgba(255,241,210,.7)}.continent-shelf{display:flex;gap:15px;overflow-x:auto;padding:30px max(24px,calc((100vw - 1180px)/2));background:var(--mango);scroll-snap-type:x mandatory}.continent-button{position:relative;flex:0 0 145px;border:0;background:transparent;padding:0;cursor:pointer;scroll-snap-align:start;color:var(--ink)}.continent-button img{width:100%;aspect-ratio:1054/1492;object-fit:cover;border:2px solid var(--ink);border-radius:12px;box-shadow:0 5px 0 var(--ink)}.continent-button span{display:block;font:18px "Lilita One";margin-top:11px}.continent-button.active img{outline:5px solid var(--orange);outline-offset:3px}.library{max-width:1180px;margin:0 auto;padding:65px 24px 90px}.library-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.library-head h2{font-size:48px;line-height:1}.library-head p{margin:8px 0 0;color:#677175}.category-tabs{display:flex;gap:7px}.category-tabs button,.selection-bar button{border:0;border-radius:99px;padding:9px 14px;font:900 11px "Nunito Sans";cursor:pointer}.category-tabs button{background:#e4d8c1}.category-tabs button.active{background:var(--teal);color:white}.selection-bar{display:flex;align-items:center;gap:12px;background:var(--white);border:2px solid var(--ink);border-radius:16px;padding:12px 14px;margin:28px 0 25px;box-shadow:0 5px 0 var(--ink)}.selection-bar span{margin-right:auto}.selection-bar strong{font:22px "Lilita One"}.selection-bar button{background:#e4d8c1}.selection-bar .print-selected{background:var(--orange);color:white}.selection-bar .print-selected:disabled{opacity:.4;cursor:not-allowed}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.page-card{background:var(--white);border:2px solid var(--ink);border-radius:17px;overflow:hidden;box-shadow:0 6px 0 var(--ink)}.page-thumb{position:relative;background:white}.page-thumb img{width:100%;aspect-ratio:1054/1492;object-fit:cover}.select-page{position:absolute;top:10px;right:10px;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:white;font-weight:900;cursor:pointer}.page-card.selected .select-page{background:var(--teal);color:white}.page-copy{padding:15px}.page-copy small{font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--teal)}.page-copy h3{font-size:20px;margin:4px 0 12px}.page-actions{display:flex;gap:6px}.page-actions button,.page-actions a{flex:1;border:0;border-radius:9px;padding:8px;text-align:center;text-decoration:none;font:900 10px "Nunito Sans";cursor:pointer;background:#e9deca;color:var(--ink)}.page-actions .view{background:var(--night);color:var(--cream)}.preview-dialog{width:96vw;height:92vh;padding:0;border:0;border-radius:16px;background:var(--night);color:var(--cream);overflow:hidden}.preview-dialog::backdrop{background:rgba(2,11,23,.82);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;font-size:27px;background:var(--orange);color:white;cursor:pointer}.dialog-image{height:calc(100% - 88px);display:grid;place-items:center;padding:20px}.dialog-image img{max-width:100%;max-height:100%;min-width:0;min-height:0;width:auto;height:auto;object-fit:contain;background:white}.dialog-actions{height:88px;display:flex;align-items:center;gap:12px;padding:14px 24px;background:#020b17}.dialog-actions h2{margin-right:auto}.dialog-actions a,.dialog-actions button{border:0;border-radius:11px;padding:11px 15px;background:var(--teal);color:white;text-decoration:none;font-weight:900;cursor:pointer}.dialog-actions button{background:var(--orange)}.print-pages{display:none}footer{text-align:center;padding:38px;background:#020b17;color:rgba(255,241,210,.65);font-size:12px}@media(max-width:900px){.page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.site-header{height:64px;padding:0 18px}.brand img{width:124px}.brand span{font-size:20px}.back{font-size:11px}.adventure-hero{display:block;padding:45px 20px}.print-guide{margin-top:25px}.continent-shelf{padding-inline:20px}.continent-button{flex-basis:120px}.library{padding:48px 16px}.library-head{display:block}.category-tabs{margin-top:22px;overflow-x:auto}.selection-bar{flex-wrap:wrap}.selection-bar span{width:100%}.page-grid{grid-template-columns:repeat(2,1fr);gap:13px}.page-copy{padding:11px}.page-copy h3{font-size:17px}.page-actions{display:grid}.dialog-actions h2{display:none}.dialog-actions{justify-content:center;padding-inline:10px}}@media print{@page{size:A4 portrait;margin:0}body>*{display:none!important}.print-pages{display:block!important}.print-sheet{display:block;width:210mm;height:297mm;page-break-after:always}.print-sheet:last-child{page-break-after:auto}.print-sheet img{width:210mm;height:297mm;object-fit:contain}}

/* The continent picker now sits BELOW the page grid rather than above it, so
   you land straight on the continent you chose and the shelf reads as "fancy
   somewhere else?" at the end. It is a full-bleed mango band, so without a
   deeper bottom pad it butts hard into the navy footer. */
.library + .cover-shelf-wrap .continent-shelf{padding-top:38px;padding-bottom:64px;margin-top:0}
.library{padding-bottom:40px}
@media(max-width:650px){
  .library + .cover-shelf-wrap .continent-shelf{padding-top:30px;padding-bottom:48px}
}
