:root{--bg-color:#fbf9f6;--text-dark:#3e3b38;--text-light:#8c8680;--accent-pink:#ffd1d6;--accent-blue:#c5e3f6;--balloon-color:#e8e2d9;--border-color:#e8e2d4;--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--font-serif:"Gowun Batang", "Nanum Myeongjo", serif}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-sans);color:var(--text-dark);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#efebe4;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.8s forwards fadeIn}.title-serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400}.subtitle-sans{font-family:var(--font-sans);letter-spacing:-.01em;font-weight:300}.btn-primary{font-family:var(--font-sans);background-color:var(--text-dark);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:30px;outline:none;width:100%;max-width:250px;padding:14px 0;font-size:1rem;font-weight:400;transition:all .3s}.btn-primary:active{background-color:#2f2d2a;transform:scale(.97)}.btn-secondary{font-family:var(--font-sans);width:100%;max-width:250px;color:var(--text-light);border:1px solid var(--text-light);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border-radius:30px;outline:none;padding:12px 0;font-size:.95rem;font-weight:400;transition:all .3s}.btn-secondary:active{background-color:#00000008}.app-container{flex-direction:column;justify-content:center;align-items:center;display:flex}:root{--paper-bg:#1d1d1b;--apple-cream:#f5cd78;--apple-red:#d23428;--pencil-gray:#543e2c}.kitsch-container{background-color:var(--paper-bg);color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;display:flex;position:relative;overflow:hidden}.kitsch-container:after{content:"";mix-blend-mode:multiply;pointer-events:none;z-index:100;background-image:url(/white-paper-texture.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.apple-wrapper{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.apple-svg{width:100%;height:100%;overflow:visible}.time-display{text-align:center;letter-spacing:2px;color:#ff5a5a;text-shadow:0 0 15px #d2342866,2px 2px #00000080;z-index:20;font-size:3.5rem;font-weight:800;position:absolute;top:12vh}.action-row{z-index:20;gap:1.5rem;display:flex;position:absolute;bottom:8vh}.kitsch-btn{cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .1s cubic-bezier(.18,.89,.32,1.28);display:flex;position:relative}.kitsch-btn:active{transform:scale(.92)translateY(2px)}.btn-play-triangle{clip-path:polygon(15% 5%,95% 50%,15% 95%);background-color:#e23828;width:76px;height:72px;box-shadow:-6px 4px #9b1e15,-8px 8px 15px #0000004d,inset -4px -4px 10px #0006,inset 6px 6px 12px #fff6}.btn-play-triangle:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:50%;width:25%;height:15%;position:absolute;top:20%;left:25%;transform:rotate(-30deg)}.triangle-holes{opacity:.5;grid-template-columns:repeat(2,7px);gap:5px;display:grid;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.triangle-hole{background:#5e110d;border-radius:50%;width:6px;height:6px;box-shadow:inset 1px 1px 2px #0009,1px 1px 1px #ffffff1a}.btn-refresh-star{color:#4a4a8a;background:#a5a5e5;border:4px double #8a8ac2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 5px #7676b0,0 8px 12px #0003,inset 0 0 10px #0000001a}.btn-refresh-star:after{content:"⁎ ⁎ ⁎ ⁎";pointer-events:none;opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex;position:absolute;transform:rotate(45deg)}.star-thread-holes{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute}.star-thread-holes:before,.star-thread-holes:after{content:"";background:#6a6a9a;border-radius:2px;width:12px;height:3px;position:absolute}.star-thread-holes:after{transform:rotate(90deg)}.interaction-ring{z-index:30;cursor:grab;touch-action:none;background-color:#fff0;border-radius:50%;width:420px;height:420px;position:absolute}.interaction-ring:active{cursor:grabbing}.dial-svg{pointer-events:none;width:100%;height:100%;transform:rotate(-90deg)}.scraps-container{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scrap{width:26px;height:26px;position:absolute}.kitsch-star{transform-origin:50% 210px;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:50%}.star-sticker-svg{filter:drop-shadow(3px 4px 2px #0003);width:44px;height:44px}.settings-btn{color:#fff;cursor:pointer;z-index:50;background:0 0;border:none;transition:transform .2s;position:absolute;top:20px;right:20px}.settings-btn:hover{transform:scale(1.1)rotate(45deg)}.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-modal{color:#333;border:3px solid var(--pencil-gray);pointer-events:auto;background:#fff9e6;border-radius:16px;width:300px;padding:30px;position:relative;box-shadow:4px 6px 12px #0000004d}.settings-modal h2{color:#d23428;margin:0 0 20px;font-size:1.5rem}.close-btn{cursor:pointer;color:#333;background:0 0;border:none;transition:transform .2s;position:absolute;top:15px;right:15px}.close-btn:hover{transform:scale(1.1)}.sound-section{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.sound-section label{color:#4a3b32;text-align:left;font-size:1rem;font-weight:700}.select-wrapper{gap:10px;display:flex}.select-wrapper select{border:2px solid var(--pencil-gray);color:#333;cursor:pointer;background:#fff;border-radius:8px;outline:none;flex:1;padding:8px;font-family:inherit;font-size:.95rem}.select-wrapper select:focus{border-color:#d23428}.preview-btn{background:var(--apple-cream);border:2px solid var(--pencil-gray);cursor:pointer;color:#333;border-radius:8px;justify-content:center;align-items:center;width:40px;transition:background .2s;display:flex}.preview-btn:hover{background:#ebbb72}.settings-tip{color:#666;text-align:left;border-top:1px dashed #ccc;margin-top:25px;padding-top:15px;font-size:.8rem;line-height:1.6}.charcoal-smudge{filter:blur(40px);pointer-events:none;z-index:2;background:#0006;border-radius:40% 60% 70% 30%/40% 50% 60%;position:absolute}.smudge-1{width:450px;height:400px;top:15%;left:10%;transform:rotate(15deg)}.smudge-2{background:#0000004d;width:500px;height:350px;bottom:20%;right:5%;transform:rotate(-10deg)}.smudge-3{background:radial-gradient(circle,#00000080 0%,#0000 70%);width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}.ade-background{z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.ade-edition-container{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.frosted-glass-overlay-wrapper{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.frosted-glass-texture{opacity:.1;mix-blend-mode:overlay;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.masking-svg-overlay{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.star-glow{filter:blur(8px);opacity:.5}.glass-droplet{filter:blur(.5px);z-index:3;background:#fff6;border-radius:50%/60% 60% 40% 40%;position:absolute;box-shadow:inset 0 0 4px #fffc,0 2px 4px #0000001a}.ade-ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:8vh 0;display:flex;position:relative}.time-display-ade{color:#333;text-shadow:0 0 20px #fffc;letter-spacing:-2px;opacity:.8;font-family:Inter,sans-serif;font-size:5rem;font-weight:900}.interaction-hitbox{cursor:grab;pointer-events:auto;z-index:5;border-radius:50%;width:80vmin;height:80vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interaction-hitbox:active{cursor:grabbing}.action-tray{pointer-events:auto;gap:20px;display:flex}.ade-btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;cursor:pointer;background:#fff6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000001a}.ade-btn-glass:hover{background:#ffffff4d;transform:scale(1.05)}.settings-modal-overlay-ade{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:#fffffff2;border-radius:24px;width:320px;padding:40px;position:relative;box-shadow:0 20px 40px #0006}.settings-panel h3{color:#333;letter-spacing:1px;margin:0 0 24px;font-size:1.25rem}.close-btn-ade{cursor:pointer;color:#666;background:0 0;border:none;position:absolute;top:20px;right:20px}.sound-item{text-align:left;margin-bottom:20px}.sound-item label{color:#888;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.select-row{gap:10px;display:flex}.select-row select{border:1px solid #ddd;border-radius:10px;flex:1;padding:10px;font-family:inherit}.preview-ade{cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;padding:0 12px}@font-face{font-family:Kiwisoda;src:url(/KiwiSoda.ttf)format("truetype")}@font-face{font-family:Angelknives;src:url(/Angelknives-Regular.ttf)format("truetype")}:root{--studio-pink:#f4a7b9;--studio-blue:#b4e4ff;--studio-cream:#fffdf0}.toast-timer-container{background:url(/gingham-bg.png) 50%/260px fixed;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Kiwisoda,sans-serif;display:flex;position:relative;overflow:hidden}.menu-entire-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;max-height:100vh;padding:20px;display:flex}.menu-header-title{color:#f4a7b9;text-align:center;text-shadow:2px 2px #fff;margin-top:-10px;font-family:Kiwisoda,sans-serif;font-size:2.3rem}.card-v3{background-blend-mode:multiply;background-color:#fff;background-image:url(/paper-texture.png);background-size:cover;border-radius:20px;flex-direction:column;width:80%;max-width:1000px;margin:auto;padding:40px 60px;display:flex;position:relative;box-shadow:0 10px 40px #0000001a}.menu-order-form{flex-direction:column;gap:25px;width:100%;display:flex}.menu-section{flex-direction:column;align-items:center;width:100%;display:flex}.menu-section-header{justify-content:center;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.menu-section-title{color:#444;letter-spacing:.1em;text-transform:lowercase;font-family:Angelknives,sans-serif;font-size:1.44rem;font-weight:400}.menu-section-rule{color:#333;opacity:.6;letter-spacing:.05em;font-family:Angelknives,sans-serif;font-size:.85rem;font-weight:400}.menu-items-row{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.menu-item-unit{flex-direction:column;align-items:center;width:110px;display:flex}.menu-icon-btn{cursor:pointer;background:#fff;border:1px solid #00000008;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 15px #00000005}.menu-icon-img{object-fit:contain;z-index:2;width:90%;height:90%}.selection-glow{z-index:1;background:radial-gradient(circle,#ff8ba7cc 0%,#ff8ba700 75%);border-radius:50%;position:absolute;inset:-5px}.menu-item-label{color:#888;text-align:center;text-transform:lowercase;letter-spacing:.08em;flex-direction:column;align-items:center;margin-top:10px;font-family:Angelknives,sans-serif;font-size:1rem;font-weight:400;display:flex}.menu-item-time{color:#f4a7b9;opacity:1;margin-top:2px;font-size:.7rem}.counter-text{color:var(--studio-pink);text-transform:lowercase;letter-spacing:.05em;font-family:Angelknives,sans-serif;font-size:1.25rem;font-weight:400}.start-baking-btn{background-color:var(--studio-pink);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:10px 50px;font-family:Kiwisoda,sans-serif;font-size:1.6rem;box-shadow:0 5px 15px #ff8ba766}.whimsical-title{color:var(--studio-pink);text-shadow:2px 2px #fff;font-size:5.25rem}.toast-box{width:325px;height:325px;margin:1.5rem 0}.toast-img{object-fit:contain;filter:drop-shadow(0 15px 30px #00000026);width:100%;height:100%}.star-sticker{width:45px;height:45px;position:absolute}.lets-make-btn{background-color:var(--studio-pink);color:#fff;cursor:pointer;z-index:20;border:none;border-radius:50px;padding:10px 50px;font-family:Kiwisoda,sans-serif;font-size:1.6rem;transition:transform .2s;box-shadow:0 5px 15px #ff8ba766}.lets-make-btn:hover{transform:scale(1.05)}.page-wrapper{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:calc(100vh - 40px);display:flex}.filter-glow{filter:drop-shadow(0 0 5px #fff6)drop-shadow(0 5px 10px #0003)}.sticker-path{paint-order:markers stroke fill}.star-sticker{z-index:50!important}.star-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.menu-selection-card{z-index:20}.menu-header-title,.menu-footer-actions{z-index:21}.status-text{color:var(--studio-pink);text-transform:lowercase;opacity:.9;font-family:Kiwisoda,sans-serif;font-size:1.5rem}.timer-display{color:var(--studio-pink);text-shadow:2px 2px #fff;font-family:Kiwisoda,sans-serif;font-size:4rem;line-height:1}.baking-control-btn{background-color:var(--studio-pink);color:#fff;cursor:pointer;text-transform:lowercase;border:none;border-radius:30px;padding:8px 35px;font-family:Kiwisoda,sans-serif;font-size:1.4rem;transition:transform .2s;box-shadow:0 4px 10px #ff8ba766}.baking-control-btn:hover{transform:scale(1.05)}.dev-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4a7b9;background:#fffffff2;border:2px solid #ffb6c1;border-radius:12px;width:250px;padding:15px;font-family:Kiwisoda,sans-serif;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #00000026;z-index:9999!important;pointer-events:auto!important}.dev-panel-header{text-align:center;border-bottom:1px solid #ffb6c1;margin-bottom:10px;padding-bottom:5px;font-weight:700}.dev-controls{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.dev-controls button{color:#f4a7b9;cursor:pointer;background:#fff;border:1px solid #ffb6c1;border-radius:6px;flex:45%;padding:4px 8px;font-size:.75rem;transition:all .2s}.dev-controls button:hover{background:#fff0f5}.dev-alignment-grid{flex-direction:column;gap:4px;display:flex}.dev-toggle-btn{color:#888;cursor:pointer;text-align:left;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:3px 6px;font-size:.7rem;transition:all .2s}.menu-header-title-v3{color:#ffb3c6;text-align:center;text-shadow:2px 2px #fff;letter-spacing:.05em;white-space:nowrap;margin-bottom:12px;font-family:Kiwisoda,sans-serif;font-size:3rem}.menu-top-bar-v3{justify-content:center;width:100%;display:flex}.how-to-order-btn-v3{cursor:pointer;background:0 0;border:none;align-self:flex-end;align-items:center;margin-bottom:20px;padding:0;transition:all .2s;display:flex;position:relative}.how-to-order-btn-v3 span{color:#f4a7b9;font-family:Angelknives,sans-serif;font-size:16px}.how-to-order-btn-v3:after{content:"";opacity:.5;background-color:#f4a7b9;border-radius:50%/1px;width:100%;height:1.2px;transition:opacity .2s;position:absolute;bottom:0;left:0;transform:rotate(-.8deg)}.menu-selection-card-v3{background-color:#0000;background-image:linear-gradient(#fffdf066,#fffdf066),url(/toast_timer_paper_texture.png);background-position:0 0,50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:24px;flex-direction:column;width:78vw;max-width:1000px;padding:25px 50px;display:flex;position:relative;box-shadow:0 40px 100px #0000000d}.bestsellers-box-v3{background-color:#d9e4fd;border-radius:18px;flex-direction:column;align-items:center;margin-bottom:20px;padding:10px 25px;display:flex}.bestsellers-title-v3{color:#fff;letter-spacing:.1em;margin:0 0 15px;font-family:Angelknives,sans-serif;font-size:1.4rem}.bestsellers-grid-v3{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.bestseller-item-v3{cursor:pointer;flex-direction:column;align-items:center;width:30%;transition:transform .2s;display:flex}.bestseller-item-v3:hover{transform:translateY(-2px)}.bestseller-icon-circle-v3{background:#fff9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex;position:relative;box-shadow:0 4px 10px #0000000d}.bestseller-time-badge-v3{color:#666;background:#f8d677;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Angelknives,sans-serif;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.bestseller-label-v3{color:#333;white-space:nowrap;text-align:center;text-transform:lowercase;margin:0;font-family:Angelknives,sans-serif;font-size:15px}.bestseller-subtext-v3{color:#f4a7b9;text-align:center;text-transform:lowercase;margin-top:0;font-family:Angelknives,sans-serif;font-size:13px;line-height:1.1}.menu-columns-container-v3{flex:1;justify-content:space-between;gap:80px;width:100%;display:flex}.menu-column-v3{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.menu-section-v3{flex-direction:column;flex:1;display:flex}.list-section-title-v3{color:#999;text-transform:lowercase;letter-spacing:.05em;border-bottom:2px solid #ddd;margin-bottom:12px;padding-bottom:6px;font-family:Angelknives,sans-serif;font-size:14px}.menu-list-container-v3{flex-direction:column;flex:1;gap:4px;display:flex}.menu-list-row-v3{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;transition:all .2s;display:flex}.menu-list-row-v3:hover{background:#ffe6f033}.selection-stroke-v3{pointer-events:none;background:linear-gradient(90deg,#f4a7b966 0%,#f4a7b926 50%,#0000 100%);border-top-left-radius:4px;border-bottom-left-radius:4px;height:18px;bottom:8px;left:14px}.menu-list-row-left{align-items:center;gap:12px;display:flex}.menu-list-icon-v3{opacity:.8;width:22px;height:22px}.menu-list-name-v3{color:#333;font-family:Angelknives,sans-serif;font-size:18px}.menu-list-time-v3{color:#f4a7b9;letter-spacing:.05em;font-family:Angelknives,sans-serif;font-size:12px;font-weight:700}.menu-footer-actions-v3{flex-direction:column;align-items:center;gap:12px;margin-top:15px;display:flex}.counter-text-v3{color:#f4a7b9;letter-spacing:.1em;text-shadow:.5px .5px #fff;text-transform:lowercase;text-align:center;font-family:Angelknives,sans-serif;font-size:1.8rem;font-weight:900}.start-baking-btn-v3{color:#fff;cursor:pointer;text-shadow:1px 1px #0000000d;background-color:#f4a7b9;border:none;border-radius:40px;padding:12px 60px;font-family:Kiwisoda,sans-serif;font-size:1.6rem;box-shadow:0 10px 30px #ffc4d14d}.timer-controls-bar-v3{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:2rem;display:flex}.timer-control-btn-v3{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#f4a7b9;background:#fff9;border:1px solid #fff6;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 15px #0000000d}.timer-control-btn-v3:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 25px #f4a7b933}.timer-control-btn-v3 span{text-transform:lowercase;letter-spacing:.02em;font-family:Kiwisoda,sans-serif;font-size:1.1rem}.control-icon-v3{justify-content:center;align-items:center;display:flex}.content-wrapper{flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:80%;padding:2rem 1rem;display:flex}.ultrasound-container{background-color:#efebe4;border:3px solid #e8e2d4;border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.greeting-text{text-align:center;color:var(--text-dark);margin-top:1rem;margin-bottom:2rem;font-size:1.8rem;line-height:1.5}.start-button{max-width:280px;padding:16px 0;font-size:1.1rem}.game-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-instruction{color:var(--text-dark);margin-bottom:3rem;font-size:1.4rem;font-weight:400}.tic-tac-toe-grid{grid-gap:8px;perspective:1000px;grid-template-columns:repeat(3,1fr);width:300px;height:300px;display:grid}.card-cell{cursor:pointer;width:100%;height:100%}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card-cell.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-front{border:2px solid var(--border-color);background-color:#fff;box-shadow:0 4px 6px #00000008}.card-back{border:2px solid var(--border-color);font-size:3rem;transform:rotateY(180deg)}.card-back.blue{background-color:#f0f6fa;border-color:#c5e3f6}.card-back.red{background-color:#fff0f2;border-color:#ffd1d6}.fruit-icon{-webkit-user-select:none;user-select:none}.result-screen{background-color:var(--bg-color);flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:60px 20px 50px;display:flex;position:relative;overflow:hidden}.bee-start-screen{background-color:#fffdf5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bee-content-wrapper{flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:80%;padding:2rem 1rem;display:flex}.bee-illustration{background-color:#fff6dd;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:2rem;display:flex;box-shadow:0 8px 20px #ffd70026}.bee-emoji{font-size:5rem;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.bee-greeting-text{text-align:center;color:#4a3c2a;margin-bottom:3rem;font-size:1.8rem;line-height:1.5}.action-button-area{justify-content:center;width:100%;display:flex}.bee-start-button{color:#4a3c2a;background-color:#ffca28;max-width:260px;padding:16px 0;font-size:1.2rem;font-weight:600}.bee-start-button:active{background-color:#ffb300}.bee-game-screen{touch-action:none;background-color:#fffdf5;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.game-header-text{color:#4a3c2a;text-align:center;margin-top:4rem;font-size:1.4rem;font-weight:500}.flowers-container{justify-content:space-around;width:100%;margin-top:2rem;padding:2rem 1rem;display:flex}.flower-element{filter:grayscale(0%);font-size:3rem;transition:filter .5s ease-out}.flower-element.harvested{filter:grayscale(80%);opacity:.6}.draggable-bee{cursor:grab;z-index:100;touch-action:none;filter:drop-shadow(0 4px 6px #0000001a);font-size:4rem;position:absolute;transform:translate(-50%,-50%)}.draggable-bee.dragging{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.honey-pot-container{justify-content:center;align-items:flex-end;width:140px;height:160px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.honey-pot-glass{background-color:#fff6;border:4px solid #e6d0ac;border-radius:20px 20px 40px 40px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 -10px 20px #0000000d}.honey-pot-glass:before{content:"";z-index:2;background-color:#e6d0ac;border-radius:10px;width:calc(100% + 20px);height:14px;position:absolute;top:-6px;left:-10px}.honey-liquid{background:linear-gradient(#ffc107 0%,#ff9800 100%);border-bottom-right-radius:36px;border-bottom-left-radius:36px;width:100%;transition:height .8s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0}.honey-drop{z-index:50;background-color:#ffc107;border-radius:50%/60% 60% 40% 40%;width:12px;height:16px;animation:1.2s cubic-bezier(.55,.085,.68,.53) forwards dropAnim;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #ffc10799}@keyframes dropAnim{0%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,calc(100vh - 200px))scale(.5)}}.bee-result-screen{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:60px 20px 50px;display:flex;position:relative;overflow:hidden}.bg-boy{background:linear-gradient(135deg,#fff9d2 0%,#d4ebf8 100%);animation:1.5s ease-out forwards bgFlashBoy}@keyframes bgFlashBoy{0%{filter:brightness(1.5);background:#ffd54f}50%{filter:brightness()}to{background:linear-gradient(135deg,#fff9d2 0%,#d4ebf8 100%)}}.bg-girl{background:linear-gradient(135deg,#fff9d2 0%,#ffe6ee 100%);animation:1.5s ease-out forwards bgFlashGirl}@keyframes bgFlashGirl{0%{filter:brightness(1.5);background:#ffd54f}50%{filter:brightness()}to{background:linear-gradient(135deg,#fff9d2 0%,#ffe6ee 100%)}}.pollen-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bee-result-content-wrapper{z-index:1;text-align:center;flex:1;justify-content:center;align-items:center;padding-bottom:20px;display:flex}.bee-result-main-text{color:#4a3c2a;text-align:center;text-shadow:0 0 15px #ffffffb3;font-size:2rem;line-height:1.6}.boy-color{color:#3b7494;text-shadow:0 2px 4px #fffc}.girl-color{color:#fb6f92;text-shadow:0 2px 4px #fffc}.reveal-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.reveal-content-wrapper{flex-direction:column;align-items:center;gap:60px;width:100%;padding:0 20px;display:flex}.guide-text{color:var(--text-dark);text-align:center;margin-bottom:8px;font-size:1.3rem;font-weight:500;animation:2.5s ease-in-out infinite floatUpDown}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.balloon-center-area{justify-content:center;align-items:center;width:100%;height:250px;display:flex}.large-balloon{background-color:var(--balloon-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%/45% 45% 55% 55%;width:150px;height:180px;transition:transform .2s;position:relative;box-shadow:inset -15px -15px 30px #0000000d,0 15px 30px #00000014}.large-balloon:active{transform:scale(.95)}.large-balloon:before{content:"";background-color:#fff9;border-radius:50%;width:25px;height:45px;position:absolute;top:20px;left:30px;transform:rotate(20deg)}.large-balloon:after{content:"▲";color:var(--balloon-color);font-size:20px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)scaleX(1)}.balloon-string{background-color:#0000001a;width:2px;height:60px;position:absolute;bottom:-60px;left:50%}.wobble{animation:.4s ease-in-out wobble}.bounce{animation:.4s ease-in-out bounce}.inflate-pop{pointer-events:none;animation:.5s ease-in forwards inflate-pop}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-35px)scale(.95,1.05)}75%{transform:translateY(15px)scale(1.05,.95)}}@keyframes inflate-pop{0%{transform:scale(1)}85%{opacity:1;transform:scale(4.5)}95%{opacity:.3;transform:scale(5)}to{opacity:0;display:none;transform:scale(5.5)}}.start-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ultrasound-container{background-color:#efebe4;border:3px solid #e8e2d4;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.ultrasound-placeholder span{color:var(--text-light);font-size:1.1rem;font-weight:300}.greeting-text{text-align:center;color:var(--text-dark);font-size:1.6rem;line-height:1.5;font-family:var(--font-serif);margin-bottom:2rem}.start-button{padding:14px 40px;font-size:1.1rem}.game-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center}.maze-container{background-color:#fff;border-radius:20px;width:300px;height:450px;position:relative;box-shadow:0 4px 15px #0000000d}.maze-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.ball-icon{text-align:center;cursor:grab;z-index:10;width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:20px;line-height:30px;transition:transform .2s;position:absolute}.ball-icon.active{cursor:grabbing;transform:scale(1.2)}.result-main-text{color:var(--text-dark);text-align:center;font-size:1.8rem;line-height:1.6;font-family:var(--font-serif)}.start-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.centered-wrapper{flex-direction:column;align-items:center;gap:40px;width:100%;padding:0 20px;display:flex}.large-ultrasound{border:1px solid var(--border-color);background-color:#fff;border-radius:20px;justify-content:center;align-items:center;width:300px;height:300px;padding:12px;display:flex;box-shadow:0 10px 40px #0000000f}.ultrasound-placeholder{width:100%;height:100%;color:var(--text-light);font-family:var(--font-sans);background-color:#f6f4ef;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:400;display:flex}.start-button{margin-top:20px;padding:16px 0;font-size:1.1rem}.reveal-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.reveal-content-wrapper{flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.guide-text{text-align:center;color:var(--text-dark);margin-bottom:2rem}.scratch-card-container{border:2px solid var(--border-color);background-color:#fff;border-radius:20px;width:280px;height:280px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.scratch-card-result{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.scratch-canvas{cursor:pointer;width:100%;height:100%;transition:opacity .5s ease-out;position:absolute;top:0;left:0}.scratch-canvas.hidden{opacity:0;pointer-events:none}.result-screen{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:60px 20px 50px;display:flex;position:relative;overflow:hidden}.confetti-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.result-content-wrapper{z-index:1;text-align:center;flex:1;justify-content:center;align-items:center;padding-bottom:20px;display:flex}.result-main-text{color:var(--text-dark);text-align:center;text-shadow:0 0 20px #fffc;font-size:2rem;line-height:1.6}.gender-highlight{margin:10px 0;font-size:2.8rem;font-weight:600;display:inline-block}.boy-color{color:#5b95c0}.girl-color{color:#d17684}.action-button-area{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex}.delay-1{opacity:0;animation-delay:.6s;animation-fill-mode:forwards}.delay-2{opacity:0;animation-delay:1.2s;animation-fill-mode:forwards}