@font-face{font-family:LocalSong;src:local("Songti SC"),local("STSong"),local("Noto Serif CJK SC");font-display:swap}:root{font-family:LocalSong,Songti SC,STSong,"Noto Serif CJK SC",serif;color:#efdcaf;background:#170b08;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:5px solid #f5d585;outline-offset:5px}img{display:block;max-width:100%}button img{user-select:none;-webkit-user-drag:none}button{border:0}button,a{touch-action:manipulation}.app-shell{width:100%;min-height:100svh;height:100dvh;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at center,#3b2116,#170b08 70%);overflow:hidden}.experience-frame{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*6/13));aspect-ratio:6/13;position:relative;overflow:hidden;box-shadow:0 0 0 1px #75553755,0 20px 90px #000a;isolation:isolate}.design-stage{width:1080px;height:2340px;position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#27100a}.page,.scene-wrapper{position:absolute;inset:0}.scene{position:absolute;inset:0;width:1080px;height:2340px;max-width:none;object-fit:contain}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#180906b3,transparent 30%,transparent 73%,#180906d9)}.heading{position:absolute;left:120px;right:120px;top:155px;text-align:center;z-index:8;pointer-events:none;text-shadow:0 3px 22px #120800}.eyebrow{font-size:27px;letter-spacing:9px;color:#c5a47c}.heading h1{font-size:85px;letter-spacing:11px;font-weight:500;margin:38px 0 20px;line-height:1.3}.heading p{font-size:38px;letter-spacing:4px;line-height:1.8;margin:0}.top-controls{position:absolute;top:45px;left:40px;right:40px;display:flex;justify-content:space-between;z-index:30;pointer-events:none}.top-controls button{pointer-events:auto;background:#2c0d0855;border:1px solid #bc925547;width:128px;height:128px;border-radius:50%;font-size:66px;line-height:1;backdrop-filter:blur(8px)}.top-controls button:last-child{font-size:43px}.top-controls.on-paper button{background:#eee1ca70;border-color:#9b251733;color:#921d14}.gold-button{height:137px;min-height:137px;padding:0 50px;border:2px solid #d5b077;background:linear-gradient(160deg,#af2c1e,#74140e);border-radius:28px;color:#f6e6b9;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:30px;font-size:47px;letter-spacing:4px;box-shadow:inset 0 0 0 8px #ac6f3422,0 9px 23px #17070055;width:100%;position:relative}.gold-button:before,.gold-button:after{content:"";width:13px;height:13px;border:1px solid #e8c383;transform:rotate(45deg);position:absolute;top:calc(50% - 6px)}.gold-button:before{left:21px}.gold-button:after{right:21px}.gold-button span{font-size:76px;font-family:serif;line-height:1}.gold-button.secondary{background:#2c120dc7;height:115px;min-height:115px;font-size:38px;border-color:#a38456}.gold-button:disabled{opacity:.6}.gesture-note{font-size:33px;line-height:1.85;letter-spacing:2px;text-align:center;color:#d0b990;margin:25px 0 0}.opening-heading{position:absolute;left:610px;top:180px;color:#8b1b15;display:flex;align-items:flex-start;gap:38px}.vertical-title{display:flex;flex-direction:row-reverse;gap:24px}.vertical-title h1{writing-mode:vertical-rl;font-size:112px;font-weight:600;letter-spacing:12px;margin:0;line-height:1.2}.vertical-title p{writing-mode:vertical-rl;letter-spacing:14px;font-size:48px;margin:70px 0 0}.opening-seal{position:absolute;left:258px;top:15px;writing-mode:vertical-rl;font-size:27px;letter-spacing:8px;padding:15px 10px;border-radius:7px;background:#9d251b;color:#f4e3c9}.opening-footer{position:absolute;left:210px;right:210px;bottom:80px;text-align:center;color:#81251b}.opening-footer .gold-button{height:135px;min-height:135px}.opening-footer p{font-size:36px;white-space:nowrap;margin:27px -90px 15px}.opening-footer small{font-size:25px;letter-spacing:7px;color:#9c6b50}.opening-image.unfolding{animation:paper-fade 1.5s forwards}.unfold-piece{position:absolute;object-fit:fill;filter:drop-shadow(0 0 20px #f0ce8b);pointer-events:none}.ghost-vanity{opacity:.1;filter:sepia(1)}.paper-guide{position:absolute;left:90px;top:510px;width:900px;height:1150px;object-fit:fill;opacity:.28;filter:sepia(1) saturate(.6) brightness(1.8);pointer-events:none}.reveal-layer{position:absolute;inset:0;pointer-events:none}.piece-target{position:absolute;background:transparent;border:2px solid transparent;z-index:4;border-radius:30px}.piece-target.active{border-color:#e1bd78aa;background:#f6c35d15;box-shadow:0 0 26px #cba45055,inset 0 0 20px #eac36922}.piece-target.active span{font-size:34px;text-shadow:0 2px 5px #000;background:#311108aa;border:1px solid #c7a062;padding:9px 20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.piece-target.placed{pointer-events:none}.floating-piece{position:absolute;transform:translate(-50%,-55%) scale(1.05);z-index:25;pointer-events:none;filter:drop-shadow(0 0 20px #d4aa6a);object-fit:contain}.floating-piece img{width:100%;height:100%;object-fit:fill}.snap-spark{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;font-size:140px;color:#ffdda1;animation:spark .65s forwards}.puzzle-footer{position:absolute;left:60px;right:60px;bottom:60px;z-index:6}.progress-caption{display:flex;justify-content:space-between;font-size:32px;letter-spacing:4px;margin:0 22px 20px}.progress-caption b{font-weight:400}.progress-track{height:6px;border-radius:6px;background:#a97b423d;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#9f492b,#ffe0a0);transition:width .25s;box-shadow:0 0 20px #fff1b0}.piece-tray{display:flex;gap:17px;padding:25px 5px 10px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}.piece-tray::-webkit-scrollbar{display:none}.piece-card{position:relative;flex:0 0 176px;height:190px;border:2px solid #b08b54a6;background:linear-gradient(#381409dd,#1b0a06e6);border-radius:17px;padding:18px 15px 40px;touch-action:none;user-select:none}.piece-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 4px #f5942966)}.piece-card span{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:27px;white-space:nowrap}.piece-card.selected{border-color:#f1d18b;box-shadow:0 0 18px #eac06e55}.piece-card:disabled{opacity:.45}.piece-card i{font-style:normal;position:absolute;top:5px;right:8px;color:#f2d88e}.puzzle-footer .gold-button{margin-top:20px;height:116px;min-height:116px;font-size:36px}.drawer{position:absolute;z-index:5;perspective:700px}.drawer-front{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;background:transparent;touch-action:none;user-select:none;transform-origin:center top;box-shadow:0 7px 8px #15050033}.drawer-front img{width:100%;height:100%;object-fit:fill}.focused .drawer-front{filter:drop-shadow(0 0 9px #f7d09788)}.pull-indicator{position:absolute;left:50%;top:16%;width:78px;height:78px;display:grid;place-items:center;padding:12px;border-radius:50%;background:#3a0b08e6;border:2px solid #f2d18c;color:#fff1bd;box-shadow:0 2px 12px #140400,0 0 10px #e9bc6c66;animation:pull-hint 2s infinite;transform:translate(-50%);pointer-events:none}.pull-indicator svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px #000)}.drawer-interior{position:absolute;left:3%;top:7px;width:94%;overflow:hidden;border-left:14px solid #551407;border-right:14px solid #551407;background:#1d0907;box-shadow:inset 0 10px 20px #000c}.drawer-wood{position:absolute;inset:0;background:repeating-linear-gradient(35deg,#44151244 0 3px,transparent 3px 10px),radial-gradient(ellipse at center,#6d2118,#210704);border-top:13px solid #611b10}.drawer-treasure{position:absolute;inset:15px 8px 4px;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0}.drawer-treasure img{width:90%;height:130px;object-fit:contain;filter:drop-shadow(0 5px 10px #0007)}.drawer-treasure span{font-size:25px;color:#efd29b}.drawer-treasure:disabled{pointer-events:none}.treasure-card{position:absolute;left:75px;right:75px;bottom:570px;min-height:305px;padding:32px 48px;display:grid;grid-template-columns:275px 1fr;gap:42px;align-items:center;z-index:12;background:linear-gradient(135deg,#501d15eb,#21100deb);border:2px solid #bc915d88;border-radius:28px;box-shadow:0 20px 80px #0008;backdrop-filter:blur(12px)}.treasure-card h2{font-size:60px;font-weight:400;letter-spacing:5px;margin:12px 0 22px}.treasure-card p{font-size:34px;line-height:1.8;margin:0;color:#dec79e}.mini-label{font-size:22px;letter-spacing:3px;color:#b4966b}.treasure-object{height:270px;position:relative}.treasure-object>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}.card-close{position:absolute;right:10px;top:5px;width:100px;height:100px;border-radius:50%;background:none;font-size:52px}.item-comb>img{animation:comb-lift 1s ease-out both}.item-pin>img{animation:pin-shine 1.2s ease-out both}.item-sachet>img{transform-origin:50% 12%;animation:sachet-sway 2.4s ease-in-out infinite}.treasure-object>.rouge-lid{position:absolute;left:0;top:0;width:52%;height:100%;transform-origin:75% 80%;animation:lid-open 1.2s ease-out both}.treasure-aura{position:absolute;inset:18%;border:1px solid #deb96c;border-radius:50%;opacity:.12;box-shadow:0 0 35px #be823655;animation:aura 2s ease-in-out infinite}.drawer-footer{position:absolute;left:80px;right:80px;bottom:95px;z-index:8}.collection-icons{display:flex;justify-content:space-around;gap:25px}.collection-icons button{width:166px;height:166px;border-radius:50%;border:2px solid #9b7a4a;background:#250c06ad;padding:25px;position:relative}.collection-icons img{width:100%;height:100%;object-fit:contain;filter:sepia(.8);opacity:.45}.collection-icons button span{font-size:30px;position:absolute;top:182px;left:0;right:0;white-space:nowrap}.collection-icons button i{position:absolute;right:2px;bottom:2px;background:#cba669;color:#531a0e;border-radius:50%;width:45px;height:45px;font-size:31px;font-style:normal}.collection-icons button.found{border-color:#e0bd79;box-shadow:0 0 16px #b88a3744}.collection-icons button.found img{opacity:1;filter:none}.collection-icons button.current{background:#9b46212b;border-color:#e9c98f}.drawer-footer .gesture-note{margin-top:75px;font-size:30px}.drawer-footer .gold-button{font-size:39px;height:110px;min-height:110px;margin-top:20px}.mirror-surface{position:absolute;left:259px;top:821px;width:562px;height:562px;border-radius:50%;z-index:5;box-shadow:0 0 25px #d8ac5140;transition:filter 1s}.drawing-surface{width:100%;height:100%;display:block;touch-action:none;overflow:hidden;border-radius:50%;user-select:none}.mirror-surface.blooming{filter:drop-shadow(0 0 32px #ffd389);animation:flower-bloom 1.5s ease-in-out both}.completed-flower{animation:flower-fill .7s ease-out both}.flower-center{position:absolute;left:calc(50% - 72px);top:calc(50% - 72px);width:144px;height:144px;border-radius:50%;background:radial-gradient(#fbe3a54d,#eac6740d);border:1px solid #f6d48d99;color:#ffe0a3;z-index:7;font-size:82px;animation:aura 2s ease-in-out infinite}.bloom-halo{position:absolute;inset:0;border:3px solid #e5c68b;border-radius:50%;animation:halo-expand 1.5s forwards;pointer-events:none}.hint-point{animation:aura .7s infinite}.mirror-footer{position:absolute;left:140px;right:140px;bottom:140px;z-index:8;text-align:center}.bloom-stage{font-size:41px;letter-spacing:6px;margin-bottom:35px}.drawing-tools{display:flex;justify-content:space-between;align-items:center;margin:35px 0}.drawing-tools button{width:150px;height:145px;background:#301008bd;border:1px solid #b6945b88;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.drawing-tools b{font-size:60px;font-weight:400;line-height:1}.drawing-tools span{font-size:25px}.draw-progress{font-size:80px;line-height:1}.draw-progress small{font-size:30px;margin-left:8px}.drawing-tools button:disabled{opacity:.4}.mirror-footer .gesture-note{font-size:31px}.ending-footer{position:absolute;left:160px;right:160px;bottom:110px;z-index:8;display:flex;flex-direction:column;gap:25px;align-items:center}.ending-footer .blessing{font-size:36px;letter-spacing:5px;margin:0 0 12px;color:#ecd4a7;text-shadow:0 2px 10px #000}.ending-footer .gold-button{font-size:40px}.ending-footer .gold-button.secondary{font-size:35px}.text-button{background:none;font-size:31px;color:#c4a275;letter-spacing:4px;padding:20px 60px}.ending-glow{position:absolute;left:285px;top:674px;width:510px;height:510px;pointer-events:none;border-radius:50%;background:radial-gradient(#ffcb4828,transparent 65%);animation:aura 4s infinite}.petal{position:absolute;top:-70px;width:18px;height:34px;background:linear-gradient(45deg,#8d1610,#c74b36);border-radius:80% 15% 75% 20%;pointer-events:none;animation:petal-fall 9s linear infinite;z-index:9;opacity:.6}.card-modal{position:absolute;inset:0;background:#180806f0;z-index:50;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:130px 110px 70px;gap:28px;backdrop-filter:blur(12px)}.generated-card{max-height:1630px;width:auto;max-width:100%;box-shadow:0 15px 70px #000b;user-select:auto;-webkit-touch-callout:default}.card-modal p{font-size:34px;line-height:1.7;text-align:center}.card-modal .gold-button{height:120px;min-height:120px;font-size:40px}.modal-close{position:absolute;right:35px;top:35px;width:130px;height:130px;background:#491d1277;border:1px solid #b39156;border-radius:50%;font-size:65px}.loading-panel{position:absolute;inset:0;z-index:60;background:#28110ef5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:160px;color:#e6cc9f}.loading-panel>span{font-size:150px;animation:aura 2s infinite}.loading-panel h2{font-size:55px;font-weight:400;margin:40px 0 65px}.loading-panel .progress-track{width:600px}.loading-panel p{font-size:36px}.loading-panel .gold-button{margin-top:40px}.notice{position:absolute;left:120px;right:120px;bottom:100px;z-index:70;padding:38px 48px;background:#481911f5;border:1px solid #b69460;border-radius:25px;color:#f0d5a7;font-size:36px;line-height:1.65;text-align:center;box-shadow:0 15px 40px #0007;pointer-events:none}@keyframes paper-fade{to{opacity:0;filter:drop-shadow(0 0 35px #dbb16c)}}@keyframes spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes pull-hint{50%{margin-top:9px;filter:brightness(1.15)}}@keyframes comb-lift{0%{transform:translateY(45px) rotate(-6deg)}to{transform:translateY(-7px) rotate(3deg)}}@keyframes pin-shine{0%{filter:brightness(.6);transform:translateY(30px)}to{filter:brightness(1.1);transform:translateY(-8px)}}@keyframes sachet-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes lid-open{0%{transform:rotate(0);opacity:0}to{transform:translate(-26px,-35px) rotate(-25deg);opacity:1}}@keyframes aura{50%{opacity:.45;filter:brightness(1.12)}}@keyframes flower-fill{0%{opacity:.6;transform:scale(.92);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}@keyframes flower-bloom{0%{transform:scale(.96)}65%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes halo-expand{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.3);opacity:0}}@keyframes petal-fall{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:.55}to{transform:translate(100px,2410px) rotate(180deg);opacity:0}}.piece-target.active{z-index:7}.top-controls .music-toggle{display:grid;place-items:center;padding:27px}.music-toggle svg{width:100%;height:100%;overflow:visible}.music-toggle.playing{border-color:#cfad71;box-shadow:0 0 18px #c3984b33}.music-toggle.paused svg{opacity:.8}.snapping-piece{position:absolute;transform:translate(-50%,-50%);z-index:10;pointer-events:none;filter:drop-shadow(0 0 15px #deba7a)}.snapping-piece img{width:100%;height:100%;object-fit:fill}.blooming .completed-flower{opacity:0;animation:none}.bloom-petal-layer{position:absolute;inset:0;pointer-events:none;animation:petal-unfold 1.1s ease-out both}.bloom-petal-layer img{width:100%;height:100%;object-fit:contain}.bloom-petal-layer.layer-0{mask-image:radial-gradient(circle,#000 0 24%,transparent 25%);animation-delay:0s}.bloom-petal-layer.layer-1{mask-image:radial-gradient(circle,transparent 0 22%,#000 24% 43%,transparent 44%);animation-delay:.2s}.bloom-petal-layer.layer-2{mask-image:radial-gradient(circle,transparent 0 41%,#000 43% 75%);animation-delay:.4s}.bloom-gold-lines{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:sepia(1) saturate(1.5) brightness(3) drop-shadow(0 0 3px #e2bd77);mix-blend-mode:screen;animation:gold-awaken 1.4s both}.flower-center:disabled{opacity:0}.tassel-layer{position:absolute;inset:0;pointer-events:none;animation:tassel-sway 4s ease-in-out infinite}.tassel-0{clip-path:polygon(11% 35%,18% 35%,18% 46%,11% 46%);transform-origin:15% 35%}.tassel-1{clip-path:polygon(82% 35%,89% 35%,89% 46%,82% 46%);transform-origin:85% 35%;animation-delay:1s}@keyframes petal-unfold{0%{opacity:0;transform:scale(.65)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes gold-awaken{0%{opacity:0;clip-path:circle(0% at 50% 50%)}to{opacity:.55;clip-path:circle(80% at 50% 50%)}}@keyframes tassel-sway{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.petal{display:none}}