/* Balanced header: centred maker's mark, clear navigation and matching controls. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:18px;row-gap:13px;padding-top:20px;padding-bottom:20px}.edition{grid-column:2;justify-self:center;text-align:center;font-size:9px;letter-spacing:1.1px;font-weight:600;color:#d7c6e3;white-space:nowrap}.back{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;border-radius:10px;border:1px solid #d7c5e437;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff07;color:#eee2f4;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:-.1px;transition:background .2s,border-color .2s}.back svg{width:17px;height:17px;flex-shrink:0;opacity:.8}.back:hover{background:#ffffff0c;border-color:#d7c5e461}.header-tools{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:7px}.header-tools .icon{display:inline-flex;align-items:center;justify-content:center;width:39px;min-width:39px;height:40px;padding:0;border:1px solid #d7c5e437;border-radius:10px;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff07;color:#e2d0ef;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.header-tools .icon:hover{background:#ffffff0c;border-color:#d7c5e461}.header-tools .icon svg{width:17px;height:17px}.header-tools .icon[aria-pressed=false]{color:#a993ba;background:#ffffff02}header a:focus-visible,header button:focus-visible{outline-color:#d9b7f5}
@media(max-width:650px){header{grid-template-columns:1fr 1fr;gap:12px;padding:17px 18px 15px}.edition{grid-column:1/-1;grid-row:1;justify-self:center;font-size:9px;letter-spacing:1px;line-height:1.5}.back{grid-column:1;grid-row:2;min-height:42px;gap:5px;padding:9px 11px;font-size:11px;border-radius:10px}.back svg{width:16px;height:16px}.header-tools{grid-column:2;grid-row:2;gap:7px}.header-tools .icon{width:42px;min-width:42px;height:42px;border-radius:10px}.header-tools .icon svg{width:17px;height:17px}.hero{padding-top:25px}}
@media(max-width:360px){header{padding-inline:14px}.edition{font-size:8px;letter-spacing:.8px}.back{font-size:10px}.header-tools .icon{width:40px;min-width:40px}.hero{padding-top:23px}}

/* Keep the final category label truly centred, independent of its icon and arrow. */
.category[data-cat="culture"],.category[data-bonus-cat="culture"]{position:relative;justify-content:center;text-align:center;padding-inline:49px}
.category[data-cat="culture"]>svg,.category[data-bonus-cat="culture"]>svg{position:absolute;left:14px}
.category[data-cat="culture"]>span,.category[data-bonus-cat="culture"]>span{position:absolute;right:14px;margin-left:0!important}
/* Keep the shared account dialog in the Daily Pack palette. */
.dd-dialog{background:#241b31!important;border-color:#715889!important;color:#f7eeff!important}.dd-dialog .dd-main{background:#d1b5ee;color:#32213e}.dd-dialog .dd-text,.dd-dialog a{color:#d9bafa}.collector-board .btn{margin:5px 5px 5px 0}.collector-board p{line-height:1.6}.collector-board td,.collector-board th{font-size:12px}.collector-board summary{padding:8px 0}
.scrapbook-save{margin:18px auto 24px;padding:18px 22px;max-width:680px;text-align:center;border:1px solid #bda2d04d;border-radius:16px;background:#bda2d00b}.scrapbook-save p{font-size:13px;line-height:1.6;margin:0 0 12px}.scrapbook-save .btn{margin:4px;font-size:12px}.scrapbook-save[hidden]{display:none}
.gold-discoveries{margin:30px 0;padding:24px;border:1px solid #c89d4f66;border-radius:18px;background:linear-gradient(120deg,#c89d4f0e,#d6b87705)}.gold-discoveries-heading{display:flex;align-items:center;justify-content:center;gap:10px}.gold-discoveries-heading>span{color:#c89d4f;font-size:26px}.gold-discoveries h2{font-size:24px;margin:0}.gold-discoveries-description,.gold-discoveries-note{text-align:center;font-size:12px;line-height:1.6}.gold-discoveries-note{font-size:10px;opacity:.7;margin:16px 0 0}.gold-discoveries-list{display:flex;gap:12px;overflow-x:auto;padding:12px 0}.gold-discoveries-list>p{width:100%;text-align:center;font-size:13px;opacity:.8}.gold-discoverer{flex:0 0 160px;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #c89d4f40;border-radius:12px;background:#c89d4f09}.first-discoverer{border-color:#c89d4f99;background:linear-gradient(135deg,#e5c06a22,#c89d4f0b)}.gold-discoverer small{font-size:8px;letter-spacing:1px;color:#b28a3c}.gold-discoverer strong{font-size:16px;overflow-wrap:anywhere}.gold-discoverer time{font-size:10px;opacity:.65}@media(max-width:650px){.gold-discoveries{padding:18px 14px}.gold-discoveries h2{font-size:21px}}
/* Warm ivory gives the Gold honor roll clear contrast against the plum page. */
.gold-discoveries{background:linear-gradient(125deg,#fff9e9,#f5e9c9);border-color:#d5b772;color:#493720;box-shadow:0 8px 24px #10071a26}.gold-discoveries h2{color:#493720}.gold-discoveries-heading>span{color:#986a1c}.gold-discoveries-description{color:#665032}.gold-discoveries-note{color:#725c3b;opacity:1;font-size:11px}.gold-discoveries-list>p{color:#665032;opacity:1}.gold-discoverer{background:#fffcf4;border-color:#d8c49a;color:#493720}.first-discoverer{background:linear-gradient(135deg,#ffe9a6,#fff4d5);border-color:#b78b35;box-shadow:inset 0 1px 0 #fff9}.gold-discoverer small{font-size:9px;color:#78551e}.gold-discoverer strong{color:#493720}.gold-discoverer time{color:#725c3b;opacity:1;font-size:11px}
.collector-trophy{width:24px;height:24px;display:inline-block;vertical-align:middle;margin:0 9px 3px 2px;color:#956b31;flex-shrink:0}.collector-board summary span{vertical-align:middle}
.collector-board summary{display:flex;align-items:center;gap:0;list-style:none;-webkit-tap-highlight-color:transparent}.collector-board summary::-webkit-details-marker{display:none}.collector-board summary::marker{content:''}.collector-board summary .collector-chevron{width:20px;height:20px;margin-left:auto;color:#79618c;flex-shrink:0;transition:transform .25s ease}.collector-board details[open]>summary .collector-chevron{transform:rotate(180deg)}.collector-board summary:focus-visible{outline:2px solid #9670b3;outline-offset:5px;border-radius:6px}@media(prefers-reduced-motion:reduce){.collector-chevron{transition:none!important}}
/* Compact masthead and title keep the daily game closer to the fold. */
header{padding-top:9px;padding-bottom:9px;row-gap:3px;border-bottom-color:#d5b6ed1c}.back{background:transparent;box-shadow:none;border-color:#d7c5e425}.header-tools{gap:5px}.header-tools .icon{background:#ffffff04;box-shadow:none}.edition{font-size:8px;letter-spacing:1.3px;color:#cbb8da}.hero{padding-top:22px;padding-bottom:19px}.hero .eyebrow{padding:6px 11px;font-size:8px;letter-spacing:1.4px;background:#ffffff04;border-color:#d7bbdf26;box-shadow:none}.hero h1{font-size:clamp(44px,5.5vw,66px);letter-spacing:-2.8px;line-height:1.08;margin:12px 0 9px}.hero p{font-size:13px;margin:9px 0 0;line-height:1.5}.hero .date{margin-top:13px;font-size:9px;letter-spacing:1px}.tabs{margin-bottom:16px}
@media(max-width:650px){header{padding:8px 18px 7px;row-gap:3px;column-gap:8px}.edition{font-size:7px;line-height:1.4;letter-spacing:1.1px}.back{min-height:40px;padding:7px 10px;font-size:10px}.header-tools .icon{width:40px;min-width:40px;height:40px}.hero{padding:17px 0}.hero .eyebrow{font-size:7px;letter-spacing:1px;padding:5px 9px}.hero h1{font-size:clamp(40px,10.5vw,56px);letter-spacing:-2px;margin:11px 0 8px}.hero p{font-size:11px;margin-top:7px}.hero .date{margin-top:11px;font-size:8px;letter-spacing:.7px}.tabs{margin-bottom:14px}}
@media(max-width:360px){header{padding-inline:14px}.hero{padding-top:14px}.hero h1{font-size:39px}}
/* Smaller, matching header controls. */
header .back{min-height:34px;padding:6px 10px;font-size:10px;gap:5px;border-radius:8px}header .back svg{width:14px;height:14px}.header-tools .icon{width:34px;min-width:34px;height:34px;border-radius:8px;font-size:13px}.header-tools .icon svg{width:15px;height:15px}.header-tools{gap:5px}
@media(max-width:650px){header .back{min-height:36px;padding:6px 9px;font-size:10px}.header-tools .icon{width:36px;min-width:36px;height:36px}.header-tools .icon svg{width:15px;height:15px}}
/* Centre the maker's mark against the full header, independently of the controls. */
header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}header .edition{grid-column:1/-1;grid-row:1;justify-self:center;align-self:center;text-align:center;margin:0;width:max-content;max-width:100%}header .header-tools{grid-column:2;grid-row:1}header .back{grid-column:1;grid-row:1}
@media(max-width:650px){header .edition{grid-column:1/-1;grid-row:1;justify-self:center;width:100%;text-align:center}header .back,header .header-tools{grid-row:2}}
/* Maker's mark shares one centred row with navigation and controls on every screen. */
header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}header .edition{grid-column:2;grid-row:1;width:auto;max-width:none;align-self:center;justify-self:center}header .back{grid-column:1;grid-row:1}header .header-tools{grid-column:3;grid-row:1}
@media(max-width:650px){header{padding:10px 14px;column-gap:7px}header .edition{font-size:7px;letter-spacing:.35px;white-space:normal;width:112px;line-height:1.55;text-wrap:balance}header .back{font-size:9px;padding-inline:7px;gap:3px}header .header-tools{gap:4px}.header-tools .icon{width:32px;min-width:32px;height:34px}}
@media(max-width:380px){header .back span{display:none}header .back{width:34px;justify-content:center;padding:6px}header .edition{width:120px}}
/* A stronger masthead makes the game name the focal point. */
.hero h1{font-size:clamp(64px,8vw,88px);font-weight:800;line-height:1;letter-spacing:-3.5px;margin:12px 0 14px;color:#fff9ff;text-shadow:0 3px 20px #10081f55}.hero h1 em{font-weight:800}.hero p{margin-top:12px}
@media(max-width:650px){.hero{padding-top:19px;padding-bottom:18px}.hero h1{font-size:clamp(52px,14vw,68px);letter-spacing:-2.6px;line-height:.98;margin:8px 0 15px}.hero h1 em{display:block;margin-top:3px}.hero p{margin-top:10px;font-size:11px}}
/* A liquid foil sheen and a small rocking float animate the title without moving the layout. */
.hero h1 em{background-image:linear-gradient(110deg,transparent 34%,#efffff66 43%,#ffffff 48%,#f6e6ff99 51%,transparent 59%),linear-gradient(110deg,#ab84df 0%,#88d5df 18%,#e0c6ff 35%,#d5a3d6 50%,#9aabe8 67%,#87d0cb 82%,#ab84df 100%);background-size:260% 100%,220% 100%;transform-origin:50% 65%;animation:pack-foil-flow 5.5s linear infinite,pack-lively-float 3.4s cubic-bezier(.45,0,.55,1) infinite,pack-soft-glow 6.8s ease-in-out infinite;will-change:transform}
@keyframes pack-foil-flow{from{background-position:170% 50%,0% 50%}to{background-position:-170% 50%,100% 50%}}
@keyframes pack-lively-float{0%,100%{transform:translate3d(0,2px,0) rotate(-.7deg)}50%{transform:translate3d(0,-3px,0) rotate(.7deg)}}
@keyframes pack-soft-glow{0%,100%{filter:drop-shadow(0 0 3px #c6a1ef18)}50%{filter:drop-shadow(0 0 9px #b6c8f044)}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none!important;transform:none;filter:none;background-position:35% 50%,40% 50%}}
.perfect-pack{width:100%;margin-top:24px;padding:22px 16px 10px;border-top:1px solid #cdb6df}.perfect-pack>.eyebrow{color:#8a642a;font-size:9px;letter-spacing:1.4px}.perfect-pack h3{font-family:'Bricolage Grotesque',sans-serif;font-size:25px;line-height:1.2;color:#56386e;margin:10px 0}.perfect-pack .pulls{margin-top:18px}.perfect-pack>.btn{background:linear-gradient(120deg,#775095,#a270b8)}@media(max-width:650px){.perfect-pack{padding:19px 0 5px}.perfect-pack h3{font-size:23px}}
.daily-complete{padding:35px 24px}.daily-complete h2{max-width:480px;margin:14px auto 20px;font-size:32px;color:#503368}.next-crack-label{font-size:13px;color:#79618c;margin:0 0 9px}.next-crack-timer{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(38px,7vw,54px);line-height:1.15;color:#6f4891;letter-spacing:1px;margin:0 0 20px}.daily-complete-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.daily-complete-actions .btn{margin:0}.daily-findings{margin-top:25px;padding-top:16px;border-top:1px solid #d6c2e5}.daily-findings summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:center;gap:10px;color:#77558e}.daily-findings summary::-webkit-details-marker{display:none}.daily-findings .pulls{margin-top:18px}@media(max-width:650px){.daily-complete{padding:28px 16px}.daily-complete h2{font-size:28px;max-width:290px}.daily-complete-actions .btn{font-size:10px;padding:11px 13px}}
.scrapbook-milestones{background:linear-gradient(125deg,#fffaf1,#f4eafc);color:#50376a;border:1px solid #dfccea;border-radius:16px;padding:22px;margin:18px 0}.milestone-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.milestone-top .eyebrow{font-size:8px;color:#90719e;letter-spacing:1.4px}.milestone-top h3{font-family:'Bricolage Grotesque',sans-serif;font-size:25px;letter-spacing:-.5px;margin:5px 0 12px}.milestone-count{font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:700;white-space:nowrap}.milestone-count small{font:10px 'Plus Jakarta Sans',sans-serif;color:#81688f}.milestone-progress-label{display:block;font-size:11px;line-height:1.6;color:#765d88;margin-bottom:10px}.scrapbook-milestones progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#e4d5ec}.scrapbook-milestones progress::-webkit-progress-bar{background:#e4d5ec}.scrapbook-milestones progress::-webkit-progress-value{background:linear-gradient(90deg,#a87ac5,#b58b45);border-radius:10px}.scrapbook-milestones progress::-moz-progress-bar{background:linear-gradient(90deg,#a87ac5,#b58b45)}.milestone-stamps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.milestone-stamp{border:1px dashed #c9b8d2;border-radius:12px;padding:15px 8px;text-align:center;color:#8b7897;display:flex;align-items:center;flex-direction:column;gap:7px}.milestone-stamp svg{width:29px;height:29px}.milestone-stamp b{font-size:11px;line-height:1.4}.milestone-stamp span{font-size:9px}.milestone-stamp small{font-size:8px}.milestone-stamp.earned{border:1px solid #d1b271;background:linear-gradient(140deg,#fff4d7,#f6e8c7);color:#785521;box-shadow:inset 0 1px 0 #fff}.milestone-stamp.earned small{font-weight:700}.milestone-note{font-size:9px;line-height:1.6;color:#81688f;margin:14px 0 0}@media(max-width:650px){.scrapbook-milestones{padding:17px}.milestone-top h3{font-size:21px}.milestone-top{gap:8px}.milestone-count{font-size:27px}.milestone-count small{display:block;font-size:8px}.milestone-stamps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.milestone-stamp{padding:12px 8px}.milestone-top .eyebrow{font-size:7px;letter-spacing:1px}}
/* Five equal category tiles: the final tile is centred on its own row. */
.categories{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}.categories>.category{grid-column:span 2;min-width:0}.categories>.category[data-cat="culture"],.categories>.category[data-bonus-cat="culture"]{grid-column:2/span 2;padding-inline:12px;justify-content:flex-start;text-align:left}.categories>.category[data-cat="culture"]>svg,.categories>.category[data-bonus-cat="culture"]>svg{position:static}.categories>.category[data-cat="culture"]>span,.categories>.category[data-bonus-cat="culture"]>span{position:static;margin-left:auto!important}@media(max-width:650px){.categories>.category[data-cat="culture"],.categories>.category[data-bonus-cat="culture"]{padding-inline:10px}}
/* Account backup messages sit directly on the dark page background. */
.scrapbook-save{background:#30223f;color:#f5edff;border-color:#9e83b5}.scrapbook-save p{color:#f5edff}.scrapbook-save .btn.secondary{color:#f5edff;background:#ffffff0d;border-color:#bda2d080}.scrapbook-save .btn.secondary:hover{background:#ffffff1c}.scrapbook-save .btn:disabled{opacity:.75}

.scrapbook-save{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:72px}.scrapbook-save p{flex-basis:100%;font-size:15px;text-align:center;margin:0;line-height:1.6}.scrapbook-save .btn{margin-top:12px}