/* The choice lives with the door, independently of the kind of surprise. */
.reveal-picker{border:0;border-top:1px solid var(--line);padding:19px 0 0;margin:23px 0 20px;min-width:0}.reveal-picker legend{float:left;width:100%;padding:0;font:18px/1.3 var(--serif);color:var(--ink)}.reveal-picker>p{clear:both;font:10px/1.5 var(--sans);color:#89907e;margin:6px 0 13px}.reveal-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reveal-choices button{position:relative;min-width:0;padding:8px 8px 12px;border:1px solid #d9d9ca;border-radius:5px;background:#fffdf6;text-align:left;color:#506246}.reveal-choices button[aria-pressed=true]{border-color:#668563;box-shadow:0 0 0 1px #668563;background:#f0f3e7}.reveal-choices strong{display:block;font:14px/1.4 var(--serif);margin:7px 1px 2px}.reveal-choices small{display:block;font:8px/1.5 var(--sans);color:#8c8d7d;margin-left:1px}.reveal-choice-check{display:none;position:absolute;right:12px;top:12px;width:16px;height:16px;place-items:center;background:#31583b;color:#fff9e5;border-radius:50%;font-size:9px}.reveal-choices [aria-pressed=true] .reveal-choice-check{display:grid}.reveal-swatch{display:grid;place-items:center;height:55px;border-radius:3px;overflow:hidden;background:#ede3ca;color:#8b7145;box-shadow:inset 0 0 0 1px #886a2b13}.reveal-swatch i{font:italic 31px/1 var(--serif)}.swatch-classic{background:linear-gradient(145deg,transparent 49%,#b9a98435 50%,transparent 52%),linear-gradient(215deg,#f0e4cb 49%,#d5c09b 50%)}.swatch-classic i{background:#8e3f3e;border:3px double #bd8772;color:#ead1a2;border-radius:50%;font-size:18px;width:28px;height:28px;text-align:center;padding-top:2px}.swatch-scratch{background:repeating-linear-gradient(110deg,#fff1b61a 0 1px,transparent 1px 3px),linear-gradient(120deg,#e7cc83,#b08a46,#efdba2,#c39e5d);color:#715628}.swatch-puzzle{background:linear-gradient(transparent 48%,#d8c79e 49% 51%,transparent 52%),linear-gradient(90deg,transparent 32%,#d8c79e 33% 34%,transparent 35% 65%,#d8c79e 66% 67%,transparent 68%),url('assets/atelier-background.webp') center/cover;color:#eed7a1}.swatch-puzzle i{font-size:24px}.swatch-pull-tab{background:linear-gradient(0deg,#234a36 30%,#d7bd79 31% 69%,#234a36 70%);color:#4f5d36}.swatch-pull-tab i{width:80%;text-align:right;border-left:2px dashed #52613a;font-style:normal;padding-right:6px}.reveal-picker .reveal-picker-note{margin-bottom:0;font-size:9px}
.extra-reveal{position:relative;padding:5px 0 0}.extra-reveal-eyebrow{font:8px/1.5 var(--sans);letter-spacing:2px;color:#9c814c;margin:8px 0 14px}.surprise-content .extra-reveal h2{font-size:34px;line-height:1.12;margin:0 auto 13px;max-width:360px}.extra-reveal-intro{font:11px/1.7 var(--sans);color:#8a7b5c;max-width:290px;margin:0 auto 23px}.extra-reveal-stage{position:relative}.extra-reveal-status{font:italic 14px/1.5 var(--serif);min-height:42px;color:#8e7a4f;margin:17px 0 3px}.reveal-skip{font:10px/1.4 var(--sans);padding:10px 14px;min-height:38px;border:0;border-bottom:1px solid #c5b58f;background:none;color:#486040}.reveal-skip span{padding-left:14px}.reveal-skip:hover{background:#d4c49822}.reveal-skip:focus-visible,.puzzle-piece:focus-visible,.puzzle-slot:focus-visible,.pull-grip:focus-visible{outline:3px solid #8c6c32;outline-offset:4px}
.reveal-peek{position:absolute;inset:0;background:radial-gradient(ellipse at top,#fffcf0,#e8d9b8);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:24px}.reveal-peek img{width:100%;height:calc(100% - 27px);object-fit:contain;filter:drop-shadow(0 3px 4px #3b2b171f)}.reveal-peek>em{font:italic 39px/1.15 var(--serif);color:#2c503a}.reveal-peek-star{font:51px/1 var(--serif);color:#aa8747;margin-bottom:14px}.reveal-peek>span:last-child{font:7px/1.5 var(--sans);letter-spacing:1.6px;color:#9b8355;margin-top:15px}
.scratch-card{position:relative;aspect-ratio:4/3;width:100%;border-radius:9px;isolation:isolate;box-shadow:0 15px 28px #66461930,0 2px 3px #71572836;overflow:hidden;transform:rotate(-1deg)}.scratch-foil{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.scratch-edge{position:absolute;inset:0;border:1px solid #9e7b3c66;border-radius:inherit;box-shadow:inset 0 1px 1px #fff2ca77;pointer-events:none}.reveal-progress{height:3px;width:100px;margin:19px auto 0;background:#d9c8a2;border-radius:3px;overflow:hidden}.reveal-progress>span{display:block;height:100%;width:0;background:#8f9b65;transition:width .2s}
.puzzle-board{position:relative;width:min(100%,330px);aspect-ratio:3/2;margin:0 auto 13px;background:repeating-linear-gradient(0deg,#d4c19a10 0 2px,transparent 2px 5px),#e6d8b9;border:1px solid #bba477;border-radius:5px;box-shadow:inset 0 2px 10px #735a2520,0 10px 25px #6448231a;overflow:visible}.puzzle-slot{position:absolute;left:calc(var(--col)*100%/3);top:calc(var(--row)*50%);width:calc(100%/3);height:50%;background:none;border:1px dashed #aa936543;color:#b39d72;border-radius:0;padding:0;font:italic 17px/1 var(--serif)}.puzzle-slot:disabled{opacity:1;cursor:default}.puzzle-slot svg{position:absolute;left:-22%;top:-22%;width:144%;height:144%;overflow:visible;stroke:none;fill:initial;pointer-events:none}.puzzle-slot.is-filled{border:0;z-index:2}.puzzle-board.has-selection .puzzle-slot:not(:disabled){background:#fffbeb55}.puzzle-slot.is-over{background:#e3ecca!important;box-shadow:inset 0 0 0 2px #7f9866}.puzzle-slot.try-again{animation:piece-wiggle .3s}.puzzle-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:min(100%,300px);margin:auto;padding:4px 12px}.puzzle-piece{background:none;border:1px solid transparent;min-width:0;height:72px;position:relative;padding:0;border-radius:6px;cursor:grab;touch-action:none}.puzzle-piece svg{width:100%;height:100%;stroke:none;fill:initial;overflow:visible;filter:drop-shadow(1px 4px 2px #62451b40);pointer-events:none}.puzzle-piece:hover{background:#e0d3b4}.puzzle-piece[aria-pressed=true]{border:1px dashed #7a945f;background:#e2e8cd}.puzzle-piece.is-placed{opacity:.1;pointer-events:none}.puzzle-ghost{position:fixed;z-index:12;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 9px 8px #17312255)}.puzzle-ghost svg{width:100%;height:100%;stroke:none;fill:initial;overflow:visible}@keyframes piece-wiggle{25%{translate:-3px 0}75%{translate:3px 0}}
.pull-ticket{--pull-progress:0;position:relative;aspect-ratio:1.1;background:#214630;border-radius:8px;box-shadow:0 14px 30px #573c2033;border:1px solid #aa914e;isolation:isolate}.pull-ticket:before,.pull-ticket:after{content:'';width:18px;height:18px;background:#f4ecd9;position:absolute;top:calc(70% - 9px);border-radius:50%;z-index:3}.pull-ticket:before{left:-10px}.pull-ticket:after{right:-10px}.ticket-archive{position:absolute;inset:16px 19px auto;display:flex;justify-content:space-between;font:7px/1 var(--sans);letter-spacing:2px;color:#d5c08c;z-index:1}.pull-ticket .reveal-peek{inset:40px 18px 30%;border-radius:4px;padding:11px;background:linear-gradient(130deg,#30563b,#173c2a)}.pull-ticket .reveal-peek>em{font-size:33px;color:#f2d9a4}.pull-ticket .reveal-peek-star{font-size:35px;color:#d7b671;margin:0 0 5px}.pull-ticket .reveal-peek>span:last-child{font-size:6px;color:#bca978;margin:9px 0 0}.pull-track{position:absolute;left:18px;right:18px;top:70%;height:56px;transform:translateY(-50%);background:#fbefce;border-radius:3px}.pull-secret{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#45603a;font:italic 16px/1.2 var(--serif);padding:0 10px}.pull-band{position:absolute;inset:0;background:repeating-linear-gradient(95deg,#fff6ca22 0 1px,transparent 1px 3px),linear-gradient(140deg,#d9bc73,#ecdb9f,#bd994e);display:flex;align-items:center;justify-content:center;gap:15px;border-block:2px dashed #7e713f66;clip-path:inset(0 0 0 calc(var(--pull-progress)*100%));transition:clip-path .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 6px #102f2222}.pull-band>span{font:7px/1.4 var(--sans);letter-spacing:1.3px;margin-left:43px}.pull-band>i{font-style:normal;font-size:18px;color:#7c7849;margin-right:9px}.pull-grip{position:absolute;top:-6px;left:calc(var(--pull-progress)*(100% - 52px));width:52px;height:68px;border:1px solid #9a7a3f;border-radius:4px 13px 13px 4px;background:linear-gradient(120deg,#f3dfaa,#c7a25c);box-shadow:3px 5px 8px #293c2230,inset 2px 0 0 #fff1c077;cursor:grab;display:grid;place-items:center;color:#54603b;font:8px/1.4 var(--sans);letter-spacing:1.5px;touch-action:none;user-select:none;transition:left .45s cubic-bezier(.2,.8,.2,1);z-index:2}.pull-grip b{font:28px/1 var(--serif);display:block;margin-top:3px}.is-pulling .pull-grip,.is-pulling .pull-band{transition:none}.is-pulling .pull-grip{cursor:grabbing;rotate:2deg}.ticket-bottom{position:absolute;bottom:18px;left:10px;right:10px;font:7px/1 var(--sans);color:#b5a875;letter-spacing:1.8px}
.puzzle-slot.is-filled svg{animation:puzzle-snap .25s ease-out}@keyframes puzzle-snap{from{scale:1.09;opacity:.6}to{scale:1;opacity:1}}
@media(max-width:650px){.surprise-content .extra-reveal h2{font-size:29px}.extra-reveal-intro{font-size:10px;margin-bottom:19px}.extra-reveal-eyebrow{font-size:7px;letter-spacing:1.7px}.puzzle-piece{height:62px}.reveal-peek{padding:15px}.reveal-peek>em{font-size:34px}.pull-band>span{font-size:6px;letter-spacing:.7px}.pull-band>i{font-size:14px;white-space:nowrap}.pull-ticket .reveal-peek>em{font-size:29px}.pull-secret{font-size:12px}.extra-reveal-status{font-size:13px;margin-top:14px}.ticket-archive{font-size:6px}.ticket-bottom{font-size:6px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.extra-reveal *, .reveal-picker *{animation:none!important;transition:none!important}}
body[data-motion=off] .extra-reveal *{animation:none!important;transition:none!important}