/* The approved engraved spread, scoped to its new home-page section. */
#bonus-start{--aw-progress:1;--aw-paper:#15131a;--aw-ink:#dfd6cd;--aw-pink:#c393a1;--aw-muted:#b7abb9;position:relative;isolation:isolate;overflow:clip;background:var(--aw-paper);color:var(--aw-ink);font-family:Onest,Arial,sans-serif;scroll-margin-top:100px;border-bottom:1px solid #d4bdce20}
#bonus-start::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/step-posters-v20/registration.png') left top/5000px 5000px repeat;opacity:.25}
#bonus-start .aw-spread{max-width:1440px;margin:auto;padding:52px 5vw 45px}
#bonus-start .aw-spread-heading{display:flex;justify-content:space-between;align-items:center;gap:36px}
#bonus-start .aw-creation-label{font-size:12px;color:var(--aw-muted);margin:0 0 13px}
#bonus-start h2{font:500 clamp(54px,5.5vw,82px)/1 Oswald,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--aw-ink);margin:0;text-shadow:none}
#bonus-start .aw-launch{flex-shrink:0;text-align:right}
#bonus-start .aw-launch>p{font:500 11px/1.5 Unbounded,sans-serif;color:#d2b2bf;margin:0 0 5px}
#bonus-start time{display:flex;align-items:baseline;gap:18px}
#bonus-start time strong{font:400 clamp(48px,5vw,73px)/1 Oswald,sans-serif;letter-spacing:-.035em}
#bonus-start time span{font:500 11px/1.5 Unbounded,sans-serif;color:var(--aw-muted)}
#bonus-start .aw-creation-lead{font-size:13px;color:#bcafc0;line-height:1.7;max-width:70ch;margin:20px 0 0}
#bonus-start .aw-collection{position:relative;margin-top:12px}
#bonus-start .aw-gifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
#bonus-start .aw-gift{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;padding:0 0 16px;background:none;border:0;border-bottom:1px solid #d4bdce30;color:var(--aw-ink);cursor:pointer;font-family:Onest,Arial,sans-serif}
#bonus-start .aw-gift-art{display:block;width:100%;height:clamp(170px,17vw,240px);perspective:900px;pointer-events:none;transform:translate3d(calc(var(--aw-shift) * (1 - var(--aw-progress))),0,0) rotate(calc(var(--aw-angle) * (1 - var(--aw-progress)))) scale(calc(.9 + .1 * var(--aw-progress)));transform-origin:50% 70%}
#bonus-start .aw-gift-float{display:flex;width:100%;height:100%;align-items:center;justify-content:center;transform:rotateX(var(--aw-rx,0deg)) rotateY(var(--aw-ry,0deg)) scale(var(--aw-focus-scale,1));transition:transform .32s cubic-bezier(.2,.65,.2,1)}
#bonus-start .aw-gift-art img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.7);opacity:.9;transition:opacity .3s}
#bonus-start .aw-gift[aria-selected=true]{border-bottom-color:var(--aw-pink)}
#bonus-start .aw-gift[aria-selected=true] .aw-gift-float{--aw-focus-scale:1.055}
#bonus-start .aw-gift[aria-selected=true] img,#bonus-start .aw-gift:hover img{opacity:1}
#bonus-start .aw-gift-title{display:block;position:relative;max-width:14ch;min-height:2.32em;font:500 clamp(23px,2.3vw,33px)/1.16 Oswald,sans-serif;letter-spacing:-.01em;margin-top:4px}
#bonus-start .aw-gift-caption{display:block;font-size:12px;line-height:1.6;min-height:3.2em;color:var(--aw-muted);margin-top:8px;max-width:28ch}
#bonus-start .aw-gift-term{display:block;font:500 10px/1.5 Unbounded,sans-serif;color:#ddbcc8;margin-top:7px}
#bonus-start .aw-gift-select{position:absolute;right:2px;bottom:12px;font-size:20px;line-height:1;color:#9b8a9e}
#bonus-start .aw-gift[aria-selected=true] .aw-gift-select{font-size:0}
#bonus-start .aw-gift[aria-selected=true] .aw-gift-select::before{content:'−';font-size:20px;color:#ddbcc8}
#bonus-start .aw-thread{position:absolute;inset:52% 0 auto;width:100%;height:98px;z-index:-1;pointer-events:none}
#bonus-start .aw-thread path{fill:none;stroke-width:.7;vector-effect:non-scaling-stroke}
#bonus-start .aw-thread-base{stroke:#d4bdce18}
#bonus-start .aw-thread-ink{stroke:#c393a155;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--aw-progress))}
#bonus-start .aw-selection-hint{margin:14px 0 18px;color:#a594a9;font-size:11px}
#bonus-start .aw-reward-panel{border-top:1px solid #d4bdce25;padding:20px 0 0;min-height:100px}
#bonus-start .aw-reward-panel>h3{font:500 20px/1.4 Onest,sans-serif;letter-spacing:-.02em;color:var(--aw-ink);margin:0 0 10px}
#bonus-start .aw-reward-panel>p{max-width:80ch;color:#c8bacb;font:400 13px/1.75 Onest,sans-serif;margin:0 0 12px}
#bonus-start .aw-native-list,#bonus-start .aw-code-items{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;margin:14px 0 0}
#bonus-start .bonus-item{display:block;align-self:start;height:auto;padding:0;border:1px solid #d4bdce28;border-radius:5px;background:#19161d;min-width:0;transition:none}
#bonus-start .bonus-item__details{display:block;width:100%;min-width:0}
#bonus-start .bonus-item__summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:13px 16px;cursor:pointer;list-style:none;position:relative;font:400 11px/1.5 Onest,sans-serif;color:#cbb5c9;scroll-margin-top:110px}
#bonus-start .bonus-item__summary::-webkit-details-marker{display:none}
#bonus-start .bonus-item__summary::after{content:'+';font:400 20px/1 Onest,sans-serif;color:#cbb5c9;flex-shrink:0}
#bonus-start .bonus-item__details[open]>.bonus-item__summary::after{content:'−'}
#bonus-start .bonus-item__summary:hover{background:#211b26}
#bonus-start .bonus-item__head{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#bonus-start .bonus-item__icon{flex:0 0 40px;text-align:left}
#bonus-start .bonus-item__icon img{display:block;width:40px;height:40px;object-fit:contain;box-shadow:none;border:0;border-radius:3px}
#bonus-start .bonus-item__heading{flex:1;min-width:0}
#bonus-start .bonus-item h3{font:500 14px/1.5 Onest,sans-serif;color:var(--aw-ink);margin:0;overflow-wrap:anywhere;text-shadow:none}
#bonus-start .bonus-item small{display:block;font:400 11px/1.5 Onest,sans-serif;color:#ac96ac;margin:3px 0 0}
#bonus-start .bonus-item__count{align-self:center;flex-shrink:0;padding:2px 7px;border:1px solid #d4bdce30;border-radius:3px;color:#ddbcc8;font:500 11px/1.5 Onest,sans-serif}
#bonus-start .bonus-item__toggle{font:400 10px/1.5 Onest,sans-serif;color:#af94ab;white-space:nowrap}
#bonus-start .bonus-item__body{border-top:1px solid #d4bdce20;padding:16px 20px 20px 68px;min-width:0;width:100%}
#bonus-start .bonus-item__description{font:400 13px/1.8 Onest,sans-serif;color:#cfc0d1;margin:0;max-width:80ch;white-space:pre-line;overflow-wrap:anywhere}
#bonus-start .bonus-item__metrics>span{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:4px 0 18px}
#bonus-start .bonus-item__metrics b{font:500 23px/1.15 Oswald,sans-serif;color:#ddbcc8}
#bonus-start .bonus-item__metrics small{font:400 10px/1.5 Onest,sans-serif;margin-top:5px}
#bonus-start .bonus-item__feature b{display:block;font:500 32px/1.2 Oswald,sans-serif;color:#ddbcc8}
#bonus-start .bonus-item__feature span span{display:block;font-size:12px;color:#b2a0b5;margin-bottom:16px}
#bonus-start .aw-support{margin-top:28px;padding-top:25px;border-top:1px solid #d4bdce25}
#bonus-start .aw-support h3{font:500 25px/1.2 Oswald,sans-serif;color:var(--aw-ink);margin:0 0 14px}
#bonus-start .aw-support>div{display:grid;grid-template-columns:1fr 1fr;gap:35px}
#bonus-start .aw-support p{font:400 13px/1.8 Onest,sans-serif;color:#bba9bf;margin:0;max-width:70ch}
#bonus-start .aw-code-gifts{margin-top:40px;padding-top:30px;border-top:1px solid #d4bdce35}
#bonus-start .aw-code-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}
#bonus-start .aw-code-label{font-size:11px;color:#c9a6b7;margin:0 0 8px}
#bonus-start .aw-code-heading h3{font:500 clamp(30px,3vw,42px)/1.1 Oswald,sans-serif;letter-spacing:-.01em;color:var(--aw-ink);margin:0}
#bonus-start .aw-code-heading>p{font:400 13px/1.75 Onest,sans-serif;color:#bba9bf;max-width:57ch;margin:0}
#bonus-start .aw-code-bar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d4bdce35;padding:16px 20px;background:#211924;border-radius:4px}
#bonus-start .aw-code-bar code{font:500 clamp(15px,1.7vw,23px)/1.5 Onest,sans-serif;letter-spacing:.05em;color:#edd7e4;user-select:all;overflow-wrap:anywhere}
#bonus-start .btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:244px;max-width:100%;height:64px;min-height:0;padding:12px 18px;color:#291e26!important;filter:none!important;font:600 11px/1.5 Unbounded,sans-serif;text-align:center;text-transform:none;letter-spacing:0;border:0;background:none;box-shadow:none;cursor:pointer}
#bonus-start .btn::before{content:'';position:absolute;inset:0;z-index:-1;background:url('../img/immersive/action-panel-v6.png') center/120% 200% no-repeat;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);pointer-events:none;opacity:1;transform:none;filter:none;border:0;box-shadow:none}
#bonus-start .btn::after{content:none}
#bonus-start .btn:hover{transform:none;box-shadow:none;background:none}
#bonus-start .btn:hover::before{filter:brightness(1.04)}
#bonus-start .aw-code-copy{width:210px;height:52px;font-size:10px}
#bonus-start .aw-copy-status{margin:7px 0;min-height:18px;color:#d7b7cd;font-size:11px}
#bonus-start .aw-code-fold{margin-top:4px;scroll-margin-top:110px}
#bonus-start .aw-code-fold>summary{display:flex;justify-content:space-between;gap:20px;list-style:none;border-bottom:1px solid #d4bdce28;padding:13px 0;color:#ddc7da;font:500 13px/1.6 Onest,sans-serif;cursor:pointer}
#bonus-start .aw-code-fold>summary::-webkit-details-marker{display:none}
#bonus-start .aw-code-fold>summary>span:last-child{font-size:20px;line-height:1}
#bonus-start .aw-code-fold[open]>summary>span:last-child{font-size:0}
#bonus-start .aw-code-fold[open]>summary>span:last-child::before{content:'−';font-size:20px}
#bonus-start .aw-join{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px}
#bonus-start .aw-join p{font:500 26px/1.25 Oswald,sans-serif;color:var(--aw-ink);margin:0}
#bonus-start :is(button,a,summary,[tabindex]):focus-visible{outline:2px solid #dfb7c8;outline-offset:4px}
body.immersive-home .world-bonus .aw-hero-bonus-date{color:#d9b5c7;font:500 11px/1.5 Onest,sans-serif;margin:4px 0}
body.immersive-home .world-bonus .aw-hero-bonus-teaser{color:#cbbccb;font:400 10px/1.55 Onest,sans-serif;margin:5px 0;max-width:32ch}
@media(max-width:900px){#bonus-start .aw-spread{padding:38px 24px}#bonus-start .aw-gifts{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}#bonus-start .aw-gift-art{height:clamp(175px,33vw,280px);transform:none}#bonus-start .aw-gift-title{font-size:30px}#bonus-start .aw-thread{display:none}#bonus-start .aw-code-heading{display:block}#bonus-start .aw-code-heading>p{margin-top:16px}#bonus-start .aw-support>div{gap:24px}}
@media(max-width:600px){#bonus-start .aw-spread{padding:30px 20px}#bonus-start .aw-spread-heading{display:block}#bonus-start h2{font-size:54px;max-width:11ch}#bonus-start .aw-launch{margin-top:20px;text-align:left}#bonus-start .aw-launch>p{font-size:10px}#bonus-start time{gap:16px}#bonus-start time strong{font-size:45px}#bonus-start time span{font-size:10px}#bonus-start .aw-creation-lead{font-size:12px;margin-top:18px}#bonus-start .aw-gifts{gap:24px 20px}#bonus-start .aw-gift-art{height:165px}#bonus-start .aw-gift-title{font-size:25px;max-width:15ch;min-height:2.32em}#bonus-start .aw-gift-caption{font-size:10px;min-height:3.2em}#bonus-start .aw-gift-term{font-size:9px;max-width:15ch}#bonus-start .aw-reward-panel>h3{font-size:18px}#bonus-start .aw-support>div{grid-template-columns:1fr;gap:18px}#bonus-start .aw-code-bar{flex-direction:column;align-items:flex-start;gap:15px;padding:16px}#bonus-start .aw-code-copy{width:100%}#bonus-start .bonus-item__summary{padding:12px;gap:10px}#bonus-start .bonus-item__head{gap:10px}#bonus-start .bonus-item__icon{flex-basis:34px}#bonus-start .bonus-item__icon img{width:34px;height:34px}#bonus-start .bonus-item h3{font-size:13px}#bonus-start .bonus-item__toggle{display:none}#bonus-start .bonus-item__body{padding:15px}#bonus-start .bonus-item__metrics>span{gap:15px 12px}#bonus-start .aw-join{flex-direction:column;align-items:flex-start;gap:18px}#bonus-start .aw-join p{font-size:25px}body.immersive-home .world-bonus .aw-hero-bonus-teaser{font-size:9px}}
@media(max-width:360px){#bonus-start .aw-spread{padding-inline:16px}#bonus-start h2{font-size:48px}#bonus-start .aw-gifts{gap:22px 16px}#bonus-start .aw-gift-art{height:140px}#bonus-start .aw-gift-title{font-size:23px}#bonus-start .aw-gift-term{font-size:8px}}
@media(prefers-reduced-motion:reduce){html:not([data-interaction-motion="full"]) #bonus-start .aw-gift-float,html:not([data-interaction-motion="full"]) #bonus-start .aw-gift-art img{transition:none}}/* A compact teaser and a real-sized live timer leave the hero actions readable. */
body.immersive-home .world-bonus .world-live,body.immersive-home .world-bonus .countdown-heading{display:none}
body.immersive-home .world-bonus .aw-hero-bonus-date{color:#dec4d2;font:500 19px/1.3 Oswald,sans-serif;letter-spacing:0;margin:0 0 5px}
body.immersive-home .world-bonus .hero__countdown{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;max-width:270px;width:270px;height:50px;transform:none!important;margin:10px 0 0;padding:0}
body.immersive-home .world-bonus .countdown__item{min-width:0;width:50px;height:48px;padding:4px 2px;flex-shrink:0;gap:0}
body.immersive-home .world-bonus .flip-unit{display:flex;align-items:center;justify-content:center;width:40px;height:28px;flex-shrink:0}
body.immersive-home .world-bonus .countdown__digit{font:500 23px/1 Oswald,sans-serif}
body.immersive-home .world-bonus .countdown__label{font-size:7px;line-height:1.4;margin:0}
body.immersive-home .world-bonus .countdown__sep{font-size:13px;min-width:6px;padding:0;line-height:1}
@media(max-width:640px){body.immersive-home .world-bonus .aw-hero-bonus-date{font-size:17px}}@media(min-width:700px) and (max-height:780px){body.immersive-home .world-bonus .hero__countdown{display:none!important}body.immersive-home .world-bonus{bottom:28px!important}}@media(min-width:700px) and (max-height:780px){body.immersive-home #motionToggle{left:auto;right:90px}}@media(min-width:361px) and (max-width:699px){body.immersive-home .world-copy .world-intro{margin-bottom:8px!important}body.immersive-home .world-copy .hero__cta{gap:6px!important}}