.surprise-page{--surprise-ink:#123a2f;--surprise-cream:#faf6ed;color:var(--surprise-ink);background:var(--surprise-cream);overflow:hidden}
.surprise-page p{color:inherit}.surprise-page [hidden]{display:none!important}.surprise-page button,.surprise-page a{touch-action:manipulation}.surprise-page :is(button,a):focus-visible{outline:3px solid #d89218;outline-offset:5px}
.surprise-scene{position:relative;isolation:isolate;padding:35px 20px 28px;min-height:820px;background:#b9e7f4}.surprise-scenery{position:absolute;inset:0;z-index:-2;pointer-events:none}.surprise-scenery img{height:100%;width:100%;object-fit:cover;object-position:center bottom}.surprise-scene:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#d9f3f51a 0%,transparent 70%,#faf6ed 100%)}
.surprise-intro{text-align:center;position:relative;z-index:2;max-width:750px;margin:auto}.surprise-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin:0 0 9px}.surprise-intro h1{font-size:clamp(38px,4.7vw,65px);font-weight:1000;letter-spacing:-.045em;line-height:.99;margin:0 0 15px;text-shadow:0 2px 0 #ffffff70}.surprise-intro>p:last-child{font-size:17px;line-height:1.5;max-width:620px;margin:0 auto 10px;color:#12362f;font-weight:650}
.surprise-machine{position:relative;width:min(690px,100%);aspect-ratio:720/750;margin:0 auto;filter:drop-shadow(0 12px 11px #704b2e27)}.surprise-disc{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;transform-origin:50% 50%;will-change:transform}.surprise-wheel{display:block;width:100%;height:100%;overflow:visible}.surprise-wheel-label{font-family:var(--font);font-weight:950;font-size:21px;fill:#163a31;letter-spacing:-.3px}.surprise-stand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.surprise-axle{position:absolute;width:13.4%;left:43.3%;top:41.56%;pointer-events:none;filter:drop-shadow(0 3px 2px #4f2c2766)}.surprise-pointer{position:absolute;top:-.6%;left:45.4%;width:9.2%;height:auto;transform-origin:50% 15%;filter:drop-shadow(1px 3px 2px #55341f65);pointer-events:none}.surprise-sector{transition:fill .3s,stroke .3s}.surprise-sector.is-selected{fill:#fff1a5;stroke:#ffcf42;stroke-width:5;filter:drop-shadow(0 0 5px #ffcb25)}
.surprise-actions{text-align:center;position:relative;z-index:3;margin:-8px auto 0}.surprise-spin,.surprise-view{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:60px;border:1.5px solid #8faf95;border-radius:40px;background:linear-gradient(160deg,#466d58,#163e31 65%,#14382d);color:#fff;box-shadow:inset 0 2px 2px #ffffff35,0 3px 5px #442b251c;font-weight:950;font-size:24px;padding:12px 38px;line-height:1.25;text-decoration:none}.surprise-spin{min-width:330px;max-width:100%}.surprise-spin svg{width:28px;height:28px;flex:none}.surprise-spin:hover:not(:disabled),.surprise-view:hover{background:linear-gradient(160deg,#557c65,#224b39);color:#fff;text-decoration:none;box-shadow:inset 0 2px 2px #ffffff35,0 4px 12px #442b2533}.surprise-spin:disabled{opacity:1;background:linear-gradient(160deg,#668375,#375b4b);cursor:progress}.surprise-actions>p{font-size:12px;margin:9px 0 0;color:#183e35}.surprise-status{min-height:18px;font-size:12px!important;margin-top:5px!important}.surprise-retry{border:0;background:transparent;color:var(--surprise-ink);font-weight:850;text-decoration:underline;padding:10px;min-height:44px}.surprise-wheel-options{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.surprise-result{position:relative;background:var(--surprise-cream);width:min(1100px,100%);margin:0 auto;padding:34px 42px 12px;border-radius:40px 40px 0 0;scroll-margin-top:25px}.surprise-result-heading{position:relative;text-align:center;max-width:850px;margin:0 auto 22px}.surprise-result h2{font-size:clamp(32px,4.4vw,49px);line-height:1.08;font-weight:1000;margin:0 0 12px;color:var(--surprise-ink);text-wrap:balance}.surprise-reference{display:inline-block;border-radius:30px;background:#dee6dc;padding:3px 15px;margin:0 auto 9px;font-size:14px;font-weight:750;max-width:100%}.surprise-summary{font-size:17px;max-width:720px;margin:0 auto 7px;line-height:1.5}.surprise-read{display:inline-block;color:#275b47;font-size:13px;font-weight:850;text-decoration:underline;text-underline-offset:3px;padding:6px;min-height:35px}.surprise-star{position:absolute;color:#f6b236;font-size:38px;line-height:1;pointer-events:none;text-shadow:1px 2px #ffe6a6}.star-one{left:-3%;top:9px;transform:rotate(-15deg)}.star-two{right:-2%;top:40px;transform:rotate(18deg)}
.surprise-craft{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding:10px;background:#fffdf8;border-radius:24px;box-shadow:0 7px 35px #90764b0c}.surprise-craft-picture{background:#fffdf8;border-radius:24px;aspect-ratio:1;align-self:center;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;isolation:isolate}.surprise-craft-picture img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:16px;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.surprise-craft-picture p{font-size:15px;padding:30px;text-align:center}.surprise-craft-copy{padding:20px 23px 16px 0;align-self:center;min-width:0}.surprise-craft-copy .surprise-eyebrow{font-size:10px;margin-bottom:7px}.surprise-craft h3{font-size:clamp(23px,2.5vw,30px);font-weight:1000;line-height:1.12;color:var(--surprise-ink);margin:0 0 10px;text-wrap:balance}.surprise-craft-copy>p:not(.surprise-eyebrow){font-size:14px;line-height:1.5;margin-bottom:12px}.surprise-making{display:flex;gap:8px;margin:12px 0 14px;flex-wrap:wrap}.surprise-making span{font-size:12px;font-weight:800;border-radius:30px;background:#f2f1e9;padding:6px 13px}.surprise-view{width:100%;min-height:47px;font-size:20px;padding:10px 20px}.surprise-view span{font-size:30px;line-height:.7}.surprise-craft small{display:block;text-align:center;color:#645e52;margin-top:8px;font-size:12px}.surprise-another{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 0;border:0;background:none;color:var(--surprise-ink);font-size:18px;font-weight:950;min-height:48px}.surprise-another span{font-size:37px;line-height:1}.surprise-another:disabled{cursor:progress}.surprise-ending{text-align:center;padding:20px 18px 32px}.surprise-ending p{display:flex;align-items:center;justify-content:center;gap:22px;font-size:14px;color:#615c50;margin:0 0 8px}.surprise-ending p span{color:#7e8851;font-size:35px;line-height:1}.surprise-ending>a{color:#335948;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:850;padding:7px;display:inline-block;min-height:35px}
@media(min-width:1400px){.surprise-scene{padding-top:32px}.surprise-machine{width:690px}.surprise-scenery img{object-position:center 65%}.surprise-intro h1{font-size:65px}}
@media(max-width:700px){.surprise-scene{padding:28px 8px 16px;min-height:0}.surprise-intro{padding:0 12px}.surprise-intro h1{font-size:clamp(38px,8vw,54px);margin-bottom:14px}.surprise-intro>p:last-child{font-size:14px;max-width:370px;line-height:1.45;margin-bottom:14px}.surprise-eyebrow{font-size:9px;letter-spacing:.13em}.surprise-machine{width:min(570px,100%)}.surprise-scenery img{object-fit:cover;object-position:49% bottom}.surprise-scene:after{background:linear-gradient(180deg,#daf4f52a,transparent 70%,#faf6ed)}.surprise-spin{min-width:min(290px,100%);min-height:54px;font-size:20px;padding:12px 24px;gap:10px}.surprise-spin svg{width:24px;height:24px}.surprise-actions{padding:0 12px;margin-top:0}.surprise-actions>p{font-size:10px}.surprise-status{font-size:10px!important}.surprise-result{padding:24px 16px 5px;border-radius:25px 25px 0 0;scroll-margin-top:15px}.surprise-result-heading{padding:0 12px}.surprise-result h2{font-size:33px}.surprise-reference{font-size:12px}.surprise-summary{font-size:14px}.surprise-read{font-size:12px}.surprise-star{font-size:25px}.star-one{left:0;top:-6px}.star-two{right:0;top:31px}.surprise-craft{grid-template-columns:1fr;gap:0;border-radius:20px;padding:9px}.surprise-craft-picture{aspect-ratio:1}.surprise-craft-copy{padding:22px 12px 16px}.surprise-craft h3{font-size:26px}.surprise-craft-copy>p:not(.surprise-eyebrow){font-size:14px}.surprise-making{margin:15px 0}.surprise-view{min-height:50px}.surprise-another{font-size:16px;margin-top:10px}.surprise-ending{padding:20px 12px 25px}.surprise-ending p{gap:12px;font-size:12px}.surprise-ending p span{font-size:29px}}
@media(prefers-reduced-motion:reduce){.surprise-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.surprise-status.is-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}