/* Launch additions: Amazon buy links, out-now burst and the activity-pack sign-up. */
a.top-note{display:block;text-decoration:none;font-weight:600}a.top-note b{background:#ffe133;color:#092755;border-radius:5px;padding:2px 8px;margin-right:9px;font-family:Bangers;font-weight:400;font-size:14px;letter-spacing:1px}a.top-note span{color:#ffe133;margin-left:8px;display:inline-block;transition:transform .2s}a.top-note:hover span{transform:translateX(4px)}
.header .button.buy-nav{background:#075ec8;color:#fff}
.hero .buy-button span{transition:transform .2s}.hero .buy-button:hover span{transform:translate(2px,-2px)}

.out-now-burst{position:absolute;right:-26px;bottom:34px;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#ffe133;z-index:3;transform:rotate(12deg);filter:drop-shadow(4px 5px 0 #092755);animation:burst-wiggle 3.2s ease-in-out infinite}
.out-now-burst:before,.out-now-burst:after{content:'';position:absolute;inset:0;clip-path:polygon(50% 0,59% 14%,75% 7%,77% 24%,93% 25%,86% 41%,100% 50%,86% 59%,93% 75%,77% 76%,75% 93%,59% 86%,50% 100%,41% 86%,25% 93%,23% 76%,7% 75%,14% 59%,0 50%,14% 41%,7% 25%,23% 24%,25% 7%,41% 14%);background:#092755;z-index:-1}
.out-now-burst:after{inset:5px;background:#ee492b}
.out-now-burst span{font-family:Bangers;font-size:21px;letter-spacing:1.5px;line-height:1;color:#fff}.out-now-burst strong{font-family:Bangers;font-weight:400;font-size:37px;letter-spacing:1px;line-height:.95}
.out-now-burst:hover{animation-play-state:paused;transform:rotate(4deg) scale(1.06)}
@keyframes burst-wiggle{0%,100%{transform:rotate(12deg)}50%{transform:rotate(5deg) scale(1.04)}}

.buy-box{display:flex;align-items:center;gap:24px;background:#fff9e6;color:#092755;border:3px solid #092755;border-radius:18px;box-shadow:7px 8px 0 #073b90;padding:18px 22px;margin-top:26px;max-width:480px;transform:rotate(-1deg)}
.buy-price{display:flex;flex-direction:column;line-height:1.1;padding-right:22px;border-right:2px dashed #b9c9d8}
.buy-label{font-size:11px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;color:#ee492b}
.buy-price strong{font-family:Bangers;font-weight:400;font-size:54px;letter-spacing:1px;line-height:1;margin:2px 0 4px}
.buy-meta{font-size:11px;color:#334967;font-weight:600}
.buy-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.book-copy .buy-box .button{background:#075ec8;color:#fff;margin:0}
.buy-box .text-button{font-size:13px}
.book-copy>p.release-note{font-size:13px;margin-top:20px}.release-note a{color:#ffe133;font-weight:800;text-underline-offset:3px}
.faqs details p a,.reader-note a{color:#075ec8;font-weight:800;text-underline-offset:3px}
.last-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.last-call .last-actions .button{margin:0}.last-call .last-actions .button.yellow{background:#fffdf1;color:#092755}

/* Sign-up dialog */
dialog.signup{width:min(880px,94vw);padding:0;border:3px solid #092755;border-radius:24px;box-shadow:10px 12px 0 #092755;overflow:hidden;background:#fff9e6;max-height:94dvh}
.signup[open]{animation:signup-in .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes signup-in{from{transform:translateY(24px) rotate(-1.5deg) scale(.96);opacity:0}}
.signup-close{position:absolute;top:14px;right:14px;z-index:4;background:#ffe133;border:2px solid #092755}
.signup-grid{display:grid;grid-template-columns:.85fr 1.15fr;max-height:calc(94dvh - 6px);overflow:auto}
.signup-art{position:relative;background:#f25432;border-right:3px solid #092755;min-height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.signup-art:before{content:'';position:absolute;width:520px;height:520px;border:3px dashed #ffc24e77;border-radius:50%;left:-150px;top:-90px}
.signup-paper{position:relative;width:250px;max-width:85%;background:#fff9e6;border:2px solid #092755;border-radius:4px;padding:16px 15px 14px;text-align:center;transform:rotate(-6deg);box-shadow:6px 8px 0 #9b2a20;display:flex;flex-direction:column;gap:10px}
.signup-paper-brand{font-size:9px;font-weight:850;letter-spacing:2px;color:#075ec8;padding-bottom:7px;border-bottom:1px solid #075ec8}
.signup-paper img{width:100%;aspect-ratio:1.1;object-fit:contain;background:#e4f3e7;border:2px solid #092755;border-radius:8px}
.signup-paper-title{font-family:Bangers;font-size:21px;letter-spacing:1px;line-height:1.05;color:#ee492b}
.signup-sticker{position:absolute;top:26px;right:22px;width:84px;height:84px;border-radius:50%;background:#ffe133;border:3px solid #092755;box-shadow:3px 4px 0 #a12d20;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Bangers;font-size:36px;line-height:.9;transform:rotate(12deg);color:#092755}
.signup-sticker small{font-size:14px;letter-spacing:1px}
.signup-ball{position:absolute;width:86px;left:16px;bottom:16px;transform:rotate(-14deg);filter:drop-shadow(3px 6px 2px #5a170c55)}
.signup-body{padding:42px 40px 30px;position:relative}
.signup .eyebrow{color:#ee492b;margin-bottom:10px}
.signup h2{font-family:Bangers;font-size:50px;letter-spacing:1px;line-height:1;transform:rotate(-1.5deg);margin-bottom:14px}
.signup h2 span{color:#075ec8;display:block}
.signup-intro{font-size:15px;color:#334967;margin-bottom:18px}
.field{display:block;margin-bottom:13px}.field>span{display:block;font-size:13px;font-weight:800;margin-bottom:5px}.field em{font-style:normal;font-weight:500;color:#57708e}
.field input{width:100%;border:2px solid #092755;border-radius:12px;padding:12px 14px;background:#fff;color:#092755;font-size:16px;transition:box-shadow .15s,transform .15s}
.field input:focus{outline:0;box-shadow:4px 4px 0 #ffe133,4px 4px 0 2px #092755;transform:translate(-1px,-1px)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.5;color:#20375a;margin:6px 0 4px;cursor:pointer}
.consent input{flex-shrink:0;width:22px;height:22px;margin:1px 0 0;accent-color:#075ec8;cursor:pointer}
.signup-error{min-height:22px;font-size:13px;font-weight:800;color:#c8321a;margin:4px 0 6px}
.signup-submit{width:100%;font-size:17px}.signup-submit:disabled{opacity:.7;transform:none}
.signup-small{font-size:12px;color:#57708e;text-align:center;margin-top:12px}.signup-small .quiet-link{color:#075ec8;font-weight:700}
.signup-done{text-align:center;padding:14px 0 4px;outline:0}
.signup-goal{font-family:Bangers;font-size:82px;letter-spacing:2px;line-height:1;color:#ee492b;text-shadow:4px 5px 0 #092755;transform:rotate(-4deg);margin:6px 0 14px;animation:goal-pop .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes goal-pop{from{transform:rotate(-4deg) scale(.3);opacity:0}}
.signup-done h2{font-family:Lilita;font-size:34px;letter-spacing:-.3px;transform:none}
.signup-done>p:not(.signup-goal):not(.signup-small){font-size:15px;color:#334967;margin:0 auto 20px;max-width:390px}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}
.confetti i{position:absolute;top:58%;width:10px;height:15px;border:1.5px solid #092755;border-radius:2px;opacity:0;animation:confetti 1.6s cubic-bezier(.15,.7,.4,1) forwards}
@keyframes confetti{0%{opacity:1;transform:translate(0,0) rotate(0)}45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r))}100%{opacity:0;transform:translate(calc(var(--x)*1.15),320px) rotate(calc(var(--r)*2))}}

@media(max-width:1050px){.out-now-burst{width:112px;height:112px;right:-16px}.out-now-burst strong{font-size:31px}.out-now-burst span{font-size:18px}}
@media(max-width:760px){
  .header nav>a.nav-free{display:none}
  a.top-note{font-size:11px}a.top-note b{font-size:12px;padding:1px 6px;margin-right:6px}
  .out-now-burst{width:104px;height:104px;right:-22px;bottom:26px}.out-now-burst strong{font-size:29px}.out-now-burst span{font-size:17px}
  .buy-box{gap:16px;padding:16px;max-width:100%}.buy-price{padding-right:16px}.buy-price strong{font-size:44px}
  dialog.signup{width:calc(100vw - 24px);border-radius:20px;box-shadow:6px 7px 0 #092755}
  .signup-grid{grid-template-columns:1fr}
  .signup-art{border-right:0;border-bottom:3px solid #092755;padding:20px 16px 18px;min-height:0}
  .signup-paper{width:150px;padding:9px 9px 8px;gap:6px}.signup-paper-brand{font-size:6px;padding-bottom:4px}.signup-paper-title{font-size:13px}
  .signup-sticker{width:62px;height:62px;font-size:26px;top:16px;right:auto;left:calc(50% + 70px)}.signup-sticker small{font-size:10px}
  .signup-ball{width:58px;left:calc(50% - 128px);bottom:12px}
  .signup-body{padding:24px 20px 22px}
  .signup h2{font-size:40px}
  .signup-goal{font-size:64px}.signup-done h2{font-size:28px}
}
@media(max-width:370px){.header nav>a[href='#play']{display:none}.buy-box{flex-direction:column;align-items:flex-start}.buy-price{border-right:0;border-bottom:2px dashed #b9c9d8;padding:0 0 12px;width:100%}.signup h2{font-size:34px}}

/* Book 2: coming soon */
.next-section{position:relative;overflow:hidden;background:#092755;color:#fff9e6;border-bottom:3px solid #092755}
.snow{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(#fff 1.6px,transparent 2px),radial-gradient(#fff 1.1px,transparent 1.5px),radial-gradient(#cfe3ff 2.2px,transparent 2.6px);background-size:120px 120px,80px 80px,190px 190px;background-position:0 0,40px 30px,90px 60px;animation:snowfall 18s linear infinite}
@keyframes snowfall{to{background-position:60px 480px,100px 320px,150px 760px}}
.next-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.next-copy .eyebrow{color:#9fd0ff;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.soon-pill{background:#ee492b;color:#fff;padding:5px 10px;border-radius:6px;box-shadow:2px 3px 0 #000a;letter-spacing:1.4px}
.next-copy h2{font-family:Bangers;font-size:80px;letter-spacing:1.5px;line-height:1;transform:rotate(-2deg);text-shadow:3px 4px 0 #ee492b;margin-bottom:24px}
.next-copy h2 span{color:#ffe133}
.next-copy>p:not(.eyebrow){font-size:16px;max-width:430px;margin-bottom:12px;color:#e3eeff}
.next-quote{display:flex;flex-direction:column;gap:2px;font-family:Caveat;font-size:27px!important;line-height:1.25;color:#fff9e6!important;margin:18px 0 26px!important;padding-left:16px;border-left:4px solid #ffe133}
.next-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.next-section .text-button{color:#fff9e6;text-decoration-color:#ffe133}
.next-art{position:relative;padding:20px}
.next-cover{border:3px solid #fff9e6;border-left:9px solid #c8daf0;box-shadow:6px 6px 0 #ee492b,10px 10px 0 #000;transform:rotate(-4deg);background:#fff}
.next-cover img{display:block;width:100%;filter:saturate(1.02)}
.soon-ribbon{position:absolute;top:44%;left:-18px;right:-18px;text-align:center;background:#ffe133;color:#092755;font-family:Bangers;font-size:46px;letter-spacing:4px;padding:8px 0 4px;border:3px solid #092755;transform:rotate(-12deg);box-shadow:5px 6px 0 #000c}
.next-flake{position:absolute;color:#fff;font-size:44px;text-shadow:2px 3px 0 #075ec8}.next-flake.one{top:-18px;right:6px;transform:rotate(15deg)}.next-flake.two{bottom:-6px;left:-12px;font-size:34px}
@media(max-width:1050px){.next-layout{gap:50px}.next-copy h2{font-size:66px}.soon-ribbon{font-size:38px}}
@media(max-width:760px){.next-layout{grid-template-columns:1fr;gap:36px}.next-copy h2{font-size:58px}.next-art{width:min(400px,88%);margin:0 auto}.soon-ribbon{font-size:32px;letter-spacing:3px}.next-quote{font-size:24px!important}}
@media(max-width:1180px){.header nav>a[href='#mates']{display:none}}@media(max-width:760px){.header nav>a[href='#next-book']{display:none}}
.activities-section:before{pointer-events:none}.activity-layout{position:relative}
.soon-ribbon{top:auto;right:auto;left:-34px;bottom:46px;font-size:36px;letter-spacing:3px;padding:8px 24px 4px;transform:rotate(-8deg)}
@media(max-width:1050px){.soon-ribbon{font-size:30px}}@media(max-width:760px){.soon-ribbon{font-size:24px;left:-20px;bottom:30px;padding:6px 16px 3px}}
.signup h2 #signup-name{display:inline;color:#075ec8}
@media(max-width:760px){.signup-sticker{left:14px;right:auto;top:14px}.signup-ball{left:auto;right:22px;bottom:12px}.signup-paper{width:132px}}
@media(max-width:760px){.hero-details{flex-wrap:wrap;gap:6px 16px}.hero-details span{white-space:nowrap}.buy-box .button{gap:12px;padding:12px 16px;white-space:nowrap}.buy-meta br{display:none}}

/* A little more room to play, with clear choices for families. */
.button[href*="amazon.co.uk"]{background:#075ec8;color:#fff}
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}
.hero-shortcuts a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px;background:#fff9e6;border:2px solid #092755;border-radius:30px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:2px 3px 0 #092755}
.hero-shortcuts a:hover{background:#b9e9fa;transform:translateY(-2px)}
.hero-shortcuts span{font-size:21px;line-height:1}
.hero .actions{flex-wrap:wrap}
.book-layout{gap:70px}
.book-cover-display{position:relative;width:min(440px,92%);margin:24px auto 0;text-align:center}
.book-cover-display>img{display:block;width:100%;height:auto;border:3px solid #092755;border-left:9px solid #d9b620;border-radius:4px;box-shadow:7px 7px 0 #fff9e6,12px 12px 0 #092755;transform:rotate(-4deg)}
.book-cover-display>p{font-family:Caveat;font-size:30px;color:#fff9e6;margin-top:28px;transform:rotate(-3deg)}
.book-sticker{position:absolute;z-index:1;top:-28px;right:-14px;background:#ffe133;color:#092755;border:3px solid #092755;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;justify-content:center;line-height:1.1;transform:rotate(9deg);box-shadow:3px 4px 0 #092755;font-family:Bangers;font-size:20px;letter-spacing:1px}
.book-sticker strong{font-size:27px;font-weight:400}
.book-copy h2{font-size:clamp(52px,5.6vw,78px);line-height:1.06}
.book-copy>p:not(.eyebrow){max-width:460px}
.buy-box{transform:none;max-width:100%;gap:18px}
.buy-actions{min-width:0}
.amazon-badge{display:block;width:180px;padding:14px;background:#fff;border-radius:8px;margin-top:20px}
.amazon-badge img{display:block;width:100%;height:auto}
.button.amazon-logo-button{flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:12px 18px}
.amazon-logo-button .button-amazon-logo{flex-basis:100%;display:block;width:112px;max-width:112px;height:auto;margin:2px auto 0}
.amazon-badge.amazon-sticker{border:2px solid #092755;box-shadow:3px 4px 0 #092755;transform:rotate(-3deg);width:180px;padding:14px;margin-top:22px}
.last-call .amazon-sticker{margin:0;transform:rotate(3deg)}
.book-copy>p.release-note{max-width:440px}
.last-call .wrap{flex-direction:column;gap:22px;text-align:center}
.last-call{padding:42px 0}
.last-spark{display:none}
.game-art:focus-visible,.play-link:focus-visible,.hero-shortcuts a:focus-visible,.amazon-badge:focus-visible{outline:3px solid #092755;outline-offset:5px}
@media(max-width:1050px){.header nav{gap:18px}.book-layout{gap:42px}.buy-box{flex-wrap:wrap}.buy-price{border-right:0;padding-right:0}.buy-actions{flex:1}.buy-box .button{font-size:14px;padding:12px 14px;gap:10px}}
@media(max-width:760px){.book-cover-display{grid-row:1;width:min(340px,86%);margin-bottom:10px}.book-copy{grid-row:auto}.book-copy h2{font-size:56px}.book-sticker{width:90px;height:90px;top:-18px;font-size:18px}.book-sticker strong{font-size:23px}.book-cover-display>p{font-size:27px}.hero-shortcuts{gap:10px;margin-top:20px}.hero-shortcuts a{font-size:13px;padding:8px 12px}.book-layout{gap:24px}.buy-price{border:0;padding:0}.buy-box{align-items:center;flex-direction:row}.buy-actions{flex:1;min-width:180px}.buy-meta{max-width:95px;line-height:1.4}.last-call h2{font-size:38px}.last-actions .button{min-height:44px}}