*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul,ol{list-style:none}@font-face{font-family:Craftern;src:url(/assets/fonts/Craftern.otf) format("opentype"),url(/assets/fonts/Craftern.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Futura Condensed Medium;src:url(/assets/fonts/FuturaCondensedMedium.woff2) format("woff2"),url(/assets/fonts/FuturaCondensedMedium.ttf) format("truetype");font-weight:400 500;font-style:normal;font-display:swap}:root{--vp-w: 1512px;--vp-h: 982px;--bg: #faf9f7;--tray-bg: #e9e8e6;--tray-shadow: 0px 6px 0px #cececc;--tray-shadow-alt: 0px 9.6px 0px #cececc;--title-color: #818181;--subtitle-color: #d3d3d3;--label-bg: #919191;--label-text: #f3f3f3;--paper-text: #1e1765;--paper-accent: #0e3585;--font-title: "League Script", cursive;--font-sub: "Craftern", cursive;--font-label: "Geist", sans-serif;--font-fortune: "Futura Condensed Medium", "Futura", "Oswald", "Trebuchet MS", sans-serif;--radius-btn: 6.912px;--radius-tray: 14.4px;--radius-dice: 8.294px;--radius-label: 40px;--tray-h: 72px;--tray-dessert-w: 510px;--tray-paper-w: 357px;--tray-gap: 19.2px;--tray-overflow-h: 199px;--tray-overflow-above: 127px;--item-shadow: 0px 4.8px 9.6px 0px rgba(0,0,0,.25);--paper-shadow: 0px 4.8px 7.8px 0px rgba(0,0,0,.25);--paper-selected-shadow: 0px 4px 4px 0px rgba(0,0,0,.25), 0px 4.8px 7.8px 0px rgba(0,0,0,.25), 0px 4.8px 4.8px 0px rgba(0,0,0,.15)}body{background-color:var(--bg);width:100vw;height:100vh;overflow:hidden;position:relative}#app{position:relative;width:100%;height:100%;z-index:1}.scale-wrap{position:absolute;top:0;left:0;width:1512px;height:982px;transform-origin:top left}.header{position:absolute;top:0;left:0;right:0;height:160px;z-index:50;pointer-events:none}.header>*{pointer-events:auto}.title{position:absolute;left:50%;transform:translate(-50%);top:72px;margin:0;line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:51}.title img{display:block;width:622px;height:auto}.subtitle{position:absolute;left:50%;transform:translate(-50%);top:150px;margin:0;line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:51}.subtitle img{display:block;width:552px;height:auto}#stage{position:absolute;top:220px;bottom:160px;left:0;right:0;display:flex;align-items:center;justify-content:center;perspective:900px;z-index:10}#stage-inner{position:relative;width:760px;height:400px;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}#toolbar{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:var(--tray-gap);z-index:50}.header-btn{position:absolute;display:flex;align-items:center;gap:5px;background:var(--tray-bg);border-radius:var(--radius-btn);padding:10px 11px;box-shadow:var(--tray-shadow);cursor:pointer;border:none;z-index:52;transition:opacity .15s,transform .1s}.header-btn:hover{opacity:.85}.header-btn:active{transform:translateY(2px);box-shadow:0 4px #cececc}.header-btn:focus-visible{outline:2px solid var(--paper-accent);outline-offset:2px}.header-btn img{width:31px;height:31px;display:block}#btn-back{left:71px;top:78px}#btn-preview{right:149px;top:91px}#btn-save{right:71px;top:91px}#btn-dice{background:var(--tray-bg);border-radius:var(--radius-dice);padding:13.824px 15.6px;box-shadow:var(--tray-shadow);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;position:relative}#btn-dice:hover{opacity:.88}#btn-dice:active{transform:translateY(2px);box-shadow:0 4px #cececc}#btn-dice:focus-visible{outline:2px solid var(--paper-accent);outline-offset:3px}#btn-dice:disabled{opacity:.5;pointer-events:none}.dice-icon{width:44.232px;height:44.232px;display:block}.tray{background:var(--tray-bg);border-radius:var(--radius-tray);box-shadow:var(--tray-shadow);height:var(--tray-h);position:relative;flex-shrink:0;overflow:visible}#dessert-tray{width:var(--tray-dessert-w)}#paper-tray{width:var(--tray-paper-w)}.tray-clip{position:absolute;bottom:0;overflow:hidden;border-radius:var(--radius-tray);height:199px}#dessert-tray .tray-clip,#paper-tray .tray-clip{width:100%;left:0}.tray-clip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;pointer-events:none;background:linear-gradient(to top,#0000001a,#0000);z-index:5}.dessert-item{position:absolute;top:133px;cursor:pointer;border:none;background:transparent;padding:0;display:flex;align-items:flex-start;transition:top .35s cubic-bezier(.34,1.56,.64,1),left .35s cubic-bezier(.34,1.56,.64,1)}.dessert-item:focus-visible{outline:2px solid var(--paper-accent);outline-offset:4px;border-radius:8px}.dessert-item:disabled{pointer-events:none}.dessert-item img{display:block;max-width:none;object-fit:contain;filter:drop-shadow(var(--item-shadow));transition:opacity .2s}.dessert-item[aria-pressed=false] img{opacity:.5}.dessert-item[aria-pressed=false]{z-index:1}.dessert-item[aria-pressed=true]{top:80px;z-index:3}.dessert-item[data-dessert=fortune-cookie]{left:19px;top:50px}.dessert-item[data-dessert=fortune-cookie] img{width:146px;height:146px}.dessert-item[data-dessert=fortune-cookie][aria-pressed=false]{left:45px;top:135px}.dessert-item[data-dessert=fortune-cookie][aria-pressed=false] img{width:93px;height:93px}.dessert-item[data-dessert=macaron]{left:149px;top:92px}.dessert-item[data-dessert=macaron] img{width:132px;height:133px}.dessert-item[data-dessert=macaron][aria-pressed=false]{left:170px;top:135px}.dessert-item[data-dessert=macaron][aria-pressed=false] img{width:90px;height:91px}.dessert-item[data-dessert=brigadeiro]{left:244px;top:74px}.dessert-item[data-dessert=brigadeiro] img{width:142px;height:152px}.dessert-item[data-dessert=brigadeiro][aria-pressed=false]{left:265px;top:135px}.dessert-item[data-dessert=brigadeiro][aria-pressed=false] img{width:101px;height:108px}.dessert-item[data-dessert=nanaimo-bar]{left:318px;top:67px}.dessert-item[data-dessert=nanaimo-bar] img{width:173px;height:158px}.dessert-item[data-dessert=nanaimo-bar][aria-pressed=false]{left:367px;top:135px}.dessert-item[data-dessert=nanaimo-bar][aria-pressed=false] img{width:118px;height:108px}.paper-item{position:absolute;top:135px;cursor:pointer;border:none;background:transparent;padding:0;transition:top .35s cubic-bezier(.34,1.56,.64,1)}.paper-item:focus-visible{outline:2px solid var(--paper-accent);outline-offset:4px;border-radius:6px}.paper-item:disabled{pointer-events:none}.paper-strip{width:82.8px;height:474px;overflow:hidden;border-radius:5px;position:relative;transition:opacity .2s;box-shadow:var(--paper-shadow)}.paper-item[aria-pressed=false] .paper-strip{opacity:.5}.paper-item[aria-pressed=true] .paper-strip{box-shadow:var(--paper-selected-shadow)}.paper-strip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.paper-corner{position:absolute;background:var(--paper-accent);width:30px;height:16px;pointer-events:none;z-index:2}.paper-corner--tl{top:0;left:0}.paper-corner--bl{bottom:0;left:0}.paper-corner--tr{top:0;right:0}.paper-corner--br{bottom:0;right:0}.paper-item[data-paper=fortune-paper]{left:30px}.paper-item[data-paper=journal-paper]{left:137px}.paper-item[data-paper=music-paper]{left:244px}.paper-item[aria-pressed=true]{top:78px}#dessert-intact{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}#dessert-intact img{display:block;object-fit:contain}#dessert-left,#dessert-right{position:absolute;display:block;object-fit:contain;z-index:1}#paper-strip{position:absolute;display:none;z-index:2;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 20px #00000038,0 2px 6px #00000021}#paper-strip-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.paper-strip-corner{position:absolute;background:var(--paper-accent);width:25px;height:14px}.psc-tl{top:0;left:0}.psc-bl{bottom:0;left:0}.psc-tr{top:0;right:0}.psc-br{bottom:0;right:0}#fortune-text{position:relative;z-index:1;font-family:var(--font-fortune);font-size:24px;font-weight:400;line-height:1.05;text-align:center;color:var(--paper-text);padding:0 20px;word-break:break-word;white-space:pre-wrap}.hover-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);background:var(--label-bg);color:var(--label-text);font-family:Geist,sans-serif;font-size:16px;font-weight:500;line-height:normal;padding:6px 20px;border-radius:var(--radius-label);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;transition:opacity .2s ease-out,transform .2s ease-out}.hover-label.visible{opacity:1;transform:translate(-50%) translateY(0)}.hover-label[data-below]{transform:translate(-50%) translateY(-6px)}.hover-label[data-below].visible{transform:translate(-50%) translateY(0)}#preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}#preview-modal[hidden]{display:none}#preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#preview-content{position:relative;z-index:1;background:var(--bg);border-radius:24px;padding:56px 60px 48px;display:flex;flex-direction:column;align-items:center;min-width:640px;max-width:860px;box-shadow:0 24px 80px #00000038;transform:scale(var(--ui-scale, 1));transform-origin:center center}.preview-stage{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:320px}.preview-half{width:220px;height:300px;object-fit:contain;display:block;flex-shrink:0;position:relative;z-index:0}.preview-half:first-child{margin-right:-45px}.preview-half:last-child{margin-left:-45px}#preview-paper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:260px;height:95px;flex-shrink:0;overflow:hidden}.preview-stage[data-dessert=fortune-cookie] #preview-paper{transform:translateY(-52px)}#preview-paper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.preview-fortune-text{position:relative;z-index:1;font-family:var(--font-fortune);font-size:21px;font-weight:400;color:var(--paper-text);text-align:center;padding:0 14px;line-height:1.05}.preview-corner{position:absolute;background:var(--paper-accent);width:22px;height:12px}.preview-corner-tl{top:0;left:0}.preview-corner-bl{bottom:0;left:0}.preview-corner-tr{top:0;right:0}.preview-corner-br{bottom:0;right:0}#btn-preview-close{position:absolute;top:16px;right:16px;background:var(--tray-bg);border-radius:12px;padding:7px 14px 11px;line-height:1;font-size:18px;color:#555;cursor:pointer;border:none;transition:opacity .15s}#btn-preview-close:hover{opacity:.7}#btn-preview-close:focus-visible{outline:2px solid var(--paper-accent);outline-offset:2px}#toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(60px);background:#333;color:#fff;font-family:Geist,sans-serif;font-size:14px;padding:10px 24px;border-radius:24px;opacity:0;pointer-events:none;z-index:2000;transition:opacity .2s,transform .2s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.btn-disabled{opacity:.4!important;pointer-events:none!important}#stage-inner,#dessert-intact,#dessert-left,#dessert-right,#paper-strip{will-change:transform,opacity}.dessert-item,.paper-item{transition:bottom .3s cubic-bezier(.34,1.56,.64,1),opacity .2s}.paper-item .paper-inner{transition:width .3s cubic-bezier(.34,1.56,.64,1),height .3s cubic-bezier(.34,1.56,.64,1),opacity .2s}#btn-dice{perspective:160px}#dice-cube{width:44.232px;height:44.232px;transform-style:preserve-3d;position:relative;display:block}.dice-face{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/icons/dice.svg) center / contain no-repeat;backface-visibility:hidden}.dice-front{transform:rotateY(0) translateZ(22.116px)}.dice-back{transform:rotateY(180deg) translateZ(22.116px)}.dice-top{transform:rotateX(90deg) translateZ(22.116px)}.dice-bottom{transform:rotateX(-90deg) translateZ(22.116px)}.dice-left{transform:rotateY(-90deg) translateZ(22.116px)}.dice-right{transform:rotateY(90deg) translateZ(22.116px)}.dice-spinning #dice-cube{animation:none}#celebration-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:60;perspective:900px}.cookie-particle{position:absolute;display:block;object-fit:contain;transform-origin:center center;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;backface-visibility:visible}@media (prefers-reduced-motion: reduce){.dessert-item,.paper-item,.dessert-item img,.paper-item .paper-strip,#stage-inner,.hover-label,#preview-overlay,#preview-content{transition-duration:.001ms!important;animation-duration:.001ms!important}#dice-cube{transform-style:flat}#celebration-particles{visibility:hidden}}@media (max-width: 600px){#preview-content{min-width:unset;width:calc(100vw - 32px);padding:40px 24px}.preview-half{width:120px;height:180px}#preview-paper{width:220px;height:50px}}