Supra Stack · Carbs against gravity

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_241":242,"_243":244},"routes/_app.x.$handle.$name",{"_97":96,"_31":43,"_105":85,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":119,"_120":24,"_121":122,"_123":57,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","bebo.js","latestPath","fileId","2725b504-ae94-11f1-951d-1607ee4eb77e","name","fileType","script","content","/** Bebo is an original, procedurally animated SVG character. No remote assets. */\nexport function createBebo(host, reduced = false) {\n host.innerHTML = `

BEBO’S CORNER A WARM WELCOME

Come in, sweetheart. I made a little something.

`;\n const avatar=host.querySelector('.bebo-avatar'), svg=host.querySelector('svg'), head=svg.querySelector('.bebo-head');\n const mouth=svg.querySelector('.bebo-mouth'), brows=[svg.querySelector('.bebo-brow-left'),svg.querySelector('.bebo-brow-right')];\n const expressions={\n warm:{mouth:'M51 65Q60 73 70 64',brows:['M39 39Q44 36 50 39','M69 39Q75 36 80 39'],tilt:-2,label:'A WARM WELCOME'},\n focus:{mouth:'M54 67Q60 69 67 66',brows:['M39 40L50 39','M69 39L80 40'],tilt:1,label:'EYES ON THE BREAD'},\n gasp:{mouth:'M57 65C54 73 67 73 65 65C64 60 58 61 57 65Z',brows:['M39 36Q44 32 50 35','M69 35Q75 31 80 35'],tilt:-4,label:'OH, CAREFUL NOW'},\n proud:{mouth:'M50 64Q60 75 71 63Q62 69 50 64Z',brows:['M39 37Q45 34 51 37','M69 37Q75 33 81 37'],tilt:5,label:'THAT’S MY LITTLE CHEF'},\n clap:{mouth:'M51 63Q60 77 70 63Z',brows:['M39 36Q45 33 51 36','M69 36Q75 33 81 36'],tilt:2,label:'EXTRAORDINARY CHEESE'},\n relief:{mouth:'M53 65Q60 71 68 65',brows:['M39 38Q45 37 50 40','M69 40Q75 37 80 38'],tilt:-5,label:'AND… BREATHE'},\n rescue:{mouth:'M51 65Q60 73 70 64',brows:['M39 39Q45 36 50 39','M69 39Q75 36 80 39'],tilt:-7,label:'BEBO’S GOT YOU'},\n comfort:{mouth:'M53 67Q60 71 68 66',brows:['M39 40Q45 39 50 36','M69 36Q75 39 80 40'],tilt:5,label:'ALWAYS ANOTHER HELPING'},\n sleepy:{mouth:'M54 67Q60 70 67 67',brows:['M39 40Q45 38 50 40','M69 40Q75 38 80 40'],tilt:-6,label:'I’LL KEEP IT WARM'}\n };\n let mood='warm',hold=0,time=0,blink=0,nextBlink=3.2,gx=0,gy=0,spokenAt=-20,lastDraw=0;\n function setMood(name,quote='',duration=1.8){\n const e=expressions[name]||expressions.warm;mood=name;hold=duration;host.dataset.mood=name;\n mouth.setAttribute('d',e.mouth);mouth.setAttribute('fill',['gasp','proud','clap'].includes(name)?'#a46c60':'none');\n brows.forEach((b,i)=>b.setAttribute('d',e.brows[i]));head.style.setProperty('--tilt',`${e.tilt}deg`);\n host.querySelector('.bebo-mood').textContent=e.label;avatar.setAttribute('aria-label',`Bebo is ${name}. Tap for encouragement.`);\n if(quote){host.querySelector('#bebo-quote').textContent=quote;spokenAt=time;if(!reduced)host.querySelector('.bebo-speech').animate([{opacity:.55,transform:'translateY(3px)'},{opacity:1,transform:'translateY(0)'}],{duration:200,easing:'ease-out'});}\n }\n function tick(dt,game){\n time+=dt;hold=Math.max(0,hold-dt);if(time-lastDraw<.035)return;lastDraw=time;\n const m=game.moving;const tx=m?(m.x/480-.5)*4:0,ty=m?-1.5:0;gx+=(tx-gx)*.16;gy+=(ty-gy)*.16;\n for(const pupil of svg.querySelectorAll('.bebo-pupil'))pupil.setAttribute('transform',`translate(${gx.toFixed(2)} ${gy.toFixed(2)})`);\n if(!reduced){if(time>nextBlink){blink=.13;nextBlink=time+3.1+Math.random()*3;}blink=Math.max(0,blink-dt);\n svg.querySelector('.bebo-eye-left').style.transform=`scaleY(${blink>0?.08:mood==='proud'&&hold>.75?.15:1})`;\n svg.querySelector('.bebo-eye-right').style.transform=`scaleY(${blink>0?.08:['relief','sleepy'].includes(mood)?.5:1})`;\n }\n if(!hold){const next=game.state==='paused'?'sleepy':game.state==='playing'?'focus':'warm';if(mood!==next)setMood(next,'',2);}\n host.classList.toggle('bebo-paused',game.state==='paused');\n }\n const banter=['A balanced diet? One khachapuri in each hand.','You call that a tower? I call it breakfast.','No rush. Good cheese is patient.','The secret ingredient is another helping.','I told the neighbors you were coming.'];let quip=0;\n avatar.addEventListener('click',()=>{if(time-spokenAt<.7)return;setMood('proud',banter[quip++%banter.length],2.4);});\n setMood('warm');return {emote:setMood,tick,get mood(){return mood;}};\n}\n","createdAt",["D",1789208676028],"branchVersion","branchId","9d8a6546-755c-4f52-93d1-8f1f520dae5c","id","34fdb4c0-c2f9-4697-80ac-2c374a175096","supra-stack",["D",1788867086063],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Khachapuri, power-ups and perfect drops. Carbs against gravity.","imageUrl","f5be24e4-c798-4816-91e5-037b60b986f5","pinnedFileId","01a080c9-8793-71ca-822a-748c007e90d2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","7f67379d-2d38-49bd-81ac-2c7f92a739e2","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":53,"_101":102,"_103":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":88,"_89":90,"_91":48,"_92":42,"_93":63,"_94":43,"_95":96},"isOwned",30,"supra-journey-v2","projectId","forkedBranchId","2e32f2cc-5727-49a5-8500-dde7d41ea4b8","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","omriluz","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWxkOWxiOE00SkVtZENmRWM4YWxLWTRVUFMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":237,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":238,"_79":239,"_81":240,"_83":24},"tree",[204,205,206,207,208,209,210,211],"files",[204,205,206,207,208,209,210,211],"counts",{"_193":61,"_194":195,"_196":61,"_197":198,"_199":200},"contents",[135,136,137,138,139,140,141,142],"upstreamProject","upstreamBranch",{"_41":88,"_36":128,"_129":130,"_31":131,"_86":42,"_13":132,"_87":-5,"_89":-5,"_133":134,"_45":-5,"_83":24,"_47":48,"_95":96,"_62":63,"_94":43},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1788867086063],"updatedAt",["D",1789221926972],"main",12,"lockfileKey","1789221927234-esm.town_v_omriluz_supra-stack@12-main",{"_41":187,"_31":188,"_29":189,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":190,"_13":61,"_32":20,"_34":191,"_23":24,"_151":-5,"_26":192},{"_41":184,"_31":27,"_29":30,"_146":-5,"_39":40,"_38":14,"_148":57,"_36":185,"_13":61,"_32":33,"_34":35,"_23":24,"_151":-5,"_26":186},{"_41":178,"_31":179,"_29":180,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":181,"_13":61,"_32":20,"_34":182,"_23":24,"_151":-5,"_26":183},{"_41":172,"_31":173,"_29":174,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":175,"_13":61,"_32":20,"_34":176,"_23":24,"_151":-5,"_26":177},{"_41":165,"_31":166,"_29":167,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":168,"_13":61,"_32":169,"_34":170,"_23":24,"_151":-5,"_26":171},{"_41":159,"_31":160,"_29":161,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":162,"_13":61,"_32":33,"_34":163,"_23":24,"_151":-5,"_26":164},{"_41":153,"_31":154,"_29":155,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":156,"_13":61,"_32":33,"_34":157,"_23":24,"_151":-5,"_26":158},{"_41":143,"_31":144,"_29":145,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":149,"_13":61,"_32":20,"_34":150,"_23":24,"_151":-5,"_26":152},"0eed8535-a7fb-4587-a076-f53b4386bb18","style.css","01a09513-605c-7292-b717-aa00dfecb15f","parentId",1,"latest",["D",1789207470176],":root{--paper:#f7f4eb;--ink:#2f443d;--muted:#7d8174;--line:#e0dfd2;--orange:#d86a42;--green:#355c48;--cream:#fffdf4;--sans:'Trebuchet MS',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;font:14px/1.55 var(--sans);background-image:radial-gradient(#bfbba727 .65px,transparent .65px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}[hidden]{display:none!important}.orange{color:var(--orange)}.muted{color:var(--muted)}.eyebrow,.tiny{font-size:9px;line-height:1.5;letter-spacing:1.7px;font-weight:700}.tiny{font-size:8px;letter-spacing:1.1px}.site-header{max-width:1270px;margin:0 auto;min-height:112px;padding:24px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:900;letter-spacing:-1.2px;line-height:.9}.brand-mark{display:block;width:53px;transform:rotate(-15deg)}.brand-mark svg{width:100%;display:block}.header-caption{font-size:9px;letter-spacing:2.1px;color:#86877b}.site-header nav{display:flex;gap:10px;align-items:center}.help-button{font-size:11px;padding:12px}.icon-button{position:relative;display:grid;place-items:center;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;background:#faf8ef;font-size:20px;transition:background .15s,transform .15s}.icon-button:hover{background:#edeedd;transform:translateY(-1px)}.sound-off{font-size:11px;position:absolute;right:7px;bottom:5px;background:var(--paper);line-height:1}.layout{max-width:1270px;margin:42px auto 32px;padding:0 32px;display:grid;grid-template-columns:minmax(215px,1fr) minmax(360px,480px) minmax(215px,1fr);gap:40px;align-items:start}.left-panel{padding-top:14px}.left-panel .eyebrow{letter-spacing:1.8px;font-size:8px}.sun-icon{font-size:22px;vertical-align:middle;display:inline-block;color:var(--orange);margin-right:6px}h1{font:normal clamp(54px,5.1vw,72px)/.99 var(--serif);letter-spacing:-3.8px;margin:24px 0 23px}h1 em{font-weight:normal;color:var(--orange)}.intro-copy{color:#767b6c;font-size:12px;line-height:1.9}.scribble{font:italic 21px var(--serif);color:var(--orange);transform:rotate(-9deg);margin:32px 0 38px 25px}.scribble span{font-size:31px;padding-left:15px}.personal-best{display:flex;gap:14px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.best-icon{font-size:24px;border:1px solid #dad7bb;color:#a39555;width:42px;height:47px;display:grid;place-items:center;border-radius:10px 10px 17px 17px;background:#efeedf}.personal-best strong{font:30px var(--serif)}.personal-best .muted{font-size:10px}.personal-best .eyebrow{margin-bottom:5px}.special{padding-top:26px}.special-content{display:flex;gap:4px;align-items:center;margin:12px 0 7px}.special-content canvas{width:94px;height:60px;flex:none;margin-left:-11px}.special-content strong{font-size:11px}.special-content p{font-size:9px;line-height:1.65;color:var(--muted);margin-top:5px}.text-button{font-size:10px;font-weight:bold;padding:9px 0;border-bottom:1px solid #aebca6;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.text-button:hover{color:var(--orange)}.text-button span{font-size:17px}.game-column{min-width:0}.game-stage{position:relative;aspect-ratio:3/4;border-radius:19px;overflow:hidden;background:#d9e5d6;border:1px solid #cbd9c7;box-shadow:0 10px 26px #36473610,0 2px 1px #ffffffa0 inset;isolation:isolate}.game-stage canvas{width:100%;height:100%;display:block;touch-action:manipulation;cursor:pointer}.hud{pointer-events:none;position:absolute;top:23px;left:25px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;color:#355649}.hud .eyebrow{font-size:8px;letter-spacing:1.8px}.hud strong{display:block;font:43px/1.12 var(--serif);font-variant-numeric:tabular-nums}.scene-label{font-size:7px;letter-spacing:1.3px;margin-top:11px;opacity:.65}.hud-right{display:flex;align-items:center;gap:8px}.stack-pill{font-size:9px;background:#fcf9e6c9;border:1px solid #ffffff90;padding:7px 11px;border-radius:30px}.stack-pill>span{padding-right:5px;color:#b89953}.pause-button{pointer-events:auto;font-size:13px;width:30px;height:30px;border:1px solid #ffffff80;background:#f7f6e9bf;border-radius:50%;font-weight:bold}.center-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:20px;pointer-events:none}.paper-card{position:relative;pointer-events:auto;background:var(--cream);width:78%;max-width:330px;padding:26px 24px 21px;text-align:center;border:1px solid #fef9e8;border-radius:4px 7px 4px 6px;box-shadow:0 12px 26px #5063491a,0 2px 5px #243c2210;transform:rotate(-1deg);background-image:radial-gradient(#b3a98a16 .6px,transparent .6px);background-size:4px 4px}.tape{position:absolute;top:-12px;width:86px;height:25px;left:calc(50% - 43px);background:#e1c88591;transform:rotate(-4deg);clip-path:polygon(2% 1%,100% 0,98% 40%,100% 85%,97% 100%,0 95%,2% 50%,0 20%)}.paper-card h2{font:44px/.98 var(--serif);letter-spacing:-1.8px;margin:15px 0}.paper-card .eyebrow{font-size:8px}.card-copy{font-size:11px;color:var(--muted);line-height:1.6}.mode-tabs{border:1px solid var(--line);border-radius:8px;display:flex;padding:3px;margin:21px 0 8px;background:#f1f0e5}.mode-tabs button{flex:1;font-size:10px;padding:7px 3px;border-radius:5px;color:#788270}.mode-tabs .selected{background:#fffdf5;box-shadow:0 1px 3px #364c3920;color:#385d45;font-weight:bold}.mode-hint{font-size:8px;color:var(--muted);margin:6px -8px 13px}.challenge-hint{font-size:10px;color:var(--orange);margin-bottom:10px}.primary-button{background:var(--green);color:#fff8dd;width:100%;font-size:12px;font-weight:bold;padding:13px 18px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px 0 #203e31;transition:background .15s,transform .15s}.primary-button:hover{background:#437458;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:none}.primary-button span{font-size:18px;line-height:1}.paper-card>.tiny{margin-top:16px;color:#909080;font-size:7px;letter-spacing:1px}.paper-card>.tiny span{padding:0 7px}.table-label{position:absolute;bottom:23px;left:0;right:0;text-align:center;color:#90846b;font-size:7px;font-weight:bold;letter-spacing:2.6px;pointer-events:none}.power-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#faf8ef;overflow:hidden;min-height:76px}.power-button{padding:13px 9px;display:flex;gap:7px;align-items:center;text-align:left;position:relative;transition:background .15s;min-width:0}.power-button+button{border-left:1px solid var(--line)}.power-button:hover:not(:disabled){background:#eeefe1}.power-button.armed{background:#e5edcf;box-shadow:inset 0 -3px #668550}.power-button:disabled{opacity:.55}.power-button b{font-size:9px;display:block;white-space:nowrap}.power-button small{font-size:7px;display:block;color:#89907d;margin-top:3px}.power-icon{width:29px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:22px}.mint{background:#e0ead9;color:#5d806b}.yellow{background:#f3e8b7;color:#9c843f}.peach{background:#f5ddd0;color:#b97254}.charge{position:absolute;right:7px;top:7px;font-size:8px;font-weight:bold;color:#7e856f}kbd{font-family:inherit;border:1px solid #d6dacc;border-radius:3px;padding:0 3px;font-size:7px;margin-left:2px}.game-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;font-size:6px;font-weight:bold;letter-spacing:1.2px;color:#8b907f}.game-meta>span:last-child{color:#7d9578}.mobile-drop{display:none}.combo-badge{position:absolute;top:113px;left:50%;transform:translateX(-50%);color:#9d652a;background:#fff1c8e0;border:1px solid #e6c575;border-radius:30px;font-weight:bold;font-size:10px;padding:7px 12px;pointer-events:none}.effect-badge{position:absolute;top:151px;left:50%;transform:translateX(-50%);font-size:9px;color:#406448;white-space:nowrap;background:#fffcebdb;border-radius:12px;padding:4px 10px;pointer-events:none}.right-panel{padding-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.section-heading h3{font:22px var(--serif);letter-spacing:-.5px}.section-heading .tiny{color:#9b9e8c}.recipe-step{display:flex;gap:14px;margin:0 0 23px}.step-number{width:29px;height:29px;flex:none;border:1px solid #d2d7c6;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#75896d;background:#f0f1e5}.recipe-step h4{font-size:11px;font-weight:bold;margin:0 0 7px}.recipe-step p{color:var(--muted);font-size:10px;line-height:1.8}.next-achievement{border:1px solid #dedfd0;background:#eeeede;padding:17px;border-radius:9px;margin:29px 0 25px}.next-achievement>.eyebrow{color:#8b927b;font-size:7px}.next-achievement h4{font:18px var(--serif);margin:9px 0 5px}.next-achievement p:not(.eyebrow){font-size:9px;color:var(--muted)}.progress-track{height:4px;background:#d8decb;border-radius:5px;margin:14px 0 7px;overflow:hidden}.progress-track>div{height:100%;width:0;background:#7e9771;border-radius:5px;transition:width .4s}.next-achievement small{font-size:8px;color:#969b85}.little-victories .section-heading{margin-bottom:12px}.little-victories h3{font-size:20px}.achievement-peeks{display:flex;gap:11px;margin-bottom:12px}.achievement-peeks span{width:40px;height:43px;display:grid;place-items:center;clip-path:polygon(10% 0,90% 0,100% 16%,100% 76%,50% 100%,0 76%,0 16%);background:#e5e6d7;color:#a8ae9a;font-size:21px}.achievement-peeks .unlocked{background:#f0de9f;color:#9f7a27}.grandma-note{position:relative;margin-top:30px;padding:25px 10px 20px;background:#f0ecda;text-align:center;transform:rotate(3deg);box-shadow:0 2px 7px #7b795213;border:1px solid #e9e4cf}.grandma-note .pin{position:absolute;top:-5px;left:50%;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 2px 2px #79574640}.grandma-note .flower{color:#c97745;font-size:23px;display:inline-block;line-height:1}.grandma-note blockquote{font:italic 19px/1.4 var(--serif);margin:7px 0 12px}.grandma-note .tiny{font-size:6px;color:#8e8c73;letter-spacing:.8px}.site-footer{max-width:1270px;margin:28px auto 0;border-top:1px solid var(--line);padding:20px 32px 26px;display:flex;justify-content:space-between;gap:20px;color:#939887;font-size:9px}.site-footer .orange{padding-left:6px}.site-footer a:hover{color:var(--orange)}.result-score{font:57px/1 var(--serif);color:var(--orange);margin:13px 0 4px;font-variant-numeric:tabular-nums}.results-card{padding-top:21px;padding-bottom:14px}.results-card h2{font-size:33px;margin:9px 0}.result-stats{display:flex;gap:20px;justify-content:center;padding:13px 0;margin-top:8px;border-block:1px solid var(--line)}.result-stats div{flex:1}.result-stats b{display:block;font:21px var(--serif)}.result-stats span{font-size:7px;letter-spacing:1px;color:var(--muted)}.result-quip{font:italic 12px/1.5 var(--serif);margin:12px 0;color:#89917b}.secondary-button{font-size:10px;border:1px solid #cdd4c1;border-radius:7px;padding:10px;margin-top:11px;width:100%;background:#f6f6e9}.centered{justify-content:center;border:0;font-size:9px;margin-top:5px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:15px;border:1px solid #dcdfc7;background:#fffdef;box-shadow:0 8px 35px #243e3233;border-radius:12px;padding:15px 21px;max-width:calc(100vw - 32px);min-width:255px;pointer-events:none}.toast>span{font-size:29px;color:#b5933b}.toast strong{font-size:12px}.toast p{font-size:10px;color:var(--muted);margin-top:3px}dialog{border:1px solid #e1decb;border-radius:16px;width:min(520px,calc(100vw - 32px));max-height:85dvh;padding:24px 28px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #21392b4d}dialog::backdrop{background:#20392c75;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top .eyebrow{font-size:8px;color:#8f957e}.dialog-top .icon-button{width:31px;height:31px}dialog h2{font:36px var(--serif);margin:10px 0 18px;letter-spacing:-1.5px}.dialog-intro{font-size:12px;color:var(--muted);margin-bottom:20px}.achievement-list{display:grid;gap:9px}.achievement-row{border:1px solid var(--line);padding:12px;border-radius:9px;display:flex;align-items:center;gap:12px;background:#f1f0e5}.achievement-row.earned{background:#f2eed0;border-color:#d9ce9e}.achievement-row>span{font-size:26px;color:#a6ad91;min-width:30px;text-align:center}.achievement-row.earned>span{color:#b0903b}.achievement-row strong{font-size:12px;display:block}.achievement-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.achievement-row .tick{margin-left:auto;font-size:15px}.help-copy p{font-size:12px;line-height:1.8;margin-bottom:14px;color:#6f7d69}.help-copy b{color:#365c44}.help-copy kbd{font-size:10px;padding:2px 5px}.bakery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.skin-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbf9ef;text-align:center}.skin-card.selected{border-color:#80946c;background:#edf0df}.skin-card:disabled{opacity:.55}.skin-card canvas{width:100%;height:auto;display:block}.skin-card strong{display:block;font-size:12px}.skin-card small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.share-field{width:100%;border:1px solid #c4ceb8;border-radius:8px;padding:12px;color:var(--ink);background:#fffdf5;font:12px var(--sans)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;bottom:20px;left:20px;right:20px;background:#fff6d1;padding:20px;border:2px solid var(--orange);z-index:100}.night .hud{color:#f8efcf}.night .scene-label{opacity:.85}.night .table-label{color:#b2bc9e}\n@media(min-width:1450px){.layout{margin-top:50px;gap:50px}.site-header{min-height:126px}}@media(max-width:1100px){.layout{gap:24px;padding:0 24px;grid-template-columns:minmax(180px,1fr) minmax(330px,440px) minmax(175px,1fr)}h1{font-size:57px}.power-button{padding:14px 7px;gap:5px}.power-icon{width:23px;font-size:20px}.power-button b{font-size:8px}.power-button small{font-size:6px}.left-panel .eyebrow{font-size:7px}.recipe-step{gap:10px}.grandma-note blockquote{font-size:17px}.paper-card{padding:22px}.paper-card h2{font-size:40px}}@media(max-width:900px){.layout{grid-template-columns:minmax(160px,1fr) minmax(330px,480px);max-width:780px}.right-panel{display:none}.site-header{max-width:780px}.site-footer{max-width:780px}.header-caption{font-size:8px;letter-spacing:1px}h1{font-size:58px}.paper-card{padding:26px}.power-button b{font-size:9px}.power-button small{font-size:7px}.power-icon{width:28px}}@media(max-width:620px){.site-header{min-height:76px;padding:16px 20px}.brand{font-size:20px;gap:8px}.brand-mark{width:41px}.header-caption{display:none}.site-header nav{gap:7px}.help-button{padding:7px;font-size:11px}.icon-button{height:33px;width:33px;font-size:18px}.layout{display:flex;flex-direction:column;gap:0;padding:0 16px;margin:19px auto 0;max-width:460px}.left-panel{display:none}.game-column{width:100%}.game-stage{border-radius:15px}.hud{top:20px;left:22px}.hud strong{font-size:38px}.scene-label{font-size:6px}.paper-card{width:80%;padding:24px 22px 21px}.paper-card h2{font-size:42px}.paper-card .eyebrow{font-size:7px}.mode-tabs{margin-top:18px}.power-bar{min-height:72px;margin-top:11px}.power-button{padding:12px 6px;gap:5px}.power-icon{width:25px;height:28px;font-size:22px}.power-button b{font-size:8px}.power-button small{font-size:6px}.power-button kbd{display:none}.charge{right:6px;top:5px}.game-meta{font-size:6px;letter-spacing:.8px;margin:11px 2px}.mobile-drop:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--green);color:#fff9e2;padding:13px 18px;border-radius:10px;width:100%;font-weight:bold;font-size:12px;margin:12px 0 3px;touch-action:manipulation}.site-footer{padding:16px 20px;margin-top:20px;gap:8px;font-size:8px}.footer-middle{display:none}.results-card{padding:16px 20px 10px}.results-card h2{font-size:32px}.result-score{font-size:46px;margin:8px 0 3px}.results-card .card-copy{font-size:10px}.result-stats{padding:9px 0;margin-top:6px}.result-quip{margin:9px 0;font-size:11px}.results-card .primary-button{padding:11px 16px}.results-card .secondary-button{padding:8px;margin-top:9px}.results-card .centered{margin-top:3px;padding:6px}.table-label{bottom:18px}.toast{bottom:17px}.effect-badge{top:135px}.combo-badge{top:100px}.grandma-note{display:none}}@media(max-width:360px){.layout{padding:0 10px;margin-top:12px}.paper-card{padding:20px 18px;width:82%}.paper-card h2{font-size:35px}.mode-tabs{margin-top:14px}.paper-card>.tiny{margin-top:11px}.hud{top:15px;left:18px}.hud strong{font-size:33px}.scene-label{margin-top:6px}.power-icon{display:none}.power-button{padding:14px 10px}.results-card h2{font-size:26px}.results-card{padding:13px 18px 8px}.result-score{font-size:36px}.result-stats b{font-size:17px}.result-stats{padding:7px 0}.result-quip{font-size:10px}.stack-pill{font-size:8px;padding:6px 8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}\n\n.stack-pill{color:#355649}.power-button b{font-size:10px}.power-button small{font-size:8px}@media(max-width:1100px){.power-button b{font-size:9px}.power-button small{font-size:7px}}@media(max-width:620px){#welcome-card{padding:20px;transform:translateY(-24px) rotate(-1deg)}#welcome-card h2{font-size:37px}#welcome-card .mode-tabs{margin-top:14px}}\n","label",[144],"27828c98-e1b7-474c-9edf-8ab011f99f11","script.js","01a09513-605c-7292-b717-a5448f20834f",["D",1789207470176],"import { W, H, bread, backdrop, table, sparkle, steam } from './renderer.js?v=1.0.0';\n\nconst $ = (id) => document.getElementById(id);\nconst clamp = (n,a,b) => Math.max(a,Math.min(b,n));\nconst canvas = $('game'), ctx = canvas.getContext('2d');\nconst reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst STORE = 'supra-stack-v1';\nconst defaults = { best:0, bestLayers:0, total:0, perfect:0, combo:0, games:0, powers:0, rescues:0, dailyWins:0, earned:[], skin:'original', sound:false, daily:{} };\nlet profile = {...defaults, earned:[], daily:{}}, storageOK = true;\ntry {\n const raw = JSON.parse(localStorage.getItem(STORE) || 'null');\n if(raw && typeof raw === 'object') {\n for(const k of ['best','bestLayers','total','perfect','combo','games','powers','rescues','dailyWins']) profile[k] = clamp(Number(raw[k]) || 0,0,1e9);\n profile.earned = Array.isArray(raw.earned) ? raw.earned.filter(v=>typeof v==='string') : [];\n profile.skin = ['original','herbs','double','midnight'].includes(raw.skin) ? raw.skin : 'original';\n profile.sound = raw.sound === true;\n if(raw.daily && typeof raw.daily === 'object' && !Array.isArray(raw.daily)) profile.daily = raw.daily;\n }\n} catch { storageOK = false; }\nfunction save(){if(!storageOK)return;try{localStorage.setItem(STORE,JSON.stringify(profile));}catch{storageOK=false;notify('A little heads-up','Browser storage is unavailable. Progress lasts this visit.','ⓘ');}}\nconst achievementDefs = [\n ['first','First course','Stack your first khachapuri.','total',1,'☆'],\n ['five','Five-a-day','Stack 5 layers in one run.','bestLayers',5,'♧'],\n ['ten','Cheese architect','Stack 10 layers in one run.','bestLayers',10,'♜'],\n ['twenty','Cloud kitchen','Reach 20 layers in one run.','bestLayers',20,'☁'],\n ['legend','Supra legend','Build a 35-layer feast.','bestLayers',35,'♛'],\n ['perfect','Perfect bite','Land your first perfect drop.','perfect',1,'✧'],\n ['combo3','Third time charmed','Chain 3 perfect drops.','combo',3,'✦'],\n ['combo7','Golden hands','Chain 7 perfect drops.','combo',7,'☀'],\n ['regular','Pastry regular','Start 5 fresh stacks.','games',5,'◴'],\n ['power','Power lunch','Use 3 power-ups.','powers',3,'ϟ'],\n ['rescue','Bebo knows best','Have Bebo rescue a missed drop.','rescues',1,'♡'],\n ['daily','Daily bread','Complete a 25-layer Daily Bake.','dailyWins',1,'✓']\n];\nconst skins = [\n {id:'original',name:'The original',hint:'Always fresh. Always yours.',ok:()=>true},\n {id:'herbs',name:'Garden party',hint:'Reach 10 layers to unlock.',ok:()=>profile.bestLayers>=10},\n {id:'double',name:'Extra everything',hint:'Land 15 perfect drops in total.',ok:()=>profile.perfect>=15},\n {id:'midnight',name:'Midnight snack',hint:'Reach 20 layers to unlock.',ok:()=>profile.bestLayers>=20}\n];\nif(!skins.find(s=>s.id===profile.skin)?.ok())profile.skin='original';\nlet clock=0, last=0, camera=0, particles=[], floaters=[], toastQueue=[], toastTimer;\nlet mode='classic', game={state:'menu',phase:'moving',count:0,score:0,stack:[],moving:null,slow:0,glue:false,rescue:false,charges:{slow:1,glue:1,rescue:1},combo:0,perfect:0,refill:0};\nlet rng=Math.random, audio=null, previousBest=profile.best, shake=0;\nfunction localDay(){const p=new Intl.DateTimeFormat('en-CA',{timeZone:'Asia/Tbilisi',year:'numeric',month:'2-digit',day:'2-digit'}).formatToParts(new Date());return ['year','month','day'].map(k=>p.find(x=>x.type===k).value).join('-');}\nfunction seeded(seed){let n=2166136261;for(const c of seed)n=Math.imul(n^c.charCodeAt(0),16777619);return ()=>{n+=0x6D2B79F5;let t=Math.imul(n^n>>>15,1|n);t^=t+Math.imul(t^t>>>7,61|t);return ((t^t>>>14)>>>0)/4294967296;};}\nfunction notify(title,body='',icon='✦'){toastQueue.push({title,body,icon});if(!toastTimer)nextToast();}\nfunction nextToast(){const item=toastQueue.shift();if(!item){toastTimer=null;return;} $('toast-title').textContent=item.title;$('toast-body').textContent=item.body;$('toast-icon').textContent=item.icon;$('toast').hidden=false;toastTimer=setTimeout(()=>{$('toast').hidden=true;toastTimer=null;nextToast();},2700);}\nfunction announce(text){$('status-announcer').textContent=text;}\nfunction tone(kind='drop'){\n if(!profile.sound)return;\n try{audio ||= new (window.AudioContext||window.webkitAudioContext)();if(audio.state==='suspended')audio.resume().catch(()=>{});\n const notes=kind==='perfect'?[523.25,659.25,783.99]:kind==='win'?[523.25,659.25,783.99,1046.5]:kind==='power'?[392,587.33]:kind==='miss'?[196,146.83]:[220];\n notes.forEach((freq,i)=>{const o=audio.createOscillator(),g=audio.createGain(),t=audio.currentTime+i*.07;o.type='sine';o.frequency.setValueAtTime(freq,t);if(kind==='drop')o.frequency.exponentialRampToValueAtTime(150,t+.12);g.gain.setValueAtTime(.0001,t);g.gain.exponentialRampToValueAtTime(.09,t+.015);g.gain.exponentialRampToValueAtTime(.0001,t+.2);o.connect(g);g.connect(audio.destination);o.start(t);o.stop(t+.22);});\n }catch{/* Sound is optional; gameplay must not depend on the audio device. */}\n}\nfunction updateSound(){const b=$('sound-button');b.setAttribute('aria-pressed',String(profile.sound));b.setAttribute('aria-label',profile.sound?'Turn sound off':'Turn sound on');b.title=b.getAttribute('aria-label');b.querySelector('.sound-off').hidden=profile.sound;}\nfunction showCard(id){$('center-overlay').hidden=!id;for(const key of ['welcome-card','pause-card','results-card'])$(key).hidden=key!==id;const playing=game.state==='playing';$('pause-button').hidden=!playing;$('mobile-drop').hidden=!playing;updatePowers();}\nfunction updatePowers(){for(const key of ['slow','glue','rescue']){const b=document.querySelector(`[data-power=\"${key}\"]`),armed=key==='slow'?game.slow>0:game[key];$('charge-'+key).textContent=armed?'●':String(game.charges[key]);b.classList.toggle('armed',!!armed);b.disabled=game.state!=='playing'||game.phase!=='moving'||game.charges[key]<1||!!armed;b.setAttribute('aria-label',`${key==='slow'?'Slow bake':key==='glue'?'Cheese glue':'Bebo’s blessing'}: ${armed?'active':game.charges[key]+' charges'}`);}\n const effects=[];if(game.slow>0)effects.push('◷ '+Math.ceil(game.slow)+'s');if(game.glue)effects.push('Cheese glue ready');if(game.rescue)effects.push('♡ Bebo is watching');$('effect-badge').textContent=effects.join(' · ');$('effect-badge').hidden=effects.length===0;\n}\nfunction refreshProgress(){\n $('personal-best').textContent=profile.best.toLocaleString();$('achievement-count').textContent=profile.earned.length+' / '+achievementDefs.length;\n const next=achievementDefs.find(a=>!profile.earned.includes(a[0]));\n if(next){const value=Math.min(profile[next[3]],next[4]);$('next-title').textContent=next[5]+' '+next[1];$('next-description').textContent=next[2];$('next-progress').style.width=(value/next[4]*100)+'%';$('next-count').textContent=value+' / '+next[4];}\n else{$('next-title').textContent='♛ The table is yours';$('next-description').textContent='Every recipe mastered. Another helping?';$('next-progress').style.width='100%';$('next-count').textContent='12 / 12 unlocked';}\n $('achievement-peeks').replaceChildren(...achievementDefs.slice(0,4).map(a=>{const s=document.createElement('span');s.textContent=a[5];s.className=profile.earned.includes(a[0])?'unlocked':'';s.title=a[1]+(profile.earned.includes(a[0])?' · unlocked':' · locked');return s;}));\n}\nfunction checkAchievements(){for(const a of achievementDefs){if(profile[a[3]]>=a[4]&&!profile.earned.includes(a[0])){profile.earned.push(a[0]);notify('Recipe unlocked: '+a[1],a[2],a[5]);}}refreshProgress();save();}\nfunction updateHUD(){\n $('score').textContent=game.score.toLocaleString();$('layers').textContent=String(game.count);\n $('combo-badge').hidden=game.combo<1||game.state==='menu';$('combo-badge').textContent='PERFECT ×'+game.combo+(game.combo>=3?' · DELICIOUS!':'');\n const scene=game.count>=20?2:game.count>=10?1:0;\n $('stage').classList.toggle('night',scene===2);$('scene-label').textContent=mode==='daily'&&game.state!=='menu'?`● DAILY BAKE · ${game.count} / 25`:(['● OLD TOWN · GOLDEN HOUR','● ABOVE THE ROOFTOPS · SUNSET','● ABOVE THE CLOUDS · MIDNIGHT'][scene]);\n $('game-hint').textContent=game.state==='menu'?'NO DOWNLOADS. JUST DOUGH.':game.count===0?'TAP THE BREAD OR PRESS SPACE TO DROP':`NEXT POWER-UP IN ${5-game.count%5} LAYER${5-game.count%5===1?'':'S'}`;\n updatePowers();\n}\nfunction clearToasts(){toastQueue=[];clearTimeout(toastTimer);toastTimer=null;$('toast').hidden=true;}\nfunction start(){\n clearToasts();\n const day=localDay();rng=mode==='daily'?seeded('supra-v1-'+day):Math.random;previousBest=profile.best;\n game={state:'playing',phase:'moving',count:0,score:0,stack:[{x:240,y:525,w:216}],moving:null,slow:0,glue:false,rescue:false,charges:{slow:1,glue:1,rescue:1},combo:0,perfect:0,refill:0,endDelay:0,day};\n camera=0;particles=[];floaters=[];shake=0;profile.games++;spawn();showCard(null);updateHUD();checkAchievements();canvas.focus({preventScroll:true});tone('power');announce('New stack. Tap or press space to drop the bread.');\n}\nfunction spawn(){const top=game.stack.at(-1),w=top.w;const dir=game.count%2===0?1:-1;game.moving={x:dir===1?w/2+16:W-w/2-16,y:top.y-28-144,w,dir,speed:Math.min(350,150+game.count*7)*(0.94+rng()*.12),vy:0,target:top.y-28};game.phase='moving';updatePowers();}\nfunction drop(){if(game.state!=='playing'||game.phase!=='moving')return;game.phase='dropping';game.moving.vy=390;tone();updatePowers();}\nfunction usePower(key){if(!['slow','glue','rescue'].includes(key))return;if(game.state!=='playing'||game.phase!=='moving'||game.charges[key]<1||(key==='slow'?game.slow>0:game[key]))return;game.charges[key]--;profile.powers++;if(key==='slow')game.slow=6;else game[key]=true;tone('power');const messages={slow:['Slow bake','Six seconds to find your center.'],glue:['Extra stretchy cheese','Your next drop snaps into place.'],rescue:['Bebo’s got you','Your next missed drop gets a loving rescue.']};notify(...messages[key],key==='rescue'?'♡':'✦');checkAchievements();updatePowers();}\nfunction burst(x,y,color='#f4cf6b',n=16){if(reduced)n=5;for(let i=0;i0?right:left,m.target,'#d39a4d',Math.min(18,5+Math.floor(lost/5)));floater(width/top.w>.75?'NICE BITE':'A LITTLE CRUSTY',m.x,m.target-36,'#728669');m.x=(left+right)/2;}}\n game.stack.push({x:m.x,y:m.target,w:width,landed:clock});if(game.stack.length>65)game.stack.splice(1,game.stack.length-65);\n game.count++;profile.total++;profile.bestLayers=Math.max(profile.bestLayers,game.count);profile.best=Math.max(profile.best,game.score);game.moving=null;shake=perfect&&!reduced?3:0;\n if(game.count%5===0){const keys=['slow','glue','rescue'],key=keys[game.refill++%3];game.charges[key]=Math.min(3,game.charges[key]+1);notify('Fresh from the oven',`+1 ${key==='slow'?'Slow bake':key==='glue'?'Cheese glue':'Bebo’s blessing'} at ${game.count} layers.`,'✳');}\n if(game.count===10)notify('Above the rooftops','Garden party pastry unlocked. Find it at the counter.','♜');\n if(game.count===20)notify('Midnight snack unlocked','Even the clouds smell like cheese.','☾');\n checkAchievements();updateHUD();announce(`${game.count} layers. ${game.score} points.${perfect?' Perfect drop.':''}`);\n if(mode==='daily'&&game.count>=25){profile.dailyWins++;checkAchievements();finish(true);return;}\n spawn();\n}\nfunction finish(won=false){\n game.state='over';game.moving=null;game.slow=0;game.glue=false;game.rescue=false;\n if(mode==='daily'){profile.daily[game.day]=Math.max(Number(profile.daily[game.day])||0,game.score);const keys=Object.keys(profile.daily).sort();for(const k of keys.slice(0,-30))delete profile.daily[k];}\n save();const record=game.score>previousBest;\n $('result-eyebrow').textContent=won?'TODAY’S FEAST IS COMPLETE':record?'A FRESH PERSONAL BEST':'THAT’S A WRAP';\n $('result-title').innerHTML=won?'Supra
superstar.':game.count===0?'A warm-up
for the oven.':record?'A legendary
helping.':'A beautiful
breadfall.';\n $('result-score').textContent=game.score.toLocaleString();$('result-description').textContent=`${game.count} layer${game.count===1?'':'s'} of pure ambition.`;\n $('result-best').textContent=profile.best.toLocaleString();$('result-perfect').textContent=String(game.perfect);\n const quips=['Bebo says: “You look hungry. Try again.”','Gravity: 1. Your appetite: undefeated.','Not a collapse. An aggressively served supra.','The five-second rule is feeling generous.'];\n $('result-quip').textContent=won?'Twenty-five layers. Not a single guest is leaving hungry.':quips[Math.min(3,Math.floor(game.count/6))];\n showCard('results-card');updateHUD();if(won){tone('win');burst(240,200-camera,'#f4cf6b',55);}announce(`Game over. ${game.score} points, ${game.count} layers.`);$('again-button').focus({preventScroll:true});\n}\nfunction pause(){if(game.state!=='playing')return;game.state='paused';showCard('pause-card');announce('Game paused.');}\nfunction resume(){if(game.state!=='paused')return;game.state='playing';showCard(null);last=performance.now();canvas.focus({preventScroll:true});}\nfunction menu(){clearToasts();game.charges={slow:1,glue:1,rescue:1};game.state='menu';game.count=0;game.score=0;game.combo=0;game.slow=0;game.glue=false;game.rescue=false;game.moving=null;game.stack=[];camera=0;particles=[];floaters=[];showCard('welcome-card');updateHUD();updateMode();}\nfunction updateMode(){for(const b of document.querySelectorAll('[data-mode]')){b.classList.toggle('selected',b.dataset.mode===mode);b.setAttribute('aria-pressed',String(b.dataset.mode===mode));}const best=Number(profile.daily[localDay()])||0;$('mode-hint').textContent=mode==='daily'?`25 layers. Same daily recipe for everyone.${best?' Your best: '+best+'.':''}`:'Endless stacks. Deliciously bad decisions.';}\nfunction drawPreview(){const c=$('pastry-preview'),g=c.getContext('2d');g.clearRect(0,0,c.width,c.height);bread(g,110,61,190,profile.skin,-.08);$('skin-label').textContent=skins.find(s=>s.id===profile.skin).name;}\nfunction openDialog(kind){\n pause();const content=$('dialog-content');content.replaceChildren();\n if(kind==='help'){\n $('dialog-title').textContent='A recipe for greatness.';\n content.innerHTML='

1. Tap to stack. Press Space or tap the game to drop the moving khachapuri. Only the part overlapping your tower survives. Miss completely and the feast is over.

2. Find the sweet spot. Centered drops keep the full width and build a scoring streak. Every third perfect drop restores a little dough.

3. Add a little magic. 1 Slow bake slows movement for 6 seconds. 2 Cheese glue centers your next drop. 3 Bebo’s blessing protects your next miss. Activate it before dropping.

Fresh refills. Start each run with one of each power-up. Every 5 layers awards one refill, cycling through all three. Maximum 3 charges per power-up.

Take a breather. Press P or Esc to pause. Switching tabs pauses automatically.

The Daily Bake. A new seeded challenge each day at midnight in Tbilisi. Reach 25 layers to win. All runs use the same starting recipe that day.

Your scores, 12 achievements, and pastry unlocks are saved on this browser. Friend challenges are shared by link, not a global leaderboard.

';\n }else if(kind==='achievements'){\n $('dialog-title').textContent='Your recipe book.';const intro=document.createElement('p');intro.className='dialog-intro';intro.textContent=`${profile.earned.length} of 12 recipes mastered. Saved on this browser.`;content.append(intro);const list=document.createElement('div');list.className='achievement-list';for(const a of achievementDefs){const earned=profile.earned.includes(a[0]);const row=document.createElement('div');row.className='achievement-row'+(earned?' earned':'');row.innerHTML=`${a[5]}

${a[1]}${a[2]}${Math.min(profile[a[3]],a[4])} / ${a[4]}

${earned?'✓':'·'}`;list.append(row);}content.append(list);\n }else if(kind==='bakery'){\n $('dialog-title').textContent='The pastry counter.';const intro=document.createElement('p');intro.className='dialog-intro';intro.textContent='Earn your toppings. All pastries play the same, just a little more deliciously.';content.append(intro);const grid=document.createElement('div');grid.className='bakery-grid';for(const s of skins){const b=document.createElement('button');b.className='skin-card'+(profile.skin===s.id?' selected':'');b.disabled=!s.ok();b.setAttribute('aria-pressed',String(profile.skin===s.id));const c=document.createElement('canvas');c.width=220;c.height=90;b.append(c);const name=document.createElement('strong');name.textContent=s.name;b.append(name);const hint=document.createElement('small');hint.textContent=profile.skin===s.id?'On your plate ✓':s.ok()?'Choose this pastry':s.hint;b.append(hint);b.addEventListener('click',()=>{profile.skin=s.id;save();drawPreview();openDialog('bakery');});grid.append(b);bread(c.getContext('2d'),110,39,180,s.id);}content.append(grid);\n }\n if(kind==='achievements'){const counter=document.createElement('button');counter.className='text-button';counter.textContent='Visit the pastry counter ↗';counter.addEventListener('click',()=>openDialog('bakery'));content.append(counter);}\n if(!$('info-dialog').open)$('info-dialog').showModal();\n}\nasync function share(){\n const url=new URL(location.href);url.search='';url.hash='';url.searchParams.set('challenge',String(game.score));url.searchParams.set('layers',String(game.count));url.searchParams.set('mode',mode);if(mode==='daily')url.searchParams.set('day',game.day);\n const text=`I stacked ${game.count} khachapuri for ${game.score} points in Supra Stack. Carbs against gravity. Can you beat my feast?`;\n try{if(navigator.share){await navigator.share({title:'Supra Stack',text,url:url.href});return;}}catch(err){if(err.name==='AbortError')return;}\n try{if(!navigator.clipboard)throw new Error('Clipboard unavailable');await navigator.clipboard.writeText(text+'\\n'+url.href);notify('Challenge copied','Send it to your hungriest friend.','↗');}\n catch{$('dialog-title').textContent='Pass the bread.';const p=document.createElement('p');p.className='dialog-intro';p.textContent='Copy this link and send it to a friend.';const input=document.createElement('input');input.className='share-field';input.readOnly=true;input.value=url.href;input.setAttribute('aria-label','Friend challenge link');$('dialog-content').replaceChildren(p,input);if(!$('info-dialog').open)$('info-dialog').showModal();input.focus();input.select();}\n}\nfunction step(dt){\n clock+=dt;\n if(game.state==='playing'){\n const top=game.stack.at(-1);const desired=Math.max(0,390-top.y);camera+=(desired-camera)*(1-Math.exp(-dt*8));\n if(game.slow>0){const before=Math.ceil(game.slow);game.slow=Math.max(0,game.slow-dt);if(Math.ceil(game.slow)!==before)updatePowers();}\n const m=game.moving;\n if(m&&game.phase==='moving'){m.x+=m.dir*m.speed*dt*(game.slow>0?.38:1);const lo=m.w/2+16,hi=W-m.w/2-16;if(m.x>hi){m.x=hi-(m.x-hi);m.dir=-1;}else if(m.x=m.target){m.y=m.target;land();}}\n }else if(game.state==='ending'){const m=game.moving;if(m){m.vy+=1500*dt;m.y+=m.vy*dt;m.x+=m.dir*40*dt;}game.endDelay-=dt;if(game.endDelay<=0)finish();}\n if(game.state!=='paused'){for(const p of particles){p.x+=p.vx*dt;p.y+=p.vy*dt;p.vy+=420*dt;p.life-=dt;}particles=particles.filter(p=>p.life>0);for(const f of floaters){f.y-=26*dt;f.life-=dt;}floaters=floaters.filter(f=>f.life>0);shake=Math.max(0,shake-dt*18);}\n}\nfunction render(){\n const scale=canvas.width/W;ctx.setTransform(scale,0,0,scale,0,0);ctx.clearRect(0,0,W,H);const scene=game.count>=20?2:game.count>=10?1:0;\n backdrop(ctx,clock,camera,scene,reduced);table(ctx,camera);\n ctx.save();if(shake&&!reduced)ctx.translate(Math.sin(clock*70)*shake,Math.cos(clock*91)*shake*.35);\n if(game.state==='menu'){\n bread(ctx,240,525,218,profile.skin);bread(ctx,247,498,209,profile.skin,.015);bread(ctx,239,471,204,profile.skin,-.02);steam(ctx,240,450,clock,reduced);\n }else{\n for(const b of game.stack){const y=b.y+camera;if(y<-60||y>H+40)continue;const bounce=reduced?0:Math.max(0,1-(clock-(b.landed||0))*6);bread(ctx,b.x,y+Math.sin(bounce*8)*bounce*2,b.w,profile.skin);}\n const m=game.moving;\n if(m){const top=game.stack.at(-1);if(game.phase==='moving'&&game.state==='playing'){\n ctx.save();ctx.setLineDash([3,7]);ctx.strokeStyle=scene===2?'#f4e7a936':'#57755430';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(top.x,m.y+camera+23);ctx.lineTo(top.x,top.y+camera-26);ctx.stroke();ctx.restore();\n const good=Math.abs(m.x-top.x)<=Math.max(5,8-game.count*.12);bread(ctx,game.glue?top.x:m.x,m.target+camera,m.w,profile.skin,0,good?.2:.08);\n if(good||game.glue){ctx.save();ctx.strokeStyle='#d9ba61';ctx.lineWidth=1.4;ctx.setLineDash([3,3]);ctx.beginPath();ctx.ellipse(top.x,m.target+camera,top.w*.48,18,0,0,Math.PI*2);ctx.stroke();ctx.restore();}\n }\n bread(ctx,m.x,m.y+camera,m.w,profile.skin,game.phase==='miss'?m.dir*(clock%1)*.3:0);if(game.phase==='moving')steam(ctx,m.x,m.y+camera,clock,reduced);\n if(game.slow>0){sparkle(ctx,m.x-m.w/2-10,m.y+camera,6,'#709d8f');sparkle(ctx,m.x+m.w/2+10,m.y+camera,5,'#709d8f');}\n }\n if(game.rescue){const top=game.stack.at(-1);ctx.save();ctx.strokeStyle='#e4ba8890';ctx.lineWidth=2;ctx.setLineDash([4,6]);ctx.beginPath();ctx.ellipse(top.x,top.y+camera,top.w/2+12,28,0,0,Math.PI*2);ctx.stroke();ctx.restore();}\n }\n for(const p of particles){ctx.globalAlpha=clamp(p.life*1.4,0,1);sparkle(ctx,p.x,p.y+camera,p.r,p.color);}ctx.globalAlpha=1;\n for(const f of floaters){ctx.globalAlpha=clamp(f.life*2,0,1);ctx.font='bold 12px Trebuchet MS, sans-serif';ctx.textAlign='center';ctx.fillStyle=f.color;ctx.fillText(f.text,clamp(f.x,110,W-110),f.y+camera);}ctx.globalAlpha=1;ctx.restore();\n}\nfunction resize(){const ratio=Math.min(devicePixelRatio||1,2);canvas.width=Math.round(W*ratio);canvas.height=Math.round(H*ratio);render();}\nfunction frame(now){const dt=last?Math.min((now-last)/1000,.04):0;last=now;step(dt);render();requestAnimationFrame(frame);}\n$('start-button').addEventListener('click',start);$('again-button').addEventListener('click',start);$('restart-button').addEventListener('click',start);$('resume-button').addEventListener('click',resume);$('pause-button').addEventListener('click',pause);$('menu-button').addEventListener('click',menu);$('share-button').addEventListener('click',share);\n$('mobile-drop').addEventListener('click',()=>{drop();canvas.focus({preventScroll:true});});canvas.addEventListener('pointerdown',(e)=>{if(e.button!==0)return;drop();canvas.focus({preventScroll:true});});\n$('sound-button').addEventListener('click',()=>{profile.sound=!profile.sound;save();updateSound();if(profile.sound)tone('perfect');});\nfor(const b of document.querySelectorAll('[data-power]'))b.addEventListener('click',()=>usePower(b.dataset.power));\nfor(const b of document.querySelectorAll('[data-dialog]'))b.addEventListener('click',()=>openDialog(b.dataset.dialog));\nfor(const b of document.querySelectorAll('[data-mode]'))b.addEventListener('click',()=>{mode=b.dataset.mode;updateMode();});\n$('close-dialog').addEventListener('click',()=>$('info-dialog').close());$('info-dialog').addEventListener('click',e=>{if(e.target===$('info-dialog')){const r=$('info-dialog').getBoundingClientRect();if(e.clientXr.right||e.clientYr.bottom)$('info-dialog').close();}});\ndocument.addEventListener('keydown',e=>{if($('info-dialog').open||e.repeat||e.target instanceof HTMLInputElement)return;\n if(e.code==='Space'){if(e.target instanceof HTMLElement&&e.target.closest('button'))return;e.preventDefault();if(game.state==='playing')drop();else if(game.state==='menu'||game.state==='over')start();else if(game.state==='paused')resume();}\n else if(e.code==='KeyP'||e.code==='Escape'){e.preventDefault();game.state==='paused'?resume():pause();}\n else if(['Digit1','Digit2','Digit3','Numpad1','Numpad2','Numpad3'].includes(e.code)){e.preventDefault();usePower(['slow','glue','rescue'][Number(e.code.slice(-1))-1]);}\n});\ndocument.addEventListener('visibilitychange',()=>{if(document.hidden)pause();last=performance.now();});window.addEventListener('resize',resize);\nconst params=new URLSearchParams(location.search),target=Number(params.get('challenge'));\nif(params.has('challenge')&&Number.isFinite(target)&&target>=0&&target<1e8){$('challenge-hint').hidden=false;$('challenge-hint').textContent=`Your friend’s feast: ${Math.floor(target).toLocaleString()} points. Beat that?`;if(params.get('mode')==='daily'&¶ms.get('day')===localDay())mode='daily';}\nupdateSound();drawPreview();refreshProgress();menu();resize();requestAnimationFrame(frame);\nif(!storageOK)notify('A little heads-up','Scores and unlocks last only this visit. Browser storage is unavailable.','ⓘ');\n",[154],"eff48ada-de3e-4036-8de1-35dc36538a2f","renderer.js","01a09513-605c-7292-b717-a0d90f2da1d2",["D",1789207470176],"// Original procedural artwork. No image downloads or third-party game runtime.\nexport const W = 480, H = 640;\nconst TAU = Math.PI * 2;\nfunction ellipse(c,x,y,rx,ry,color){c.fillStyle=color;c.beginPath();c.ellipse(x,y,rx,ry,0,0,TAU);c.fill();}\nfunction path(c,points,color){c.fillStyle=color;c.beginPath();for(let i=0;i680)return;c.save();c.fillStyle='#e6dab8';c.fillRect(0,y,W,H-y);c.fillStyle='#f1e7cd';c.fillRect(0,y,W,9);c.fillStyle='#d2c3a0';c.fillRect(0,y+9,W,2);\n c.strokeStyle='#c9be9a45';c.lineWidth=1;for(let i=0;i<5;i++){c.beginPath();c.moveTo(0,y+29+i*15);c.bezierCurveTo(120,y+24+i*15,320,y+34+i*15,W,y+28+i*15);c.stroke();}\n // Linen runner and ceramic serving plate.\n path(c,[[92,y+10],[352,y+10],[381,H],[83,H]],'#f7edce88');c.strokeStyle='#c298773a';for(let x=93;x<380;x+=13){c.beginPath();c.moveTo(x,y+12);c.lineTo(x+10,H);c.stroke();}ellipse(c,240,y+3,153,17,'#5d624725');ellipse(c,240,y,149,15,'#f5edd8');ellipse(c,240,y-3,134,10,'#d9dfcb');ellipse(c,240,y-4,118,6,'#e9eedb');\n c.strokeStyle='#8da18b';c.lineWidth=1.5;c.beginPath();c.ellipse(240,y-1,143,12,0,0,TAU);c.stroke();c.restore();\n}\nexport function sparkle(c,x,y,r,color){c.save();c.translate(x,y);c.fillStyle=color;c.beginPath();c.moveTo(0,-r);c.quadraticCurveTo(r*.2,-r*.2,r,0);c.quadraticCurveTo(r*.2,r*.2,0,r);c.quadraticCurveTo(-r*.2,r*.2,-r,0);c.quadraticCurveTo(-r*.2,-r*.2,0,-r);c.fill();c.restore();}\nexport function steam(c,x,y,time,reduced=false){if(reduced)return;c.save();c.strokeStyle='#fffbe2';c.lineWidth=1.6;for(let i=0;i<3;i++){let k=(time*.35+i*.31)%1;c.globalAlpha=(1-k)*.24;c.beginPath();c.moveTo(x-32+i*32,y-22-k*20);c.bezierCurveTo(x-45+i*32,y-35-k*20,x-20+i*32,y-46-k*20,x-33+i*32,y-62-k*20);c.stroke();}c.restore();}\n",[160],"e8a547c2-e37b-4d7e-86d9-4f946abc0bc5","main.tsx","01a09513-605c-7292-b717-9c29b6033663",["D",1789207470176],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst serve = staticHTTPServer();\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/health\") {\n return Response.json({ ok: true, game: \"Supra Stack\", version: \"1.0.1\", modes: [\"classic\", \"daily\"], achievements: 12, powerUps: 3 }, { headers: { \"Cache-Control\": \"no-store\" } });\n }\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: \"https://www.val.town/x/omriluz/supra-stack/code/\" } });\n }\n const response = await serve(req);\n const headers = new Headers(response.headers);\n if (!url.pathname.startsWith(\"/__immutable/\")) headers.set(\"Cache-Control\", \"no-store, max-age=0\");\n headers.set(\"X-Supra-Stack-Version\", \"1.0.1\");\n return new Response(response.body, { status: response.status, headers });\n}\n",[166],"8ccaf142-ccf8-4dcb-aaad-c035fdadf85d","index.html","01a09513-605c-7292-b717-9bea200cb4ac",["D",1789207470176],"\n\n\n\n\n\n\n\n\nSupra Stack · Carbs against gravity\n\n\n\n\n\n\n\n

\n\n

SCORE

● OLD TOWN · GOLDEN HOUR

◉ 0 stacked

\n\n\n

FRESH OUT OF THE OVEN

Let’s get
this bread.

Tap. Stack. Try not to snack.

Endless stacks. Deliciously bad decisions.

TAP TO DROP · SPACE ON DESKTOP

\n\n\n

GOOD THINGS COME IN STACKS

\n\n\n\n

NO DOWNLOADS. JUST DOUGH.● FRESHLY BAKED

\n\n\n

\n\n

\n\n\n\n\n\n",[173],"a2d26664-0e3c-4a44-a9b5-5e3da5f93700","favicon.svg","01a09513-605c-7292-b717-97e64f8194a2",["D",1789207470176],"",[179],"cb29435e-af30-4cad-8f5f-bebc64dbd2e2",["D",1789208676028],[27],"b5a33b4d-b783-48f9-8784-5758c337857d","README.md","01a09513-605c-7292-b717-91161d815117",["D",1789207470176],"# Supra Stack\n\nCarbs against gravity. A khachapuri stacking game built with native Canvas 2D and hosted on Val Town.\n\n## Play\n\nOpen the HTTP endpoint for `main.tsx`. Click **Let's stack**, then tap the game or press **Space** to drop the moving bread. Centered landings preserve width; misaligned landings trim the stack. A missed landing ends the run.\n\n## Controls\n\n- Space or tap: drop.\n- P or Escape: pause or resume.\n- 1: Slow bake, six seconds of slower movement.\n- 2: Cheese glue, center your next landing.\n- 3: Bebo's blessing, rescue the next missed drop. Activate before dropping.\n\nEvery run starts with one charge of each power-up. Every five layers awards a refill, cycling through the three powers. Three charges maximum per power.\n\n## Features\n\nClassic endless mode, a seeded 25-layer Daily Bake that changes at midnight in Asia/Tbilisi, perfect-drop combos, 12 achievements, four earnable pastry styles, original procedural scenery, sound toggle, mobile controls, automatic pause when leaving the tab, and shareable friend challenge links.\n\nScores, achievements and unlocked styles are stored in this browser's localStorage. They are not synced between devices. There is no global leaderboard or score validation service. Blocked browser storage is handled without preventing play.\n\n## Files\n\n- `main.tsx`: HTTP entrypoint using the starter's staticHTTPServer; also `/health` and `/source`.\n- `index.html`: semantic interface and dialogs.\n- `style.css`: responsive layout and visual styling.\n- `script.js`: game state, controls, scoring, powers, persistence and sharing.\n- `renderer.js`: original canvas bread illustrations and scenery.\n- `favicon.svg`: bread icon.\n\nNo API key, account signup, paid asset service, package installation, or build step is required to play. Optional sound uses Web Audio after a user gesture. Client errors are reported through Val Town's std/catch script.\n\n## Verification\n\nLocal Chromium checks covered the start/restart loop, trimming, perfect drops, combos, power-ups, rescue, refills, pause and resume, game over, score serialization and reloading with mocked storage, daily determinism and victory, achievements, pastry selection, and mobile layout and drop controls. The hosted HTML and JavaScript are additionally checked through the live HTTP endpoint.\n",[188],"pulls","branches",3,"forks","envVars",{"_201":61,"_203":61},"connections",{"_201":61,"_202":61},"count","unfilledCount","emptyCount",{"_41":187,"_31":188,"_29":189,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":234,"_13":61,"_32":20,"_34":191,"_23":24,"_151":-5,"_213":235,"_26":236},{"_41":184,"_31":27,"_29":30,"_146":-5,"_39":40,"_38":14,"_148":57,"_36":231,"_13":61,"_32":33,"_34":35,"_23":24,"_151":-5,"_213":232,"_26":233},{"_41":178,"_31":179,"_29":180,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":228,"_13":61,"_32":20,"_34":182,"_23":24,"_151":-5,"_213":229,"_26":230},{"_41":172,"_31":173,"_29":174,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":225,"_13":61,"_32":20,"_34":176,"_23":24,"_151":-5,"_213":226,"_26":227},{"_41":165,"_31":166,"_29":167,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":222,"_13":61,"_32":169,"_34":170,"_23":24,"_151":-5,"_213":223,"_26":224},{"_41":159,"_31":160,"_29":161,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":219,"_13":61,"_32":33,"_34":163,"_23":24,"_151":-5,"_213":220,"_26":221},{"_41":153,"_31":154,"_29":155,"_146":-5,"_39":40,"_38":147,"_148":24,"_36":216,"_13":61,"_32":33,"_34":157,"_23":24,"_151":-5,"_213":217,"_26":218},{"_41":143,"_31":144,"_29":145,"_146":-5,"_39":40,"_38":147,"_148":57,"_36":212,"_13":61,"_32":20,"_34":150,"_23":24,"_151":-5,"_213":214,"_26":215},["D",1789207470176],"children",[],[144],["D",1789207470176],[],[154],["D",1789207470176],[],[160],["D",1789207470176],[],[166],["D",1789207470176],[],[173],["D",1789207470176],[],[179],["D",1789208676028],[],[27],["D",1789207470176],[],[188],["D",1788867086063],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":53,"_101":102,"_103":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":88,"_89":90,"_91":48,"_92":42,"_93":63,"_94":43,"_95":96},"ctx",{"_77":-5,"_125":274,"_275":276,"_277":278,"_279":24,"_280":24,"_281":24,"_282":57,"_283":-5,"_284":-7,"_285":-7,"_286":61,"_287":24,"_288":24,"_289":-5,"_290":24,"_291":24,"_292":24,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":131,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Let’s get
this bread.

A little
breather.

A beautiful
breadfall.

The recipe

Let’s getthis bread.

A littlebreather.

A beautifulbreadfall.

Let’s get
this bread.

A little
breather.

A beautiful
breadfall.

Diff · v2