@import url('./fonts.css');

:root{color-scheme:dark;--bg:#26171f;--cream:#f3e7d7;--muted:#b4a2a6;--gold:#d9b788;--line:rgba(234,204,180,.13);font-family:'DM Sans',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);min-width:320px;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e3caa5;outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}button .icon{pointer-events:none}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1192px;width:calc(100% - 112px);margin-inline:auto}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(100px)}.ambient-one{top:-230px;right:-90px;width:700px;height:700px;background:radial-gradient(circle,#69374066,transparent 70%)}.ambient-two{top:650px;left:-180px;width:500px;height:650px;background:radial-gradient(circle,#52303936,transparent 70%)}body{overflow-x:hidden}body:after{content:'';position:fixed;inset:0;opacity:.028;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:-1.6px}.brand-mark{font-family:Georgia,serif;color:var(--gold);font-size:38px;line-height:1;font-weight:400}.brand-dot{color:var(--gold)}.header-note{font-size:9px;font-weight:500;letter-spacing:2.8px;display:flex;align-items:center;gap:10px;color:#c8b6b3;margin-left:48px}.header-note i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.help-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#c5b3b3;font-size:11px;padding:12px 0 12px 12px}.help-button:hover{color:var(--cream)}.help-icon{border:1px solid #9b8287;border-radius:50%;width:17px;height:17px;text-align:center;font-size:11px;line-height:15px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:365px;position:relative;align-items:center;padding:44px 0 34px;gap:10px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--gold);font-weight:500;display:flex;gap:12px;align-items:center;margin:0 0 22px}.eyebrow>span{display:block;width:21px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.9px;font-size:58px;line-height:1.07;margin:0}h1 em{color:#d9ac96;font-weight:400} .hero-description{font-size:12px;line-height:1.9;color:#c0aeb0;margin:20px 0 0;font-weight:400}.hero-footnote{margin-top:23px;font-size:10px;color:#ad9399;display:flex;align-items:center;gap:8px}.tiny-star{color:var(--gold);font-size:19px}.hero-art{height:300px;position:relative;align-self:center;isolation:isolate;min-width:0;transform:translate(8px,-2px)}.hero-art:before{content:'';position:absolute;inset:45px 10px;background:radial-gradient(ellipse,#9f5c513a,transparent 68%);filter:blur(25px)}#scene{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1}.orbit{position:absolute;width:345px;height:175px;border:1px solid #b98f6922;border-radius:50%;top:75px;left:50%;transform:translateX(-50%) rotate(-20deg)}.orbit-two{width:270px;height:270px;transform:translateX(-50%) rotate(35deg);top:15px;border-color:#b98f6912}.art-star{position:absolute;z-index:2;color:var(--gold)}.star-one{top:39px;right:85px;font-size:22px}.star-two{bottom:68px;left:30px;font-size:34px}.star-three{top:68px;left:72px;font-size:25px}.art-caption{position:absolute;bottom:3px;left:50%;transform:translateX(-50%) rotate(-6deg);color:#b89a91;font-family:Georgia,serif;font-style:italic;font-size:14px;white-space:nowrap}.hero-fallback{position:absolute;inset:0;transition:opacity .5s}.hero-fallback svg{position:absolute;width:148px;left:32%;top:22%;filter:drop-shadow(0 25px 25px #09030644);transform:rotate(-12deg)}.hero-fallback svg:nth-child(2){width:98px;left:12%;top:7%;transform:rotate(12deg);opacity:.9}.hero-fallback svg:nth-child(3){width:86px;left:67%;top:49%;transform:rotate(15deg)}.hero-art.ready .hero-fallback{opacity:0}
.game-section{margin-top:9px}.board-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px}.section-number{font-size:8px;letter-spacing:2px;display:block;color:var(--gold);margin-bottom:9px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:26px;letter-spacing:-.8px;margin:0}.board-heading-group p{font-size:10px;color:var(--muted);margin:9px 0 0}.random-button{display:flex;align-items:center;gap:10px;border:1px solid #bc967d55;border-radius:5px;background:#74504713;padding:13px 17px;font-size:10px;font-weight:500;color:#dfcbb6;transition:background .2s,border-color .2s}.random-button>.icon:first-child{width:16px;height:16px;fill:none}.random-button .arrow{width:15px;margin-left:13px}.random-button:hover{background:#99755a22;border-color:#d9b78899}.random-button:disabled{opacity:.35}.board-shell{border:1px solid var(--line);border-radius:10px;background:linear-gradient(130deg,#ffffff03,#ffffff00 55%,#b1766305);padding:0 26px;position:relative;box-shadow:inset 0 1px #ffffff03,0 24px 70px #10090d0a}.board-info{height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9b7880d}.board-info-left{font-size:7px;letter-spacing:1.8px;color:#ad969a;display:flex;align-items:center;gap:7px}.live-dot{width:4px;height:4px;background:#c9a277;border-radius:50%;box-shadow:0 0 9px #dcbb7f55}.remaining{font-size:9px;color:#a89298}.remaining strong{font-size:12px;font-weight:500;color:#e6cfb1;margin-right:3px}.board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:16px;row-gap:9px;padding:20px 0 18px}.box-button{border:0;background:none;position:relative;padding:3px 2px 8px;min-width:0;display:flex;flex-direction:column;align-items:center;border-radius:8px;transition:background .25s;isolation:isolate}.box-button:before{content:'';position:absolute;inset:14% -2px 15%;background:radial-gradient(ellipse,var(--box-glow),transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}.gift-svg{display:block;width:100%;max-width:85px;height:auto;overflow:visible;filter:drop-shadow(0 9px 7px #0802063b);transform-origin:50% 75%;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;will-change:transform}.gift-lid{transform-origin:50px 40px;transition:transform .35s}.gift-bow{transition:opacity .3s}.box-button:not(:disabled):hover:before,.box-button:not(:disabled):focus-visible:before{opacity:1}.box-button:not(:disabled):hover .gift-svg{transform:translateY(-7px) rotate(-3deg);filter:drop-shadow(0 15px 10px #08020655)}.box-button:not(:disabled):hover .gift-lid{transform:translateY(-3px)}.box-number{font-size:8px;font-weight:400;letter-spacing:1.4px;color:#b59ba0;margin-top:4px;transition:color .2s;display:flex;align-items:center;gap:4px;min-height:14px}.box-button:not(:disabled):hover .box-number{color:#f3e7d7}.used-lock{width:9px;height:9px;display:none}.box-button.used .gift-svg{opacity:.2;filter:none;transform:scale(.88)}.box-button.used .gift-lid{transform:translate(10px,-12px) rotate(12deg)}.box-button.used .gift-bow{opacity:0}.box-button.used .box-number{color:#876d78;font-size:8px}.box-button.used .used-lock{display:block}.box-button.just-opened .gift-svg{animation:open-pop .5s ease}.board-bottom{display:flex;align-items:center;gap:15px;min-height:49px;border-top:1px solid #d9b7880d;color:#927c85;font-size:8px}.board-bottom>span:first-child{display:flex;gap:6px;align-items:center}.board-bottom .icon{width:11px;height:11px}.progress-track{margin-left:auto;width:82px;height:2px;border-radius:4px;background:#bd9b8b1c;overflow:hidden}.progress-track>span{display:block;width:0;height:100%;background:#caad89;transition:width .6s ease}.category-strip{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:26px 0 32px}.category-strip>span{font-size:7px;letter-spacing:1.8px;color:#8d747d}.category-strip>div{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.category{display:flex;gap:6px;align-items:center;font-size:8px;color:#b29ca2}.category i{width:5px;height:5px;border-radius:50%;display:block;background:var(--category-color)}.site-footer{padding:22px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#8e7580;font-size:9px}.footer-heart{font-family:Georgia,serif;font-style:italic;color:#bea38e;font-size:12px}.site-footer>span:last-child{display:flex;gap:10px;align-items:center;letter-spacing:1.5px;font-size:7px}.site-footer .icon{width:12px;height:12px;color:#bc8d80}.completion{text-align:center;padding:35px 15px 5px}.completion>span{color:#d8aa92;font-size:37px}.completion h2{font-size:35px;line-height:1.3;margin-top:15px}.completion h2 em{color:#d8aa92;font-weight:400}.completion p{font-size:12px;color:var(--muted);margin-top:16px}
dialog{color:#3d2d30;border:1px solid #dac5ae;background:#f2e8d8;border-radius:14px;padding:52px 52px 32px;width:min(600px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow-x:hidden;box-shadow:0 35px 150px #09010988;position:fixed;margin:auto;isolation:isolate}dialog::backdrop{background:#1b0d17b8;backdrop-filter:blur(11px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.75,.2,1)}.question-dialog{text-align:center}.dialog-close{position:absolute;top:15px;right:15px;background:none;border:1px solid #75585822;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#795f62;z-index:3}.dialog-close:hover{background:#7558580d}.dialog-close .icon{width:14px;height:14px}.question-category{display:inline-flex;border:1px solid #ae8a6e42;color:#99764f;padding:6px 12px;border-radius:30px;font-size:9px;letter-spacing:.3px}.question-ornament{display:block;font-family:Georgia,serif;font-size:58px;font-weight:400;color:var(--question-color,#b98b61);line-height:1.3;margin:22px 0 12px}.question-box-label{font-size:8px;letter-spacing:2px;color:#9e8372;margin:0 0 18px}.question-dialog h2{font-size:33px;line-height:1.38;letter-spacing:-.8px;position:relative;margin:0 auto;color:#49343b;max-width:480px}.question-tip{font-size:11px;color:#a0857d;margin:23px 0 0}.question-divider{margin:25px auto;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;color:#c3a483;font-size:14px}.question-divider:before,.question-divider:after{content:'';height:1px;width:72px;background:#b595722f}.continue-button{background:#402733;color:#f6e8d7;border:1px solid #402733;display:flex;justify-content:center;align-items:center;gap:35px;padding:15px 22px;border-radius:4px;font-size:11px;margin:0 auto;transition:background .2s}.continue-button:hover{background:#613949}.continue-button .icon{width:16px;height:16px}.single-use-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;line-height:1.8;color:#a68e83;margin:17px 0 0}.single-use-note .icon{width:10px;height:10px}.help-dialog{text-align:center;padding-top:40px}.help-ornament{display:block;font-size:40px;color:#ac8966}.help-dialog .eyebrow{font-size:7px;color:#9e7a5e;justify-content:center;margin:12px 0 15px;letter-spacing:1.8px}.help-dialog h2{font-size:35px}.help-dialog h2 em{color:#a2706d}.help-dialog ol{list-style:none;margin:27px 0 0;padding:0;text-align:left}.help-dialog li{display:flex;gap:16px;margin:24px 0}.help-dialog li>span{font-size:11px;color:#b28e66;padding-top:3px}.help-dialog li strong{font-size:12px;font-weight:600;color:#5c4147}.help-dialog li p{font-size:11px;line-height:1.8;color:#967c79;margin:6px 0 0}.storage-note{padding-top:16px;border-top:1px solid #b08c6b30;font-size:9px;line-height:1.8;color:#a0857d;margin:20px 0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);border:1px solid #d2b99b55;background:#3a2833;color:var(--cream);box-shadow:0 8px 35px #0005;border-radius:7px;padding:14px 20px;z-index:100;font-size:11px;line-height:1.8;width:max-content;max-width:calc(100% - 36px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{text-align:center;padding:20px;color:var(--cream)}
@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes open-pop{0%{transform:scale(1)}50%{transform:scale(1.1) translateY(-8px)}100%{transform:scale(.88)}}
@media(min-width:1500px){.wrap{max-width:1240px}.hero{min-height:400px}.hero-art{height:340px}h1{font-size:66px}.board{gap:12px 22px}.gift-svg{max-width:91px}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.hero{grid-template-columns:1.2fr 1fr}h1{font-size:49px}.hero-art{height:280px}.orbit-one{width:280px}.hero-art .star-one{right:35px}.board{column-gap:7px}.board-shell{padding:0 20px}.header-note{margin-left:0;font-size:8px;letter-spacing:1.8px}.hero-fallback svg{width:125px}.hero-fallback svg:nth-child(2){width:75px}.hero-fallback svg:nth-child(3){width:70px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:27px}.brand-mark{font-size:32px}.header-note{display:none}.help-button{font-size:10px}.hero{padding:34px 0 29px;min-height:315px;grid-template-columns:1.1fr .85fr;gap:0}.eyebrow{font-size:7px;letter-spacing:1.4px;gap:8px;margin-bottom:18px}.eyebrow>span{width:15px}h1{font-size:43px;letter-spacing:-2px;line-height:1.12}.hero-description{font-size:11px;margin-top:16px}.hero-footnote{font-size:8px;margin-top:16px}.hero-art{height:230px;transform:translate(10px,0)}.orbit-one{width:215px;height:130px;top:65px}.orbit-two{width:195px;height:195px}.art-caption{font-size:11px;bottom:5px}.star-one{font-size:17px;top:10px;right:20px!important}.star-two{font-size:23px;left:0;bottom:45px}.star-three{left:12px;top:38px}.board-top{margin-bottom:19px}.board-heading-group h2{font-size:23px}.board-heading-group p{font-size:9px}.section-number{font-size:7px}.random-button{font-size:9px;padding:11px 12px;gap:7px}.random-button .arrow{display:none}.random-button>.icon:first-child{width:15px}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px 16px;padding:19px 0}.board-shell{padding:0 19px}.gift-svg{max-width:87px}.board-info-left{font-size:6px;letter-spacing:1px}.remaining{font-size:8px}.remaining strong{font-size:11px}.board-info{height:46px}.category-strip{gap:13px;padding:24px 0}.category-strip>span{font-size:7px}.category-strip>div{gap:12px 17px}.category{font-size:8px}.site-footer{padding:19px 0 23px;font-size:8px}.site-footer>span:last-child{font-size:6px;letter-spacing:1px}.hero-fallback svg{width:95px;top:28%;left:30%}.hero-fallback svg:nth-child(2){width:65px;left:0;top:12%}.hero-fallback svg:nth-child(3){width:52px;left:68%;top:56%}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{height:73px}.hero{display:block;padding:35px 0 28px;min-height:350px}.hero-copy{width:100%}.hero h1{font-size:45px;line-height:1.08;letter-spacing:-2.2px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:21px}.hero-description{font-size:11px;line-height:1.9;margin-top:18px}.hero-footnote{font-size:8px;margin-top:18px;position:relative;z-index:3}.hero-art{position:absolute;right:-25px;bottom:1px;width:180px;height:207px;transform:rotate(6deg);opacity:.95}.hero-art .orbit{width:170px;height:105px;top:50px}.orbit-two{display:none}.hero-art .art-caption{font-size:10px;bottom:4px}.hero-art .star-one{top:23px;right:26px!important;font-size:15px}.hero-art .star-two{font-size:20px;bottom:24px;left:13px}.hero-art .star-three{display:none}.hero-fallback svg{width:86px}.hero-fallback svg:nth-child(2){width:58px;left:3%;top:15%}.hero-fallback svg:nth-child(3){width:46px;left:68%;top:53%}.board-top{align-items:center;gap:12px}.board-heading-group h2{font-size:22px;letter-spacing:-.8px}.board-heading-group p{font-size:8px;line-height:1.7;max-width:200px;margin-top:7px}.random-button{padding:11px 10px;font-size:9px;gap:6px;white-space:nowrap}.random-button .icon{width:13px!important;height:13px}.section-number{font-size:6px;margin-bottom:7px}.board-shell{padding:0 12px;border-radius:7px}.board-info{height:45px}.board-info-left{font-size:5.5px;letter-spacing:.7px;gap:5px;max-width:150px;line-height:1.7}.live-dot{flex-shrink:0}.remaining{font-size:7px;white-space:nowrap}.remaining strong{font-size:10px}.board{gap:11px 7px;padding:15px 0 14px}.box-button{padding:2px 0 5px}.box-number{font-size:7px;margin-top:2px}.board-bottom{font-size:6.5px;gap:6px;min-height:43px}.board-bottom .icon{width:9px;height:9px}.board-bottom>span:first-child{gap:4px}.progress-track{width:37px}.board-bottom>span:last-child{white-space:nowrap}.category-strip{padding:23px 3px 25px;gap:12px}.category-strip>div{gap:11px 17px}.category{font-size:7px}.category i{width:4px;height:4px}.site-footer{align-items:center;font-size:7px;gap:8px}.footer-heart{font-size:10px}.site-footer>span:last-child{font-size:5.5px;letter-spacing:.7px;gap:6px}.site-footer .icon{width:10px;height:10px}dialog{padding:43px 24px 27px;width:calc(100% - 30px);max-height:calc(100dvh - 30px);border-radius:10px}.question-dialog h2{font-size:29px;line-height:1.36}.question-ornament{font-size:48px;margin:20px 0 11px}.question-box-label{font-size:7px;margin-bottom:16px}.question-tip{font-size:10px;margin-top:19px}.single-use-note{font-size:7px}.question-category{font-size:8px}.question-divider{margin:23px auto}.continue-button{font-size:10px;padding:14px 20px}.help-dialog h2{font-size:31px}.help-dialog li{gap:12px}.help-dialog li strong{font-size:11px}.help-dialog li p{font-size:10px}.help-dialog .eyebrow{font-size:6px;letter-spacing:1.3px}}
html{overflow-x:clip}.ambient{max-width:100%}.ambient-one{right:0}.ambient-two{left:0}
@media(max-width:480px){.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-art{right:0;width:150px;height:190px;transform:none}.box-number{font-size:9px}.remaining{font-size:8px}.board-info-left{font-size:6.5px;letter-spacing:.5px;max-width:140px}.board-info{gap:8px}.board-bottom{font-size:7px}.category{font-size:9px}.hero-description{font-size:12px}.hero-footnote{font-size:9px}.hero-art .art-caption{font-size:9px}.board-heading-group p{font-size:9px}.site-footer{font-size:8px}.single-use-note{font-size:8px}}
@media(max-width:480px){.hero-art{overflow:clip}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gift-svg{will-change:auto}}