:root{color-scheme:dark;--bg:#101d25;--paper:#f1e8d7;--gold:#d2b675;--muted:#aab9ba;--line:#d2b67530;--panel:#172930}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 16%,#25414a70,transparent 55%),var(--bg);color:var(--paper);font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:21px;letter-spacing:.04em}.site-header nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.hero{text-align:center;padding:80px 24px 44px;position:relative}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:500}.hero h1{font-family:Georgia,'Batang',serif;font-weight:400;font-size:clamp(36px,5vw,62px);line-height:1.4;letter-spacing:-.04em;margin:24px 0}.intro{color:#c3cecb;font-size:16px;line-height:2}.hero-mark{font-size:38px;color:var(--gold);margin:26px 0 14px}.meta{color:var(--muted);font-size:12px;letter-spacing:.08em}.reading-setup{max-width:690px;padding:32px 38px;margin:20px auto 0;background:linear-gradient(130deg,#21363b95,#18292d80);border:1px solid var(--line);border-radius:14px}.section-heading{text-align:center}.section-heading h2{font-size:22px;font-weight:400;margin:8px 0 28px}fieldset{border:0;padding:0;margin:0}legend{font-size:13px;color:var(--muted);margin-bottom:8px}.topics{display:flex;gap:10px}.topics label{flex:1;position:relative}.topics input{position:absolute;opacity:0}.topics span{display:block;text-align:center;border:1px solid #78919350;border-radius:6px;padding:10px 5px;font-size:14px;cursor:pointer}.topics input:checked+span{border-color:var(--gold);color:var(--gold);background:#d2b6750b}.topics input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}fieldset:disabled span{cursor:default;opacity:.75}.mbti-row{margin:22px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mbti-row label{font-size:14px}.mbti-row small{color:var(--muted);margin-left:8px;font-size:11px}select{background:var(--bg);color:var(--paper);border:1px solid #78919360;border-radius:5px;padding:8px 12px;min-width:210px}.remember-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}input[type=checkbox]{accent-color:var(--gold)}.text-button{border:0;background:transparent;padding:5px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.small-note{color:var(--muted);font-size:12px;line-height:1.85}#storage-status{margin-bottom:0}.draw-section{text-align:center;max-width:950px;margin:58px auto 76px;padding:0 24px}.draw-section h2{font-size:20px;font-weight:400}.card-spread{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:760px;margin:30px auto 24px;perspective:1200px}.card-choice{padding:0;border:0;background:none;color:var(--gold);transition:transform .35s;transform-style:preserve-3d}.card-choice img{width:100%;height:auto;border-radius:9px;display:block;box-shadow:0 18px 30px #0004;border:1px solid #d2b67560}.card-choice span{display:block;font-family:Georgia,serif;font-size:12px;margin-top:12px}.card-choice:not(:disabled):hover{transform:translateY(-12px) rotate(1deg)}.card-choice.chosen{animation:turn-card .65s forwards}@keyframes turn-card{from{transform:rotateY(0)}to{transform:rotateY(90deg);opacity:.2}}.daily-notice{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;text-align:center}.daily-notice p{font-family:Georgia,'Batang',serif;font-size:16px}.daily-notice small{display:block;margin-top:15px;color:var(--muted);font-size:11px}.primary{background:var(--gold);border:1px solid var(--gold);color:var(--bg);border-radius:5px;padding:10px 24px;font-size:14px}#result{max-width:1040px;margin:60px auto 100px;padding:0 32px;scroll-margin-top:30px}.result-heading{text-align:center;margin-bottom:36px}.result-heading h2{font-family:Georgia,'Batang',serif;font-weight:400;font-size:28px}.result-layout{display:grid;grid-template-columns:300px 1fr;gap:64px}.art-column{align-self:start;position:sticky;top:30px;text-align:center}.revealed-art{perspective:1000px;overflow:hidden;border-radius:12px;box-shadow:0 25px 65px #0005}.revealed-art img{display:block;width:100%;height:auto;animation:arrive .7s ease-out}.revealed-art img.reversed{transform:rotate(180deg)}@keyframes arrive{from{opacity:0;filter:brightness(1.8)}to{opacity:1;filter:brightness(1)}}.art-column h3{font-family:'Batang',serif;font-size:28px;font-weight:400;margin:0}.art-column>p:not(.eyebrow){font-size:12px;color:var(--muted)}.text-link{color:var(--gold);font-size:12px}.pill{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:20px;color:var(--gold);font-size:11px}.interpretation{font-size:15px;line-height:2.05}.interpretation h2{font-family:Georgia,'Batang',serif;font-weight:400;font-size:26px;line-height:1.75;margin:20px 0 24px;color:var(--gold)}.interpretation h3{font-size:17px;font-weight:500;margin-top:32px}.interpretation p{color:#d6ded8}.interpretation .small-note{font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);padding:16px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;color:var(--gold)}.action-box{background:#233c4280;border:1px solid var(--line);border-radius:8px;padding:24px;margin-top:30px}.action-box h3{margin-top:5px}blockquote{border-left:2px solid var(--gold);padding-left:22px;margin:22px 0;color:var(--gold);font-family:'Batang',serif;font-size:19px}.closing{font-family:'Batang',serif;text-align:center;padding:26px 0;border-bottom:1px solid var(--line)}footer{text-align:center;border-top:1px solid var(--line);padding:36px 24px;color:var(--muted);font-size:11px}footer a{margin:0 12px}footer p{max-width:650px;margin:20px auto 12px}footer small{font-size:10px;letter-spacing:.06em}.document{max-width:1050px;margin:64px auto 90px;padding:0 32px}.document.narrow{max-width:730px;min-height:50vh}.document h1{font-family:'Batang',serif;font-weight:400;font-size:38px;line-height:1.5}.document h2{font-size:23px;font-weight:400;color:var(--gold);line-height:1.7}.document h3{font-size:17px;font-weight:500}.document p{font-size:15px;line-height:2.1;color:#d6ded8}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.gallery img{width:100%;height:auto;border-radius:8px}.gallery h2{font-size:18px}.gallery small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted)}.guide-header{display:grid;grid-template-columns:260px 1fr;gap:48px;margin:30px 0 50px}.guide-header img{width:100%;height:auto;border-radius:10px}.guide-reading{max-width:720px;margin:50px auto;border-top:1px solid var(--line);padding-top:30px}.notice{max-width:650px;margin:30px auto;padding:20px}
@media(max-width:700px){.site-header{padding:20px}.brand{font-size:18px}.site-header nav{gap:16px;font-size:12px}.hero{padding-top:45px}.hero h1{font-size:38px}.intro{font-size:14px}.reading-setup{margin:10px 18px 0;padding:24px 20px}.section-heading h2{font-size:20px}.topics{gap:7px}.topics span{font-size:12px}.mbti-row{align-items:flex-start}.mbti-row small{display:block;margin-left:0}select{min-width:170px;font-size:14px}.remember-row{flex-wrap:wrap;gap:4px}.draw-section{margin-top:42px;padding:0 18px}.draw-section h2{font-size:17px}.card-spread{gap:8px}.card-choice img{border-radius:5px}#result{padding:0 22px;margin-top:40px}.result-layout{display:block}.art-column{position:static;max-width:245px;margin:0 auto 36px}.interpretation h2{font-size:23px}.interpretation{font-size:15px}.gallery{grid-template-columns:repeat(2,1fr);gap:20px}.document{padding:0 22px;margin-top:40px}.document h1{font-size:30px}.guide-header{display:block}.guide-header img{display:block;max-width:220px;margin:0 auto 30px}.result-heading h2{font-size:24px}.action-box{padding:20px}footer a{margin:0 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The selected card reveals its face in place before the reading appears. */
.card-choice.chosen{animation:none;transform:translateY(-8px)}
.flip-card{position:relative;display:block!important;margin:0!important;aspect-ratio:2/3;transition:transform 640ms ease;transform-style:preserve-3d}
.card-choice.chosen .flip-card{animation:card-flip 640ms ease forwards}
.flip-card .flip-face{display:block;position:absolute;inset:0;margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip-front{transform:rotateY(180deg)}
.flip-front img.reversed{transform:rotate(180deg)}
@keyframes card-flip{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.card-choice.chosen .flip-card{transform:rotateY(180deg)}}

.deck-controls{display:flex;align-items:center;gap:12px;max-width:680px;margin:24px auto 0}.deck-arrow{flex:none;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:var(--panel);color:var(--gold);font-size:28px;line-height:1}.deck-arrow:disabled{opacity:.3}.card-spread{position:relative;display:flex;gap:20px;width:100%;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px calc(50% - 100px);margin:0;scrollbar-width:none;overscroll-behavior-x:contain}.card-spread::-webkit-scrollbar{display:none}.card-choice{flex:0 0 200px;scroll-snap-align:center;opacity:.5;transform:scale(.88);transition:transform .25s,opacity .25s}.card-choice.is-center{opacity:1;transform:scale(1)}.card-choice:not(:disabled):hover{transform:scale(.92)}.card-choice.is-center:not(:disabled):hover{transform:scale(1)}.card-spread.locked{overflow:hidden;pointer-events:none}.card-choice.chosen{transform:scale(1)}#deck-position{margin:8px 0 16px}@media(max-width:700px){.deck-controls{gap:4px}.deck-arrow{width:32px;height:32px}.card-spread{gap:14px;padding-inline:calc(50% - 85px)}.card-choice{flex-basis:170px}}

/* Keep Korean headings readable on narrow screens. */
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}

@media(max-width:700px){.site-header{flex-wrap:wrap;gap:14px}.brand{max-width:100%;line-height:1.6;overflow-wrap:anywhere}}

#storage-status,.daily-storage-note{text-align:center}

/* A quiet pause and a foil-like glow keep the artwork at the centre. */
.section-heading h2{margin-bottom:16px}
.section-heading>p.small-note{max-width:430px;margin:0 auto 20px;font-size:14px;line-height:2;word-break:keep-all}
.card-spread{padding-block:38px}
.card-choice.is-center{transform:translateY(-9px) scale(1);position:relative;z-index:1}
.card-choice.is-center:not(:disabled):hover,.card-choice.chosen{transform:translateY(-12px) scale(1)}
.card-choice.is-center img{border-color:#e8cf91;box-shadow:0 0 0 1px #d2b67535,0 0 24px #d2b67528,0 20px 38px #0006;transition:box-shadow .35s,border-color .35s}
.card-choice.chosen .flip-card{animation:card-flip 700ms ease-in-out 260ms forwards}
#select-card{margin-top:18px;box-shadow:0 5px 22px #d2b67515}
.closing-card{position:relative;margin:38px 0 26px;padding:26px 24px;border:1px solid #d2b67555;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#d2b67515,transparent 75%),#172930;text-align:center}
.closing-star{color:var(--gold);font-size:22px}
.closing-card h3{margin:8px 0 14px;font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--muted)}
.closing-card .closing{border:0;padding:0;margin:0;font-size:20px;line-height:1.9;color:var(--paper);word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:700px){.section-heading>p.small-note{font-size:13px}.closing-card{padding:24px 18px}.closing-card .closing{font-size:18px}}

body.revealing{overflow:hidden}
.reveal-stage{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;color:var(--paper);background:radial-gradient(ellipse at center,#28454d 0,#101d25 72%);overflow:hidden;opacity:1;transition:opacity 250ms}
.reveal-stage::backdrop{background:#101d25}
.reveal-stage.departing{opacity:0}
.reveal-scene{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:scene-arrive 200ms ease-out}
.reveal-orbit{position:relative;width:min(260px,58vw,calc(48dvh * 2 / 3));margin:24px 0;perspective:1300px}
.reveal-card{position:relative;aspect-ratio:2/3;transform-style:preserve-3d;animation:stage-turn 850ms cubic-bezier(.25,.65,.3,1) forwards}
.reveal-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;box-shadow:0 25px 70px #0009;overflow:hidden}
.reveal-face img{width:100%;height:100%;display:block;object-fit:cover}
.reveal-front{transform:rotateY(180deg)}
.reveal-front img.reversed{transform:rotate(180deg)}
.reveal-caption{font-size:14px;color:var(--muted);margin:8px 0}
.star-burst{position:absolute;inset:-18%;pointer-events:none}
.star-burst i{position:absolute;left:50%;top:50%;color:#ebd49a;font-size:14px;font-style:normal;opacity:0;--x:100px;--y:-160px}
.face-shown .star-burst i{animation:star-scatter 1000ms ease-out forwards}
.star-burst i:nth-child(2n){color:#dce9ee;font-size:9px;animation-delay:60ms}
@keyframes stage-turn{0%{transform:scale(.8) rotateY(0)}50%{transform:scale(1) rotateY(270deg)}100%{transform:scale(1) rotateY(540deg)}}
@keyframes star-scatter{0%{opacity:0;transform:translate(0,0) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.65)}}
@keyframes scene-arrive{from{opacity:0}to{opacity:1}}
.star-burst i:nth-child(1){--x:145px;--y:0px}
.star-burst i:nth-child(2){--x:134px;--y:80px}
.star-burst i:nth-child(3){--x:103px;--y:148px}
.star-burst i:nth-child(4){--x:55px;--y:194px}
.star-burst i:nth-child(5){--x:0px;--y:210px}
.star-burst i:nth-child(6){--x:-55px;--y:194px}
.star-burst i:nth-child(7){--x:-103px;--y:148px}
.star-burst i:nth-child(8){--x:-134px;--y:80px}
.star-burst i:nth-child(9){--x:-145px;--y:0px}
.star-burst i:nth-child(10){--x:-134px;--y:-80px}
.star-burst i:nth-child(11){--x:-103px;--y:-148px}
.star-burst i:nth-child(12){--x:-55px;--y:-194px}
.star-burst i:nth-child(13){--x:0px;--y:-210px}
.star-burst i:nth-child(14){--x:55px;--y:-194px}
.star-burst i:nth-child(15){--x:103px;--y:-148px}
.star-burst i:nth-child(16){--x:134px;--y:-80px}

/* A fuller burst of gold and silver around the revealed artwork. */
.star-burst{inset:-35%;z-index:2}
.star-burst i{font-size:22px;text-shadow:0 0 8px #fff4cf,0 0 22px #d2b675aa;filter:drop-shadow(0 0 4px #edd6a9)}
.star-burst i:nth-child(2n){font-size:15px;color:#edf8ff;text-shadow:0 0 10px #edf8ff,0 0 22px #bddbee99}
.face-shown .star-burst i{animation:star-scatter-full 1250ms cubic-bezier(.12,.6,.3,1) var(--delay,0ms) both}
@keyframes star-scatter-full{0%{opacity:0;transform:translate(0,0) scale(.15)}12%{opacity:1}45%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin,90deg)) scale(.6)}}
.star-burst i:nth-child(1){--x:-133px;--y:146px;--delay:25ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(2){--x:17px;--y:-239px;--delay:50ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(3){--x:134px;--y:210px;--delay:75ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(4){--x:-236px;--y:-50px;--delay:100ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(5){--x:219px;--y:-167px;--delay:125ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(6){--x:-73px;--y:324px;--delay:150ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(7){--x:-138px;--y:-319px;--delay:0ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(8){--x:301px;--y:132px;--delay:25ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(9){--x:-314px;--y:156px;--delay:50ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(10){--x:153px;--y:-391px;--delay:75ms;--spin:0deg;font-size:26px}
.star-burst i:nth-child(11){--x:48px;--y:183px;--delay:100ms;--spin:65deg;font-size:30px}
.star-burst i:nth-child(12){--x:-156px;--y:-108px;--delay:125ms;--spin:130deg;font-size:10px}
.star-burst i:nth-child(13){--x:195px;--y:-52px;--delay:150ms;--spin:195deg;font-size:14px}
.star-burst i:nth-child(14){--x:-127px;--y:216px;--delay:0ms;--spin:260deg;font-size:18px}
.star-burst i:nth-child(15){--x:-31px;--y:-286px;--delay:25ms;--spin:0deg;font-size:22px}
.star-burst i:nth-child(16){--x:199px;--y:201px;--delay:50ms;--spin:65deg;font-size:26px}
.star-burst i:nth-child(17){--x:-280px;--y:14px;--delay:75ms;--spin:130deg;font-size:30px}
.star-burst i:nth-child(18){--x:213px;--y:-254px;--delay:100ms;--spin:195deg;font-size:10px}
.star-burst i:nth-child(19){--x:-15px;--y:384px;--delay:125ms;--spin:260deg;font-size:14px}
.star-burst i:nth-child(20){--x:-218px;--y:-313px;--delay:150ms;--spin:0deg;font-size:18px}
.star-burst i:nth-child(21){--x:357px;--y:58px;--delay:0ms;--spin:65deg;font-size:22px}
.star-burst i:nth-child(22){--x:-131px;--y:110px;--delay:25ms;--spin:130deg;font-size:26px}
.star-burst i:nth-child(23){--x:40px;--y:-211px;--delay:50ms;--spin:195deg;font-size:30px}
.star-burst i:nth-child(24){--x:99px;--y:208px;--delay:75ms;--spin:260deg;font-size:10px}
.star-burst i:nth-child(25){--x:-210px;--y:-80px;--delay:100ms;--spin:0deg;font-size:14px}
.star-burst i:nth-child(26){--x:218px;--y:-121px;--delay:125ms;--spin:65deg;font-size:18px}
.star-burst i:nth-child(27){--x:-100px;--y:288px;--delay:150ms;--spin:130deg;font-size:22px}
.star-burst i:nth-child(28){--x:-95px;--y:-316px;--delay:0ms;--spin:195deg;font-size:26px}
.star-burst i:nth-child(29){--x:266px;--y:167px;--delay:25ms;--spin:260deg;font-size:30px}
.star-burst i:nth-child(30){--x:-309px;--y:98px;--delay:50ms;--spin:0deg;font-size:10px}
.star-burst i:nth-child(31){--x:184px;--y:-343px;--delay:75ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(32){--x:61px;--y:426px;--delay:100ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(33){--x:-126px;--y:-118px;--delay:125ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(34){--x:179px;--y:-18px;--delay:150ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(35){--x:-136px;--y:176px;--delay:0ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(36){--x:1px;--y:-264px;--delay:25ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(37){--x:161px;--y:213px;--delay:50ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(38){--x:-259px;--y:-29px;--delay:75ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(39){--x:223px;--y:-203px;--delay:100ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(40){--x:-54px;--y:354px;--delay:125ms;--spin:0deg;font-size:26px}
.star-burst i:nth-child(41){--x:-170px;--y:-325px;--delay:150ms;--spin:65deg;font-size:30px}
.star-burst i:nth-child(42){--x:328px;--y:108px;--delay:0ms;--spin:130deg;font-size:10px}
.star-burst i:nth-child(43){--x:-320px;--y:197px;--delay:25ms;--spin:195deg;font-size:14px}
.star-burst i:nth-child(44){--x:56px;--y:-180px;--delay:50ms;--spin:260deg;font-size:18px}
.star-burst i:nth-child(45){--x:68px;--y:200px;--delay:75ms;--spin:0deg;font-size:22px}
.star-burst i:nth-child(46){--x:-181px;--y:-103px;--delay:100ms;--spin:65deg;font-size:26px}
.star-burst i:nth-child(47){--x:210px;--y:-78px;--delay:125ms;--spin:130deg;font-size:30px}
.star-burst i:nth-child(48){--x:-121px;--y:248px;--delay:150ms;--spin:195deg;font-size:10px}
.star-burst i:nth-child(49){--x:-55px;--y:-305px;--delay:0ms;--spin:260deg;font-size:14px}
.star-burst i:nth-child(50){--x:228px;--y:195px;--delay:25ms;--spin:0deg;font-size:18px}
.star-burst i:nth-child(51){--x:-298px;--y:45px;--delay:50ms;--spin:65deg;font-size:22px}
.star-burst i:nth-child(52){--x:207px;--y:-292px;--delay:75ms;--spin:130deg;font-size:26px}
.star-burst i:nth-child(53){--x:12px;--y:408px;--delay:100ms;--spin:195deg;font-size:30px}
.star-burst i:nth-child(54){--x:-253px;--y:-308px;--delay:125ms;--spin:260deg;font-size:10px}
.star-burst i:nth-child(55){--x:160px;--y:10px;--delay:150ms;--spin:0deg;font-size:14px}
.star-burst i:nth-child(56){--x:-139px;--y:138px;--delay:0ms;--spin:65deg;font-size:18px}
.star-burst i:nth-child(57){--x:28px;--y:-238px;--delay:25ms;--spin:130deg;font-size:22px}
.star-burst i:nth-child(58){--x:125px;--y:217px;--delay:50ms;--spin:195deg;font-size:26px}
.star-burst i:nth-child(59){--x:-234px;--y:-65px;--delay:75ms;--spin:260deg;font-size:30px}
.star-burst i:nth-child(60){--x:226px;--y:-154px;--delay:100ms;--spin:0deg;font-size:10px}
.star-burst i:nth-child(61){--x:-86px;--y:320px;--delay:125ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(62){--x:-124px;--y:-328px;--delay:150ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(63){--x:295px;--y:150px;--delay:0ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(64){--x:-320px;--y:136px;--delay:25ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(65){--x:169px;--y:-381px;--delay:50ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(66){--x:40px;--y:186px;--delay:75ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(67){--x:-151px;--y:-118px;--delay:100ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(68){--x:197px;--y:-39px;--delay:125ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(69){--x:-136px;--y:208px;--delay:150ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(70){--x:-19px;--y:-287px;--delay:0ms;--spin:0deg;font-size:26px}
.star-burst i:nth-child(71){--x:190px;--y:213px;--delay:25ms;--spin:65deg;font-size:30px}
.star-burst i:nth-child(72){--x:-280px;--y:-3px;--delay:50ms;--spin:130deg;font-size:10px}
.star-burst i:nth-child(73){--x:223px;--y:-241px;--delay:75ms;--spin:195deg;font-size:14px}
.star-burst i:nth-child(74){--x:-31px;--y:382px;--delay:100ms;--spin:260deg;font-size:18px}
.star-burst i:nth-child(75){--x:-204px;--y:-326px;--delay:125ms;--spin:0deg;font-size:22px}
.star-burst i:nth-child(76){--x:354px;--y:79px;--delay:150ms;--spin:65deg;font-size:26px}
.star-burst i:nth-child(77){--x:-136px;--y:101px;--delay:0ms;--spin:130deg;font-size:30px}
.star-burst i:nth-child(78){--x:48px;--y:-208px;--delay:25ms;--spin:195deg;font-size:10px}
.star-burst i:nth-child(79){--x:90px;--y:214px;--delay:50ms;--spin:260deg;font-size:14px}
.star-burst i:nth-child(80){--x:-206px;--y:-93px;--delay:75ms;--spin:0deg;font-size:18px}
.star-burst i:nth-child(81){--x:223px;--y:-107px;--delay:100ms;--spin:65deg;font-size:22px}
.star-burst i:nth-child(82){--x:-112px;--y:281px;--delay:125ms;--spin:130deg;font-size:26px}
.star-burst i:nth-child(83){--x:-81px;--y:-322px;--delay:150ms;--spin:195deg;font-size:30px}
.star-burst i:nth-child(84){--x:258px;--y:184px;--delay:0ms;--spin:260deg;font-size:10px}
.star-burst i:nth-child(85){--x:-313px;--y:79px;--delay:25ms;--spin:0deg;font-size:14px}
.star-burst i:nth-child(86){--x:198px;--y:-331px;--delay:50ms;--spin:65deg;font-size:18px}
.star-burst i:nth-child(87){--x:43px;--y:429px;--delay:75ms;--spin:130deg;font-size:22px}
.star-burst i:nth-child(88){--x:-121px;--y:-125px;--delay:100ms;--spin:195deg;font-size:26px}
.star-burst i:nth-child(89){--x:180px;--y:-7px;--delay:125ms;--spin:260deg;font-size:30px}
.star-burst i:nth-child(90){--x:-143px;--y:168px;--delay:150ms;--spin:0deg;font-size:10px}
.star-burst i:nth-child(91){--x:12px;--y:-264px;--delay:0ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(92){--x:152px;--y:223px;--delay:25ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(93){--x:-257px;--y:-45px;--delay:50ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(94){--x:231px;--y:-189px;--delay:75ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(95){--x:-69px;--y:350px;--delay:100ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(96){--x:-156px;--y:-335px;--delay:125ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(97){--x:323px;--y:128px;--delay:150ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(98){--x:-328px;--y:177px;--delay:0ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(99){--x:63px;--y:-176px;--delay:25ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(100){--x:59px;--y:204px;--delay:50ms;--spin:0deg;font-size:26px}
.star-burst i:nth-child(101){--x:-176px;--y:-114px;--delay:75ms;--spin:65deg;font-size:30px}
.star-burst i:nth-child(102){--x:213px;--y:-65px;--delay:100ms;--spin:130deg;font-size:10px}
.star-burst i:nth-child(103){--x:-132px;--y:241px;--delay:125ms;--spin:195deg;font-size:14px}
.star-burst i:nth-child(104){--x:-42px;--y:-308px;--delay:150ms;--spin:260deg;font-size:18px}
.star-burst i:nth-child(105){--x:220px;--y:208px;--delay:0ms;--spin:0deg;font-size:22px}
.star-burst i:nth-child(106){--x:-299px;--y:26px;--delay:25ms;--spin:65deg;font-size:26px}
.star-burst i:nth-child(107){--x:220px;--y:-279px;--delay:50ms;--spin:130deg;font-size:30px}
.star-burst i:nth-child(108){--x:-5px;--y:408px;--delay:75ms;--spin:195deg;font-size:10px}
.star-burst i:nth-child(109){--x:-239px;--y:-323px;--delay:100ms;--spin:260deg;font-size:14px}
.star-burst i:nth-child(110){--x:159px;--y:20px;--delay:125ms;--spin:0deg;font-size:18px}
.star-burst i:nth-child(111){--x:-144px;--y:129px;--delay:150ms;--spin:65deg;font-size:22px}
.star-burst i:nth-child(112){--x:38px;--y:-236px;--delay:0ms;--spin:130deg;font-size:26px}
.star-burst i:nth-child(113){--x:115px;--y:225px;--delay:25ms;--spin:195deg;font-size:30px}
.star-burst i:nth-child(114){--x:-231px;--y:-79px;--delay:50ms;--spin:260deg;font-size:10px}
.star-burst i:nth-child(115){--x:232px;--y:-140px;--delay:75ms;--spin:0deg;font-size:14px}
.star-burst i:nth-child(116){--x:-100px;--y:314px;--delay:100ms;--spin:65deg;font-size:18px}
.star-burst i:nth-child(117){--x:-110px;--y:-335px;--delay:125ms;--spin:130deg;font-size:22px}
.star-burst i:nth-child(118){--x:288px;--y:168px;--delay:150ms;--spin:195deg;font-size:26px}
.star-burst i:nth-child(119){--x:-326px;--y:116px;--delay:0ms;--spin:260deg;font-size:30px}
.star-burst i:nth-child(120){--x:185px;--y:-371px;--delay:25ms;--spin:0deg;font-size:10px}
.star-burst i:nth-child(121){--x:32px;--y:188px;--delay:50ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(122){--x:-146px;--y:-127px;--delay:75ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(123){--x:199px;--y:-27px;--delay:100ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(124){--x:-144px;--y:199px;--delay:125ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(125){--x:-6px;--y:-288px;--delay:150ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(126){--x:181px;--y:224px;--delay:0ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(127){--x:-279px;--y:-20px;--delay:25ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(128){--x:233px;--y:-227px;--delay:50ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(129){--x:-47px;--y:380px;--delay:75ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(130){--x:-190px;--y:-338px;--delay:100ms;--spin:0deg;font-size:26px}
.star-burst i:nth-child(131){--x:350px;--y:101px;--delay:125ms;--spin:65deg;font-size:30px}
.star-burst i:nth-child(132){--x:-140px;--y:93px;--delay:150ms;--spin:130deg;font-size:10px}
.star-burst i:nth-child(133){--x:57px;--y:-205px;--delay:0ms;--spin:195deg;font-size:14px}
.star-burst i:nth-child(134){--x:81px;--y:219px;--delay:25ms;--spin:260deg;font-size:18px}
.star-burst i:nth-child(135){--x:-202px;--y:-105px;--delay:50ms;--spin:0deg;font-size:22px}
.star-burst i:nth-child(136){--x:227px;--y:-93px;--delay:75ms;--spin:65deg;font-size:26px}
.star-burst i:nth-child(137){--x:-124px;--y:274px;--delay:100ms;--spin:130deg;font-size:30px}
.star-burst i:nth-child(138){--x:-67px;--y:-326px;--delay:125ms;--spin:195deg;font-size:10px}
.star-burst i:nth-child(139){--x:250px;--y:199px;--delay:150ms;--spin:260deg;font-size:14px}
.star-burst i:nth-child(140){--x:-316px;--y:59px;--delay:0ms;--spin:0deg;font-size:18px}
.star-burst i:nth-child(141){--x:212px;--y:-319px;--delay:25ms;--spin:65deg;font-size:22px}
.star-burst i:nth-child(142){--x:24px;--y:431px;--delay:50ms;--spin:130deg;font-size:26px}
.star-burst i:nth-child(143){--x:-116px;--y:-132px;--delay:75ms;--spin:195deg;font-size:30px}
.star-burst i:nth-child(144){--x:180px;--y:4px;--delay:100ms;--spin:260deg;font-size:10px}
.star-burst i:nth-child(145){--x:-150px;--y:159px;--delay:125ms;--spin:0deg;font-size:14px}
.star-burst i:nth-child(146){--x:24px;--y:-262px;--delay:150ms;--spin:65deg;font-size:18px}
.star-burst i:nth-child(147){--x:142px;--y:232px;--delay:0ms;--spin:130deg;font-size:22px}
.star-burst i:nth-child(148){--x:-255px;--y:-60px;--delay:25ms;--spin:195deg;font-size:26px}
.star-burst i:nth-child(149){--x:239px;--y:-175px;--delay:50ms;--spin:260deg;font-size:30px}
.star-burst i:nth-child(150){--x:-84px;--y:346px;--delay:75ms;--spin:0deg;font-size:10px}
.star-burst i:nth-child(151){--x:-142px;--y:-344px;--delay:100ms;--spin:65deg;font-size:14px}
.star-burst i:nth-child(152){--x:317px;--y:147px;--delay:125ms;--spin:130deg;font-size:18px}
.star-burst i:nth-child(153){--x:-335px;--y:157px;--delay:150ms;--spin:195deg;font-size:22px}
.star-burst i:nth-child(154){--x:71px;--y:-172px;--delay:0ms;--spin:260deg;font-size:26px}
.star-burst i:nth-child(155){--x:51px;--y:207px;--delay:25ms;--spin:0deg;font-size:30px}
.star-burst i:nth-child(156){--x:-171px;--y:-124px;--delay:50ms;--spin:65deg;font-size:10px}
.star-burst i:nth-child(157){--x:216px;--y:-52px;--delay:75ms;--spin:130deg;font-size:14px}
.star-burst i:nth-child(158){--x:-142px;--y:232px;--delay:100ms;--spin:195deg;font-size:18px}
.star-burst i:nth-child(159){--x:-28px;--y:-310px;--delay:125ms;--spin:260deg;font-size:22px}
.star-burst i:nth-child(160){--x:211px;--y:222px;--delay:150ms;--spin:0deg;font-size:26px}

/* Start the turn only after the overlay has painted. */
.reveal-card{animation:none;transform:rotateY(0);will-change:transform}
.reveal-stage.spinning .reveal-card{animation:stage-turn 850ms cubic-bezier(.25,.65,.3,1) forwards}
.star-burst i{filter:none}
@media(max-width:700px){
 .reveal-face{box-shadow:0 12px 28px #0006}
 .star-burst i,.star-burst i:nth-child(2n){text-shadow:0 0 5px #f3e4bd80;filter:none}
 .card-choice.is-center img{box-shadow:0 0 14px #d2b67528,0 12px 22px #0005}
}

.advertisement{max-width:1040px;margin:64px auto;padding:24px;min-height:140px;text-align:center;border-top:1px solid var(--line)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;color:var(--muted);font-size:13px}.breadcrumbs a{color:var(--gold)}.context-link{margin:24px 0;color:var(--gold);font-size:14px}.context-link a{border-bottom:1px solid #d2b67580;padding-bottom:3px}