:root{font-family:Galmuri11,DungGeunMo,NeoDunggeunmo,Apple SD Gothic Neo,Courier New,monospace;color:#713443;background:#ff8fbd;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:1200px;min-height:100vh}button{border:4px solid #dd5c8a;border-radius:0;background:#fff1a8;color:#f24a87;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.08em;padding:12px 28px;text-transform:uppercase;text-shadow:2px 0 0 #ffffff,0 2px 0 #ffffff,2px 2px 0 #ffffff;box-shadow:inset 0 0 0 4px #fff,inset -4px -4px #ffc65f73,5px 5px #b83e6a}button:hover{transform:translate(2px,2px);box-shadow:inset 0 0 0 4px #fff,3px 3px #b83e6a}.app-shell{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),#ff8fbd;background-size:16px 16px}.game-frame{width:min(calc(100vw - 32px),calc((100vh - 32px) * 16 / 9),1440px);aspect-ratio:16 / 9;position:relative;overflow:hidden;border:4px solid #552536;background:#fff0a9;box-shadow:0 0 0 4px #fff,0 0 0 8px #d54d80,0 20px #89284d3d;image-rendering:pixelated}.start-screen,.play-screen,.screen{min-height:100%;position:relative;overflow:hidden}.start-screen{display:grid;place-items:center;padding:40px 70px 42px;background:url(/start-background.png) center / cover no-repeat,#ff8fbd}.start-screen:before{content:none}.lace-edge{position:absolute;left:0;width:100%;height:72px;background:radial-gradient(circle at 18px 56px,#ff7daf 0 17px,transparent 18px),radial-gradient(circle at 50px 56px,#ff7daf 0 17px,transparent 18px),radial-gradient(circle at 18px 57px,#ffffff 0 20px,transparent 21px),radial-gradient(circle at 50px 57px,#ffffff 0 20px,transparent 21px),linear-gradient(#ff7daf 0 35px,#ffffff 35px 41px,transparent 42px);background-size:64px 72px;filter:drop-shadow(0 4px 0 rgba(174,55,93,.16))}.lace-top{top:0}.lace-bottom{bottom:0;transform:rotate(180deg)}.start-hero{width:760px;max-width:100%;display:grid;justify-items:center;gap:2px;position:relative;z-index:1;align-self:end;padding-bottom:54px;transform:none}.start-screen .lace-edge,.start-screen .sparkles,.start-screen .pixel-bow,.start-screen .title-wrap,.start-screen .hero-tools,.start-screen .hero-cake{display:none}.pixel-bow{width:230px;height:92px;position:relative;margin-bottom:-8px}.bow-left,.bow-right,.bow-knot{position:absolute;display:block;background:#f0528c;border:4px solid #9e2d58;box-shadow:inset 0 0 0 4px #ff8fbd,4px 4px #fff}.bow-left,.bow-right{width:96px;height:70px;top:8px}.bow-left{left:0;clip-path:polygon(0 12%,100% 0,84% 100%,0 84%)}.bow-right{right:0;clip-path:polygon(0 0,100% 12%,100% 84%,16% 100%)}.bow-knot{width:56px;height:46px;left:87px;top:20px;background:#ffd957;border-color:#c78325}.title-wrap{display:grid;justify-items:center;line-height:.78;transform:rotate(-1deg)}.title-wrap span{color:#ff5b95;font-size:124px;font-weight:900;letter-spacing:.01em;-webkit-text-stroke:5px #ffffff;text-shadow:-5px 0 0 #ffffff,0 -5px 0 #ffffff,0 10px 0 rgba(255,255,255,.38),6px 0 0 #9c354f,0 6px 0 #9c354f,6px 6px 0 #9c354f,10px 10px 0 rgba(118,38,65,.28)}.title-wrap span:nth-child(2){color:#ffbf26;font-size:74px;margin:-8px 0 -13px}.hero-tools{position:absolute;inset:120px -18px auto -18px;pointer-events:none}.whisk,.piping-bag{position:absolute;width:68px;height:112px;border:4px solid #783248;background:#fff8e3;box-shadow:inset 0 0 0 4px #ffffff80,5px 5px #fff,8px 8px #7430472e}.whisk{left:0;border-radius:50% 50% 22px 22px;transform:rotate(-30deg)}.whisk:before{content:"";position:absolute;top:9px;right:13px;bottom:18px;left:13px;border-left:4px solid #783248;border-right:4px solid #783248;border-radius:50%}.whisk:after{content:"";position:absolute;width:18px;height:42px;left:14px;top:74px;background:#ff7ca8;border:4px solid #783248}.piping-bag{right:0;clip-path:polygon(20% 0,86% 18%,54% 100%,0 22%);transform:rotate(18deg)}.piping-bag:after{content:"";position:absolute;left:12px;bottom:10px;width:28px;height:14px;background:#ff6fa4;border:3px solid #783248}.hero-cake{width:350px;height:190px;margin-top:-8px}.pixel-cake{position:relative}.cake-berries{position:absolute;z-index:5;top:0;left:50%;display:flex;gap:12px;transform:translate(-50%)}.cake-berries span{width:28px;height:32px;display:block;background:#f4473f;border:3px solid #94332d;clip-path:polygon(50% 0,92% 28%,78% 100%,22% 100%,8% 28%);box-shadow:inset 5px 5px #ff8780}.cake-top,.cake-icing,.cake-layer,.cake-plate{position:absolute;left:50%;transform:translate(-50%)}.cake-top{z-index:4;top:24px;width:200px;height:34px;border:4px solid #c97e24;background:#fff4b8}.cake-icing{z-index:3;top:50px;width:214px;height:42px;border:4px solid #c63f75;background:radial-gradient(circle at 24px 0,#ff5d9a 0 18px,transparent 19px),radial-gradient(circle at 72px 0,#ff5d9a 0 18px,transparent 19px),radial-gradient(circle at 120px 0,#ff5d9a 0 18px,transparent 19px),radial-gradient(circle at 168px 0,#ff5d9a 0 18px,transparent 19px),#ff86b6;background-size:48px 42px}.cake-layer{width:216px;border:4px solid #c97e24}.cake-layer-cream{z-index:2;top:82px;height:24px;background:#fffaf1}.cake-layer-base{z-index:1;top:102px;height:34px;background:#f4a12c;box-shadow:inset 0 9px #ffd783}.cake-plate{z-index:0;top:122px;width:268px;height:28px;border:4px solid #77727a;background:#fff}.start-button{width:310px;height:70px;padding:0;margin-top:0;border:0;background:url(/start-button.png) center / contain no-repeat;color:transparent;text-shadow:none;box-shadow:none}.start-button:hover{transform:translateY(2px);box-shadow:none}.start-album-button{position:absolute;left:28px;bottom:68px;width:74px;height:74px;padding:0;border:0;background:url(/start-album-button.png) center / contain no-repeat;box-shadow:none;image-rendering:pixelated;z-index:2}.start-album-button:hover{transform:translate(2px,2px)}.sparkles span{position:absolute;width:24px;height:24px;background:#ff4e8e;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(3px 3px 0 #ffffff)}.sparkles span:nth-child(1){top:170px;left:31%}.sparkles span:nth-child(2){top:126px;left:37%}.sparkles span:nth-child(3){top:132px;right:37%}.sparkles span:nth-child(4){top:205px;right:39%;width:42px;height:36px;clip-path:polygon(50% 92%,8% 48%,16% 20%,42% 12%,50% 28%,58% 12%,84% 20%,92% 48%)}.pixel-room-screen,.play-screen,.result-screen,.album-screen{background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.42) 0 2px,transparent 3px),radial-gradient(circle at 74% 20%,rgba(255,255,255,.46) 0 2px,transparent 3px),radial-gradient(circle at 92% 31%,rgba(255,255,255,.36) 0 2px,transparent 3px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,transparent 0 17px,rgba(255,255,255,.2) 17px 19px,transparent 19px 36px),linear-gradient(#ffc3db 0,#ffc3db 57%,#fff 57%,#fff 58%,#f6a9c9 58%,#f6a9c9 59%,#ffc2d7 59%,#ffc2d7);background-size:120px 96px,160px 120px,190px 130px,36px 36px,36px 36px,100% 100%}.pixel-room-screen:after,.play-screen:after,.result-screen:after,.album-screen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(45deg,rgba(255,255,255,.34) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.34) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.34) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.34) 75%),#ffb4cd;background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px,40px 40px,40px 40px,40px 40px}.result-screen:before,.album-screen:before,.pixel-room-screen:before{content:"";position:absolute;left:0;right:0;top:0;height:44px;background:radial-gradient(circle at 18px 34px,#ff7daf 0 13px,transparent 14px),radial-gradient(circle at 50px 34px,#ff7daf 0 13px,transparent 14px),linear-gradient(#ff7daf 0 20px,#ffffff 20px 25px,transparent 26px);background-size:64px 44px;z-index:1}.screen{display:grid;grid-template-rows:1fr auto;padding:58px}.screen-content,.screen-actions{position:relative;z-index:2}.screen-content{width:min(720px,100%);display:grid;align-content:center;justify-items:center;gap:18px;justify-self:center;margin-top:36px;padding:34px;text-align:center;border:4px solid #e85f91;background:linear-gradient(90deg,rgba(255,223,236,.8) 1px,transparent 1px),#fff9ef;background-size:12px 12px;box-shadow:inset 0 0 0 5px #ffd5e4,8px 8px #b83e6a}.eyebrow{margin:0}.pixel-ribbon{min-width:168px;padding:8px 20px;color:#fff;background:#ef4f88;border:4px solid #be3a6b;font-weight:900;letter-spacing:.08em;text-shadow:3px 3px 0 #be3a6b}h1{margin:0;color:#ff5b95;font-size:52px;line-height:1;-webkit-text-stroke:2px #ffffff;text-shadow:4px 0 0 #9c354f,0 4px 0 #9c354f,4px 4px 0 #9c354f}p{margin:0}.screen-body{max-width:640px;display:grid;gap:12px;color:#5f2938;font-size:20px;font-weight:800;line-height:1.6}.screen-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.screen-panel{position:relative;z-index:2;width:min(980px,100%);justify-self:center;display:grid;justify-items:center;gap:22px;padding:30px;border:4px solid #e85f91;background:linear-gradient(90deg,rgba(255,223,236,.74) 1px,transparent 1px),linear-gradient(rgba(255,223,236,.58) 1px,transparent 1px),#fff9eff7;background-size:14px 14px;box-shadow:inset 0 0 0 5px #ffd5e4,inset 0 0 0 10px #ffffff6b,8px 8px #b83e6a}.screen-panel>h1{position:relative;padding:8px 28px 10px;background:#ef4f88;border:4px solid #be3a6b;color:#fff;font-size:42px;-webkit-text-stroke:0;text-shadow:3px 0 0 #be3a6b,0 3px 0 #be3a6b,3px 3px 0 #be3a6b;box-shadow:inset 0 0 0 4px #ff8fbd,5px 5px #74304747}.screen-panel>h1:before,.screen-panel>h1:after{content:"♥";color:#ffc3db;margin:0 10px;-webkit-text-stroke:0;text-shadow:2px 2px 0 #be3a6b}.result-panel{align-self:center}.result-content{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:34px;width:100%}.result-cake-showcase{display:grid;place-items:center;min-height:220px;border:4px solid #f08aad;background:radial-gradient(circle at 18% 24%,#ffd957 0 3px,transparent 4px),radial-gradient(circle at 76% 32%,#ff8fbd 0 3px,transparent 4px),linear-gradient(45deg,rgba(255,255,255,.46) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.46) 25%,transparent 25%),#fff0f6;background-size:90px 70px,110px 80px,24px 24px;box-shadow:inset 0 0 0 5px #fff}.cake-name-form{display:grid;gap:14px;justify-items:start}.cake-name-form label{color:#9b4165;font-size:20px;font-weight:900}.cake-name-form input{width:100%;min-width:320px;padding:13px 16px;border:4px solid #df5b8b;background:#fff;color:#5f2938;font:inherit;font-size:18px;font-weight:900;outline:none;box-shadow:inset 0 0 0 4px #ffe1eb}.cake-name-form input:focus{border-color:#e5a123}button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.62}.save-message{min-height:24px;color:#ef4f88;font-size:17px;font-weight:900}.proof-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 18% 22%,rgba(255,217,87,.34) 0 9px,transparent 10px),radial-gradient(circle at 76% 18%,rgba(255,255,255,.42) 0 7px,transparent 8px),#642a4070}.proof-photo-panel{position:relative;width:min(860px,100%);display:grid;justify-items:center;gap:12px;padding:18px;border:4px solid #df5b8b;background:linear-gradient(45deg,rgba(255,255,255,.42) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.42) 25%,transparent 25%),#fff0f6;background-position:0 0,0 14px;background-size:28px 28px;box-shadow:inset 0 0 0 5px #fff,8px 8px #bd416d}.proof-camera-frame{position:relative;width:min(720px,100%);height:420px;overflow:hidden;border:5px solid #ffbd37;background:#2b1821;box-shadow:inset 0 0 0 5px #fff,5px 5px #74304742}.proof-video,.proof-photo-preview{width:100%;height:100%;object-fit:cover;image-rendering:auto}.proof-video{transform:scaleX(-1)}.proof-close-button{position:absolute;top:12px;right:12px;z-index:12;width:42px;height:42px;padding:0;font-size:18px}.proof-confetti{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:3;pointer-events:none}.proof-confetti span{position:absolute;width:10px;height:18px;background:#ff5b95;box-shadow:4px 4px #ffd64d}.proof-confetti span:nth-child(3n){background:#fff;box-shadow:4px 4px #ff9fc0}.proof-confetti span:nth-child(4n){background:#ffd64d;box-shadow:4px 4px #ef4f88}.proof-confetti span:nth-child(1){left:8%;top:8%;transform:rotate(-20deg)}.proof-confetti span:nth-child(2){left:18%;top:22%;transform:rotate(16deg)}.proof-confetti span:nth-child(3){left:28%;top:9%;transform:rotate(38deg)}.proof-confetti span:nth-child(4){left:38%;top:18%;transform:rotate(-32deg)}.proof-confetti span:nth-child(5){left:48%;top:7%;transform:rotate(22deg)}.proof-confetti span:nth-child(6){left:58%;top:20%;transform:rotate(-14deg)}.proof-confetti span:nth-child(7){left:69%;top:10%;transform:rotate(34deg)}.proof-confetti span:nth-child(8){left:82%;top:18%;transform:rotate(-24deg)}.proof-confetti span:nth-child(9){left:90%;top:7%;transform:rotate(18deg)}.proof-confetti span:nth-child(10){left:10%;bottom:24%;transform:rotate(25deg)}.proof-confetti span:nth-child(11){left:22%;bottom:12%;transform:rotate(-18deg)}.proof-confetti span:nth-child(12){left:34%;bottom:22%;transform:rotate(12deg)}.proof-confetti span:nth-child(13){right:38%;bottom:14%;transform:rotate(-28deg)}.proof-confetti span:nth-child(14){right:28%;bottom:26%;transform:rotate(20deg)}.proof-confetti span:nth-child(15){right:18%;bottom:12%;transform:rotate(-12deg)}.proof-confetti span:nth-child(16){right:8%;bottom:24%;transform:rotate(26deg)}.proof-confetti span:nth-child(17){left:5%;top:46%;transform:rotate(-30deg)}.proof-confetti span:nth-child(18){right:5%;top:44%;transform:rotate(30deg)}.proof-player-bow{position:absolute;left:50%;top:6px;z-index:6;width:220px;height:116px;background:url(/proof-bow.png) center / contain no-repeat;image-rendering:pixelated;transform:translate(-50%);pointer-events:none}.proof-player-bow span{display:none}.proof-cake-overlay{position:absolute;left:50%;bottom:18px;z-index:10;background:transparent;transform:translate(-50%);transform-origin:bottom center;pointer-events:none}.proof-camera-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;background:#2b1821bd}.proof-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#fff;pointer-events:none;animation:proof-flash-burst .18s steps(2,end) both}@keyframes proof-flash-burst{0%{opacity:0}35%{opacity:.92}to{opacity:0}}.proof-photo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.proof-photo-actions button{padding:9px 16px;font-size:14px}.proof-photo-preview{justify-self:center;width:320px;height:196px;border:5px solid #df5b8b;background:#fff;box-shadow:inset 0 0 0 5px #ffe1eb,5px 5px #bd416d}.album-panel{align-self:stretch;grid-template-rows:auto 1fr auto;max-height:100%}.album-grid{width:100%;max-height:470px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-y:auto;padding:4px 8px 8px}.album-card{display:grid;justify-items:center;gap:7px;padding:14px 10px 12px;border:4px solid #df5b8b;background:#fff8ef;box-shadow:inset 0 0 0 4px #ffe1eb,5px 5px #bd416d}.album-card:before{content:"";width:54px;height:12px;margin-top:-20px;background:#ef4f88;border:3px solid #be3a6b;box-shadow:inset 0 0 0 2px #ff8fbd}.album-card .cake-build-preview{height:128px;transform:scale(.74);transform-origin:top center;margin-bottom:-32px}.album-card h2{margin:0;color:#ef4f88;font-size:19px;line-height:1.1;text-align:center;word-break:keep-all}.album-card p,.album-card span{color:#9b4165;font-size:12px;font-weight:900}.album-empty{min-height:330px;display:grid;align-content:center;justify-items:center;gap:18px;color:#9b4165;font-size:22px;font-weight:900}.room-window{position:absolute;left:62px;top:78px;width:254px;height:170px;z-index:1}.window-sky{position:absolute;left:68px;top:24px;width:120px;height:104px;border:5px solid #ffffff;background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.75) 43% 47%,transparent 48%),linear-gradient(#aee4ff 0,#aee4ff 58%,#92cf65 58%,#92cf65);box-shadow:inset 0 0 0 3px #7dbdd3,4px 4px #e06a99}.window-sky:before,.window-sky:after{content:"";position:absolute;background:#fff}.window-sky:before{left:50%;top:0;width:5px;height:100%}.window-sky:after{left:0;top:50%;width:100%;height:5px}.curtain{position:absolute;top:0;width:82px;height:152px;background:linear-gradient(90deg,rgba(255,255,255,.25) 12%,transparent 12% 24%,rgba(255,255,255,.18) 24% 36%,transparent 36%),#ff6fa4;border:4px solid #db4e82}.curtain-left{left:0;clip-path:polygon(0 0,100% 10%,76% 100%,0 92%)}.curtain-right{right:0;clip-path:polygon(0 10%,100% 0,100% 92%,24% 100%)}.room-fridge{position:absolute;right:50px;top:116px;width:126px;height:180px;border:4px solid #dc5a88;background:#ff80ad;box-shadow:inset 0 0 0 5px #ffb1cb,6px 6px #a2375838;z-index:1}.room-fridge span{position:absolute;left:0;width:100%;border-top:4px solid #dc5a88}.room-fridge span:first-child{top:74px}.room-fridge span:last-child{top:88px;left:22px;width:14px;height:30px;border:0;background:#d94a80}.play-screen{display:grid;grid-template-columns:335px 520px 335px;grid-template-rows:86px 226px 1fr 112px;gap:0 14px;justify-content:center;padding:14px 24px 16px}.play-hud,.guide-note,.debug-panel,.camera-frame,.cake-card,.roulette-wrap,.stage-actions,.ingredient-tray{position:relative;z-index:2}.play-hud{grid-column:1 / -1;display:flex;align-items:start;justify-content:center;gap:28px}.pause-button{width:56px;height:58px;padding:0;font-size:34px;line-height:1}.hud-pill{min-width:166px;height:52px;display:grid;place-items:center;border:4px solid #e86191;background:#fff9ef;color:#ef4d86;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 4px #ffd7e5,inset -4px -4px #ffe6ef,4px 4px #c34a73}.heart-counter{width:92px;height:82px;display:grid;place-items:center;margin-top:-12px;color:#fff;font-size:40px;font-weight:900;text-shadow:3px 3px 0 #be3a6b;background:#ef4f88;clip-path:polygon(50% 92%,8% 48%,16% 18%,40% 8%,50% 24%,60% 8%,84% 18%,92% 48%);filter:drop-shadow(4px 4px 0 #be3a6b)}.play-window{top:98px;left:50px}.play-fridge{top:114px;right:50px}.guide-note{grid-column:1;grid-row:2 / 3;align-self:center;justify-self:center;width:232px;padding:38px 22px 24px;border:4px solid #d94f80;background:#fff9ef;color:#2f1d24;font-size:20px;font-weight:900;line-height:1.6;box-shadow:inset 0 0 0 4px #ffe1eb,5px 5px #be3a6b}.debug-panel{display:none;grid-column:1;grid-row:3 / 5;align-self:end;justify-self:start;width:286px;margin-bottom:76px;padding:12px;border:4px solid #743047;background:#fff9eff0;color:#3d202b;font-size:12px;font-weight:900;box-shadow:inset 0 0 0 4px #ffd5e4,5px 5px #74304757}.debug-panel div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:2px dotted #e486a7}.debug-panel div:last-child{border-bottom:0}.debug-panel span{color:#9b4165}.debug-panel strong{color:#ef4f88;text-align:right}.note-pin{position:absolute;top:-12px;width:18px;height:28px;background:#ef4f88;border:3px solid #b63c68}.note-pin-left{left:26px}.note-pin-right{right:26px}.camera-frame{grid-column:2;grid-row:2 / 4;align-self:start;justify-self:center;width:462px;height:284px;margin-top:4px;display:grid;place-items:center;border:5px solid #ffbd37;background:#ff8fbd;box-shadow:inset 0 0 0 5px #fff,7px 7px #c34a73;overflow:hidden}.camera-corners:before,.camera-corners:after,.camera-corners{position:absolute;top:24px;right:24px;bottom:24px;left:24px;pointer-events:none}.camera-corners{border:8px solid transparent;z-index:4}.camera-corners:before,.camera-corners:after{content:"";border:8px solid #ffffff}.camera-corners:before{clip-path:polygon(0 0,28% 0,28% 8%,8% 8%,8% 28%,0 28%,0 72%,8% 72%,8% 92%,28% 92%,28% 100%,0 100%)}.camera-corners:after{clip-path:polygon(72% 0,100% 0,100% 28%,92% 28%,92% 8%,72% 8%,72% 0,72% 92%,92% 92%,92% 72%,100% 72%,100% 100%,72% 100%)}.avatar-face{position:relative;width:210px;height:220px;z-index:2;transition:opacity .12s linear}.avatar-hidden{opacity:0;pointer-events:none}.webcam-video{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;transform:scaleX(-1);background:#2b1821;image-rendering:auto;z-index:1}.camera-overlay{position:absolute;left:34px;right:34px;bottom:26px;z-index:5;padding:10px 12px;border:4px solid #be3a6b;background:#fff9ef;color:#b83e6a;font-size:16px;font-weight:900;line-height:1.35;text-align:center;box-shadow:inset 0 0 0 3px #ffd5e4,4px 4px #5525363d}.avatar-hair{position:absolute;left:26px;top:0;width:160px;height:206px;background:#4d2c22;border:4px solid #301812;clip-path:polygon(18% 0,82% 0,100% 22%,92% 100%,8% 100%,0 22%)}.avatar-head{position:absolute;left:41px;top:40px;width:128px;height:136px;background:#ffd0b5;border:4px solid #703829;clip-path:polygon(8% 0,92% 0,100% 18%,96% 82%,72% 100%,28% 100%,4% 82%,0 18%)}.avatar-head:before{content:"";position:absolute;left:-4px;top:-4px;width:136px;height:42px;background:linear-gradient(135deg,transparent 0 36%,#4d2c22 37% 100%),#3a2019;border-bottom:4px solid #301812;clip-path:polygon(0 0,100% 0,100% 64%,82% 54%,66% 74%,50% 54%,34% 74%,18% 54%,0 64%);z-index:2}.eye,.cheek,.open-mouth{position:absolute;display:block}.eye{top:54px;width:20px;height:30px;background:#3b241e;box-shadow:inset 7px 5px #fff;z-index:3}.eye-left{left:26px}.eye-right{right:26px}.cheek{top:88px;width:24px;height:18px;background:#ff8fa8;z-index:3}.cheek-left{left:12px}.cheek-right{right:12px}.open-mouth{left:43px;top:88px;width:42px;height:46px;background:#c92d3f;border:4px solid #8f2230;box-shadow:inset 0 -10px #ff6b68;z-index:3}.cake-card{grid-column:3;grid-row:2 / 4;align-self:start;justify-self:center;width:252px;height:260px;margin-top:34px;display:grid;place-items:center;border:4px solid #e86091;background:#fff8ec;box-shadow:inset 0 0 0 5px #ffe0ea,6px 6px #c34a73}.cake-card .pixel-ribbon{position:absolute;top:-24px;left:50%;transform:translate(-50%);text-align:center}.cake-build-preview{width:210px;height:194px;display:grid;align-content:center;justify-items:center;gap:8px}.cake-build-stage{position:relative;width:194px;height:144px}.cake-build-layer,.cake-build-layer:before,.cake-build-plate{position:absolute;left:50%;transform:translate(-50%)}.cake-build-layer{width:148px;border:4px solid var(--layer-border);background:linear-gradient(var(--layer-side) 0 68%,var(--layer-accent) 68% 100%);box-shadow:inset 12px 0 #ffffff3d,inset -8px 0 #70342a14}.cake-build-layer:before{content:"";top:-18px;width:148px;height:34px;border:4px solid var(--layer-border);border-bottom:0;border-radius:50%;background:radial-gradient(circle at 48px 14px,rgba(255,255,255,.65) 0 4px,transparent 5px),var(--layer-top)}.cake-build-base{z-index:2;bottom:24px;height:32px}.cake-build-cream{z-index:4;bottom:59px;height:30px}.cake-build-cream:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-6px;height:12px;background:radial-gradient(circle at 17px 0,var(--layer-side) 0 9px,transparent 10px),radial-gradient(circle at 47px 0,var(--layer-side) 0 9px,transparent 10px),radial-gradient(circle at 77px 0,var(--layer-side) 0 9px,transparent 10px),radial-gradient(circle at 107px 0,var(--layer-side) 0 9px,transparent 10px),radial-gradient(circle at 137px 0,var(--layer-side) 0 9px,transparent 10px);background-size:30px 12px}.cake-topping-sprite{position:absolute;z-index:8;left:var(--topping-x);top:var(--topping-y);width:var(--topping-size);height:var(--topping-size);object-fit:contain;image-rendering:pixelated;transform:translate(-50%,-50%) rotate(var(--topping-rotate));filter:drop-shadow(2px 3px 0 rgba(117,47,70,.22))}.cake-build-plate{z-index:1;bottom:4px;width:178px;height:28px;border:4px solid #77727a;border-radius:50%;background:#fff;box-shadow:inset 0 -5px #d8d5dc,4px 4px #7430472e}.cake-empty-message{position:absolute;z-index:3;left:50%;bottom:50px;width:128px;padding:8px;border:3px dashed #ee8eb0;background:#ffffffb8;color:#d84f80;font-size:13px;font-weight:900;text-align:center;transform:translate(-50%)}.cake-layer-summary{width:176px;min-height:34px;padding:6px 8px;border:3px solid #ee8eb0;background:#fff9ef;color:#9b4165;font-size:11px;font-weight:900;line-height:1.25;text-align:center;box-shadow:inset 0 0 0 3px #ffe1eb}.roulette-wrap{grid-column:2;grid-row:3 / 5;align-self:start;justify-self:center;width:440px;height:440px;margin-top:4px;margin-bottom:0}.roulette-pointer{position:absolute;z-index:4;left:50%;top:34px;width:34px;height:58px;background:#ef4f4f;border:4px solid #9d2f2f;clip-path:polygon(50% 100%,0 28%,50% 0,100% 28%);transform:translate(-50%);filter:drop-shadow(3px 3px 0 #ffffff)}.selected-ingredient{position:absolute;left:50%;top:154px;z-index:5;min-width:166px;padding:7px 13px;border:4px solid #be3a6b;background:#fff9eff0;color:#ef4f88;font-size:13px;font-weight:900;text-align:center;text-shadow:2px 2px 0 #ffffff;transform:translate(-50%);box-shadow:inset 0 0 0 3px #ffd5e4,4px 4px #74304747}.roulette-stage{position:absolute;left:50%;top:112px;z-index:5;min-width:166px;padding:7px 13px;border:4px solid #e5a123;background:#fff1a8f5;color:#9d4b22;font-size:13px;font-weight:900;text-align:center;text-shadow:2px 2px 0 #ffffff;transform:translate(-50%);box-shadow:inset 0 0 0 3px #fff,4px 4px #7430473d}.roulette-wheel{position:absolute;left:50%;top:70px;width:396px;height:396px;overflow:hidden;border:10px solid #e5a123;background:repeating-conic-gradient(from calc(var(--slice-angle, 45deg) / -2),#ffdce9 0 calc(var(--slice-angle, 45deg) / 2),#fff0f6 calc(var(--slice-angle, 45deg) / 2) var(--slice-angle, 45deg));border-radius:50%;box-shadow:inset 0 0 0 8px #fff2a8,0 0 0 5px #9d6720,7px 7px #6f323d4d;transform:translate(-50%)}.roulette-center{position:absolute;left:50%;top:50%;width:54px;height:44px;background:#ff5b95;border:5px solid #c43e73;transform:translate(-50%,-50%);box-shadow:inset 0 8px #ff95bc}.roulette-item,.ingredient-card{display:block;position:relative}.sprite-item:before,.sprite-item:after{display:none}.ingredient-sprite{position:absolute;z-index:2;left:50%;top:50%;width:var(--sprite-size, 76px);height:var(--sprite-size, 76px);object-fit:contain;image-rendering:pixelated;pointer-events:none;transform:translate(-50%,-50%)}.roulette-item{position:absolute;width:76px;height:76px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--item-angle)) translateY(calc(-1 * var(--item-radius, 103px))) rotate(calc(-1 * var(--item-angle))) scale(var(--item-scale, 1))}.stage-actions{grid-column:2;grid-row:4;align-self:start;justify-self:center;z-index:8;display:flex;justify-content:center;gap:12px;margin-top:0}.stage-actions button{min-width:112px;padding:8px 12px;border-width:3px;font-size:14px;white-space:nowrap;box-shadow:inset 0 0 0 3px #fff,4px 4px #b83e6a}.ingredient-tray{grid-column:1 / -1;grid-row:4;align-self:end;display:flex;justify-content:center;align-items:center;gap:20px;padding-bottom:8px}.ingredient-tray-topping_special{flex-wrap:wrap;gap:6px 8px;padding-inline:170px;padding-bottom:4px}.ingredient-card{width:88px;height:70px;border:4px solid #df5b8b;background:#fff8ef;box-shadow:inset 0 0 0 4px #ffe1eb,5px 5px #bd416d}.ingredient-card .ingredient-sprite{width:74px;height:58px}.ingredient-tray-topping_special .ingredient-card{width:44px;height:38px;border-width:3px;box-shadow:inset 0 0 0 3px #ffe1eb,3px 3px #bd416d}.ingredient-tray-topping_special .ingredient-sprite{width:40px;height:34px}.item-strawberry:before,.item-blueberry:before,.item-cream:before,.item-heart:before,.item-sprinkle:before,.item-chocolate:before,.item-cherry:before,.item-cookie:before,.item-sheet:before,.item-cream-swirl:before,.item-macaron:before,.item-candle:before,.item-ribbon-small:before,.item-star:before,.item-jelly:before,.item-pearl:before,.item-flower:before,.item-crown:before,.item-raspberry:before,.item-peach:before,.item-grape:before,.item-banana:before,.item-kiwi:before,.item-orange:before,.item-chocolate-piece:before,.item-white-chocolate:before,.item-oreo:before,.item-waffle:before,.item-donut:before,.item-wafer:before,.item-marshmallow:before,.item-candy:before,.item-syrup:before,.item-mint-leaf:before,.item-kimchi:before,.item-broccoli:before,.item-pickle:before,.item-anchovy:before,.item-hamburger:before,.item-chicken:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.item-strawberry:before{width:26px;height:34px;background:#f4473f;border:4px solid #9a322c;clip-path:polygon(50% 0,92% 28%,78% 100%,22% 100%,8% 28%);box-shadow:inset 7px 7px #ff837b}.item-blueberry:before{width:18px;height:18px;background:#3d5ec4;border:4px solid #233989;box-shadow:18px 5px 0 -2px #3d5ec4,18px 5px 0 2px #233989,-15px 7px 0 -2px #3d5ec4,-15px 7px 0 2px #233989}.item-cream:before{width:32px;height:32px;background:#fff8ef;border:4px solid #b69d86;clip-path:polygon(50% 0,90% 64%,76% 100%,24% 100%,10% 64%)}.item-heart:before{width:36px;height:32px;background:#ff5b95;clip-path:polygon(50% 92%,8% 48%,16% 20%,42% 12%,50% 28%,58% 12%,84% 20%,92% 48%);filter:drop-shadow(4px 4px 0 #b83e6a)}.item-sprinkle:before{width:40px;height:32px;background:linear-gradient(90deg,#ff5b95 0 8px,transparent 8px),linear-gradient(90deg,#ffd64d 0 8px,transparent 8px),linear-gradient(90deg,#4d78ff 0 8px,transparent 8px),linear-gradient(90deg,#70c34d 0 8px,transparent 8px);background-position:4px 6px,20px 22px,32px 8px,10px 28px;background-size:48px 38px;background-repeat:no-repeat}.item-chocolate:before{width:36px;height:36px;border:4px solid #5c2c1f;background:linear-gradient(90deg,transparent 45%,#5c2c1f 46% 54%,transparent 55%),linear-gradient(transparent 45%,#5c2c1f 46% 54%,transparent 55%),#8f4a2e}.item-cherry:before{width:26px;height:26px;background:#e93f54;border:4px solid #9d2638;box-shadow:18px 6px 0 -2px #e93f54,18px 6px 0 2px #9d2638}.item-cherry:after{content:"";position:absolute;left:36px;top:7px;width:18px;height:22px;border-top:4px solid #5e9c42;border-left:4px solid #5e9c42;transform:rotate(22deg)}.item-cookie:before{width:36px;height:36px;border:4px solid #9b5a2d;background:radial-gradient(circle at 12px 12px,#7a3f24 0 4px,transparent 5px),radial-gradient(circle at 28px 18px,#7a3f24 0 4px,transparent 5px),radial-gradient(circle at 18px 30px,#7a3f24 0 4px,transparent 5px),#d99a4d}.item-sheet{--sheet-top: #ffe79b;--sheet-cream: #fff9ef;--sheet-bottom: #e6a84d;--sheet-border: #9b5a2d}.item-sheet:before{width:44px;height:34px;border:4px solid var(--sheet-border);background:linear-gradient(var(--sheet-top) 0 35%,var(--sheet-cream) 35% 54%,var(--sheet-bottom) 54% 100%);box-shadow:inset 0 5px #ffffff61,4px 4px #fff}.item-sheet:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:6px;background:#ffffffb8;transform:translate(-50%,-8px)}.sheet-vanilla{--sheet-top: #ffe79b;--sheet-bottom: #e7a94e}.sheet-choco{--sheet-top: #8a4a32;--sheet-cream: #ffe0bd;--sheet-bottom: #5f2f25;--sheet-border: #4f261d}.sheet-strawberry{--sheet-top: #ff96b8;--sheet-cream: #fff4f8;--sheet-bottom: #e85b82;--sheet-border: #aa3d62}.sheet-matcha{--sheet-top: #a6d46b;--sheet-cream: #f5ffe5;--sheet-bottom: #6fa44b;--sheet-border: #4e7534}.sheet-cheese{--sheet-top: #ffd65a;--sheet-cream: #fff6c7;--sheet-bottom: #d88a2b}.sheet-blueberry{--sheet-top: #8fa6ff;--sheet-cream: #eef0ff;--sheet-bottom: #526bc7;--sheet-border: #354487}.sheet-rainbow:before{background:linear-gradient(#ff8fb2 0,#ff8fb2 20%,#ffe37a 20%,#ffe37a 38%,#fff9ef 38%,#fff9ef 54%,#91d87b 54%,#91d87b 72%,#87a8ff 72%,#87a8ff)}.sheet-cookie{--sheet-top: #d99a4d;--sheet-cream: #fff0d0;--sheet-bottom: #9b5a2d}.sheet-cookie:after{width:34px;height:22px;background:radial-gradient(circle at 6px 5px,#7a3f24 0 3px,transparent 4px),radial-gradient(circle at 23px 12px,#7a3f24 0 3px,transparent 4px),transparent;transform:translate(-50%,-50%)}.item-cream-swirl{--cream-main: #fff8ef;--cream-border: #b69d86;--cream-shine: rgba(255, 255, 255, .72)}.item-cream-swirl:before{width:42px;height:36px;border:4px solid var(--cream-border);background:radial-gradient(circle at 19px 7px,var(--cream-main) 0 11px,transparent 12px),radial-gradient(circle at 12px 19px,var(--cream-main) 0 13px,transparent 14px),radial-gradient(circle at 29px 20px,var(--cream-main) 0 13px,transparent 14px),linear-gradient(var(--cream-main),var(--cream-main));box-shadow:inset 6px 5px 0 var(--cream-shine),4px 4px #fff}.cream-milk{--cream-main: #fff8ef;--cream-border: #b69d86}.cream-strawberry{--cream-main: #ffb2cb;--cream-border: #c95178}.cream-choco{--cream-main: #8f4a2e;--cream-border: #5c2c1f;--cream-shine: rgba(255, 210, 178, .42)}.cream-blueberry{--cream-main: #9aa9ff;--cream-border: #4b5ebd}.cream-banana{--cream-main: #ffe16e;--cream-border: #ca8b24}.cream-matcha{--cream-main: #a9efd2;--cream-border: #4c9d7f}.cream-mocha{--cream-main: #c9875c;--cream-border: #74452e}.cream-rainbow:before{background:radial-gradient(circle at 19px 7px,#ffb2cb 0 11px,transparent 12px),radial-gradient(circle at 12px 19px,#ffe16e 0 13px,transparent 14px),radial-gradient(circle at 29px 20px,#9aa9ff 0 13px,transparent 14px),linear-gradient(#fff8ef,#fff8ef)}.item-macaron:before{width:42px;height:30px;border:4px solid #9d4167;border-radius:18px;background:linear-gradient(#ff90ba 0,#ff90ba 42%,#fff8ef 42%,#fff8ef 58%,#e95f91 58%,#e95f91);box-shadow:4px 4px #fff}.item-candle:before{width:18px;height:42px;border:4px solid #b84068;background:linear-gradient(135deg,#fff 0,#fff 22%,#ff8fbd 22%,#ff8fbd 44%,#fff 44%,#fff 66%,#ff8fbd 66%)}.item-candle:after{content:"";position:absolute;left:50%;top:3px;width:14px;height:18px;background:#ffd64d;border:3px solid #c78325;clip-path:polygon(50% 0,92% 58%,50% 100%,8% 58%);transform:translate(-50%)}.item-ribbon-small:before{width:46px;height:32px;background:linear-gradient(135deg,transparent 0 18%,#ff5b95 18% 54%,transparent 54%),linear-gradient(45deg,transparent 0 18%,#ff5b95 18% 54%,transparent 54%),radial-gradient(circle,#ffd64d 0 8px,#c78325 9px 12px,transparent 13px);filter:drop-shadow(4px 4px 0 #b83e6a)}.item-star:before{width:42px;height:42px;background:#ffd64d;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,80% 94%,50% 70%,20% 94%,32% 56%,2% 35%,39% 35%);filter:drop-shadow(4px 4px 0 #c78325)}.item-jelly:before{width:36px;height:34px;border:4px solid #9f3c70;border-radius:8px 8px 14px 14px;background:radial-gradient(circle at 13px 10px,rgba(255,255,255,.72) 0 5px,transparent 6px),#ff74b5;box-shadow:inset 0 -8px #d95493}.item-pearl:before{width:16px;height:16px;border:4px solid #bba7c5;border-radius:50%;background:#fff9ef;box-shadow:-18px 6px 0 -1px #fff9ef,-18px 6px 0 3px #bba7c5,18px 6px 0 -1px #fff9ef,18px 6px 0 3px #bba7c5,0 22px 0 -1px #fff9ef,0 22px 0 3px #bba7c5}.item-flower:before{width:16px;height:16px;background:#ffd64d;border:3px solid #c78325;border-radius:50%;box-shadow:0 -16px 0 3px #ff8fbd,16px 0 0 3px #ff8fbd,0 16px 0 3px #ff8fbd,-16px 0 0 3px #ff8fbd}.item-crown:before{width:44px;height:34px;border:4px solid #9b5a2d;background:radial-gradient(circle at 9px 8px,#ffd64d 0 5px,transparent 6px),radial-gradient(circle at 22px 4px,#ffd64d 0 5px,transparent 6px),radial-gradient(circle at 35px 8px,#ffd64d 0 5px,transparent 6px),linear-gradient(135deg,transparent 0 18%,#d99a4d 18% 32%,transparent 32%),linear-gradient(45deg,transparent 0 18%,#d99a4d 18% 32%,transparent 32%),#d99a4d;clip-path:polygon(0 28%,22% 48%,50% 10%,78% 48%,100% 28%,100% 100%,0 100%)}.item-raspberry:before{width:34px;height:34px;background:radial-gradient(circle at 10px 10px,#ff4f95 0 7px,transparent 8px),radial-gradient(circle at 23px 10px,#e7357c 0 7px,transparent 8px),radial-gradient(circle at 8px 22px,#d9276d 0 7px,transparent 8px),radial-gradient(circle at 20px 23px,#ff4f95 0 8px,transparent 9px),radial-gradient(circle at 30px 21px,#c91c60 0 6px,transparent 7px);filter:drop-shadow(4px 4px 0 #8f254f)}.item-raspberry:after,.item-grape:after,.item-strawberry:after,.item-blueberry:after{content:"";position:absolute;left:50%;top:4px;width:18px;height:14px;background:#65a843;clip-path:polygon(50% 0,70% 38%,100% 16%,76% 62%,94% 100%,50% 76%,6% 100%,24% 62%,0 16%,30% 38%);transform:translate(-50%)}.item-peach:before{width:42px;height:32px;border:4px solid #da794e;border-radius:55% 42% 50% 45%;background:linear-gradient(135deg,transparent 0 54%,#ff7b81 55% 68%,transparent 69%),#ffc777;box-shadow:inset 8px 5px #ffe2a3}.item-peach:after{content:"";position:absolute;right:13px;top:13px;width:16px;height:14px;background:#66a94b;clip-path:polygon(0 72%,50% 0,100% 72%,52% 100%)}.item-grape:before{width:18px;height:18px;background:#a9d946;border:4px solid #5d842a;border-radius:50%;box-shadow:-14px 7px 0 -1px #a9d946,-14px 7px 0 3px #5d842a,14px 7px 0 -1px #a9d946,14px 7px 0 3px #5d842a,0 19px 0 -1px #a9d946,0 19px 0 3px #5d842a}.item-banana:before{width:44px;height:34px;border-bottom:9px solid #ffcf2d;border-radius:0 0 42px 42px;box-shadow:0 7px 0 -1px #f2a51e,9px -5px 0 -3px #ffdf5f;transform:translate(-50%,-58%) rotate(-16deg)}.item-kiwi:before,.item-orange:before{width:40px;height:40px;border-radius:50%}.item-kiwi:before{border:5px solid #7c5b29;background:radial-gradient(circle,#fff8d6 0 8px,transparent 9px),repeating-conic-gradient(#2f4f24 0 10deg,transparent 10deg 30deg),#91d45c}.item-orange:before{border:4px solid #cf6d16;background:radial-gradient(circle,#fff0a8 0 5px,transparent 6px),repeating-conic-gradient(from 10deg,#ffb232 0,#ffb232 18deg,#fff0a8 18deg,#fff0a8 22deg,#ff8c21 22deg,#ff8c21 45deg)}.item-chocolate-piece:before,.item-white-chocolate:before{width:38px;height:32px;border:4px solid var(--choco-border, #5c2c1f);background:linear-gradient(90deg,transparent 45%,var(--choco-border, #5c2c1f) 46% 54%,transparent 55%),linear-gradient(transparent 45%,var(--choco-border, #5c2c1f) 46% 54%,transparent 55%),var(--choco-main, #8f4a2e);transform:translate(-50%,-50%) rotate(-12deg)}.item-white-chocolate{--choco-main: #fff1b8;--choco-border: #d3a348}.item-oreo:before{width:38px;height:38px;border:5px solid #2d211e;border-radius:50%;background:radial-gradient(circle,#fff8ef 0 8px,#2d211e 9px 13px,transparent 14px),radial-gradient(circle at 12px 12px,#5b453e 0 3px,transparent 4px),radial-gradient(circle at 27px 26px,#5b453e 0 3px,transparent 4px),#3b2c28}.item-waffle:before{width:40px;height:36px;border:4px solid #b86d21;background:linear-gradient(90deg,transparent 30%,#b86d21 31% 38%,transparent 39% 62%,#b86d21 63% 70%,transparent 71%),linear-gradient(transparent 30%,#b86d21 31% 38%,transparent 39% 62%,#b86d21 63% 70%,transparent 71%),#f0a638;transform:translate(-50%,-50%) rotate(14deg)}.item-donut:before{width:42px;height:34px;border:5px solid #d8842a;border-radius:50%;background:radial-gradient(circle,#fff8ef 0 7px,transparent 8px),radial-gradient(circle at 13px 10px,#fff071 0 3px,transparent 4px),radial-gradient(circle at 26px 24px,#ff6fa2 0 3px,transparent 4px),#ff8fbd}.item-wafer:before{width:14px;height:44px;border:3px solid #b67835;background:repeating-linear-gradient(45deg,#ffe0a2 0,#ffe0a2 6px,#c98a45 6px,#c98a45 9px);box-shadow:16px 7px 0 -1px #ffe0a2,16px 7px 0 2px #b67835;transform:translate(-50%,-50%) rotate(28deg)}.item-marshmallow:before{width:28px;height:30px;border:4px solid #e5a7b7;border-radius:10px;background:#fff1f6;box-shadow:23px 6px 0 -2px #d8f4ff,23px 6px 0 2px #9ac4d9}.item-candy:before{width:34px;height:34px;border:4px solid #cc3973;border-radius:50%;background:repeating-conic-gradient(#ff5b95 0,#ff5b95 20deg,#fff9ef 20deg,#fff9ef 40deg)}.item-candy:after{content:"";position:absolute;right:7px;bottom:10px;width:22px;height:14px;background:#ff5b95;border:3px solid #cc3973;clip-path:polygon(0 0,100% 34%,92% 100%,14% 82%);transform:rotate(-22deg)}.item-syrup:before{width:24px;height:44px;border:4px solid var(--syrup-border, #6d2f21);border-radius:7px 7px 5px 5px;background:linear-gradient(#fff8ef 0 18%,var(--syrup-main, #8f4a2e) 18% 100%);box-shadow:inset 6px 0 #ffffff59}.item-syrup:after{content:"";position:absolute;left:50%;top:11px;width:17px;height:10px;border:3px solid #ffffff;background:#ff5b95;transform:translate(-50%)}.syrup-strawberry{--syrup-main: #ff5b95;--syrup-border: #b83e6a}.item-mint-leaf:before{width:42px;height:34px;background:radial-gradient(ellipse at 25% 50%,#65c34e 0 13px,transparent 14px),radial-gradient(ellipse at 55% 43%,#75d65c 0 14px,transparent 15px),radial-gradient(ellipse at 78% 56%,#55a943 0 12px,transparent 13px);filter:drop-shadow(3px 3px 0 #347233)}.item-kimchi:before{width:42px;height:28px;border:4px solid #d35a31;border-radius:50% 40% 45% 35%;background:repeating-linear-gradient(140deg,#ff784a 0,#ff784a 8px,#ffe08f 8px,#ffe08f 13px,#e04435 13px,#e04435 18px);transform:translate(-50%,-50%) rotate(-12deg)}.item-broccoli:before{width:40px;height:36px;background:radial-gradient(circle at 10px 13px,#35a33f 0 10px,transparent 11px),radial-gradient(circle at 22px 8px,#2d8f38 0 12px,transparent 13px),radial-gradient(circle at 32px 15px,#40b74a 0 10px,transparent 11px),linear-gradient(90deg,transparent 0 38%,#78b84c 38% 62%,transparent 62%);filter:drop-shadow(4px 4px 0 #28702d)}.item-pickle:before{width:20px;height:44px;border:4px solid #516d23;border-radius:12px;background:radial-gradient(circle at 9px 9px,#d5db62 0 2px,transparent 3px),radial-gradient(circle at 12px 22px,#d5db62 0 2px,transparent 3px),#86a83b;transform:translate(-50%,-50%) rotate(15deg)}.item-anchovy:before{width:48px;height:15px;border:3px solid #707982;background:radial-gradient(circle at 8px 6px,#2f3338 0 2px,transparent 3px),#d9e1e8;clip-path:polygon(0 50%,14% 0,82% 0,100% 50%,82% 100%,14% 100%);box-shadow:-5px 12px 0 -2px #d9e1e8,-5px 12px 0 1px #707982,14px -12px 0 -2px #d9e1e8,14px -12px 0 1px #707982}.item-hamburger:before{width:46px;height:34px;border-radius:20px 20px 8px 8px;background:radial-gradient(circle at 15px 7px,#fff1a8 0 2px,transparent 3px),radial-gradient(circle at 29px 8px,#fff1a8 0 2px,transparent 3px),linear-gradient(#df8b2f 0,#df8b2f 32%,#6aa848 32%,#6aa848 44%,#f0d05d 44%,#f0d05d 58%,#78402b 58%,#78402b 74%,#e2a04f 74%,#e2a04f);border:4px solid #8b4d25}.item-chicken:before{width:42px;height:30px;border:4px solid #b76a25;border-radius:58% 42% 48% 52%;background:#e7982e;box-shadow:inset 8px 6px #ffc05a,22px 10px 0 -8px #fff1cf,22px 10px 0 -4px #b59a77;transform:translate(-50%,-50%) rotate(-14deg)}@media(max-width:1280px){body{min-width:1000px}.title-wrap span{font-size:76px}.play-screen{grid-template-columns:1fr 380px 1fr;gap:0 18px;padding-inline:28px}.camera-frame{width:350px}.roulette-wrap{transform:scale(.9)}}