Supra Stack · Carbs against gravity

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","script.js","latestPath","fileId","01a080c9-8793-71ca-822a-7a5e4869bba1","name","fileType","script","content","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");","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","createdAt",["D",1788870894774],"branchVersion","branchId","2e32f2cc-5727-49a5-8500-dde7d41ea4b8","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":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","omriluz","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWxkOWxiOE00SkVtZENmRWM4YWxLWTRVUFMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":219,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":220,"_81":221,"_83":222,"_85":25},"tree",[190,191,192,193,194,195,196],"files",[190,191,192,193,194,195,196],"counts",{"_180":63,"_181":138,"_182":63,"_183":184,"_185":186},"contents",[127,128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":174,"_32":175,"_30":176,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":177,"_13":63,"_33":20,"_35":178,"_24":25,"_143":-5,"_27":179},{"_43":168,"_32":169,"_30":170,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":171,"_13":63,"_33":20,"_35":172,"_24":25,"_143":-5,"_27":173},{"_43":161,"_32":162,"_30":163,"_137":-5,"_41":42,"_40":164,"_139":25,"_38":165,"_13":141,"_33":20,"_35":166,"_24":25,"_143":-5,"_27":167},{"_43":155,"_32":156,"_30":57,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":157,"_13":63,"_33":158,"_35":159,"_24":25,"_143":-5,"_27":160},{"_43":148,"_32":149,"_30":150,"_137":-5,"_41":42,"_40":151,"_139":25,"_38":152,"_13":63,"_33":34,"_35":153,"_24":25,"_143":-5,"_27":154},{"_43":145,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":146,"_13":141,"_33":34,"_35":37,"_24":25,"_143":-5,"_27":147},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":140,"_13":141,"_33":20,"_35":142,"_24":25,"_143":-5,"_27":144},"bc8b5935-f871-47a3-9b6e-71d4f41281c2","style.css","01a080c9-8793-71ca-822a-7dd200d47e63","parentId",3,"latest",["D",1788870513413],1,":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","label",[135],"5e9dfb8a-7f1c-4388-bf6f-2e0e150dc265",["D",1788870894774],[28],"cc991861-b262-48dd-ace1-e1bdc1ee922f","renderer.js","ee7acb1a-ab80-11f1-87e1-1607ee4eb77e",4,["D",1788870567017],"// 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",[149],"c08b2dc9-0657-4c96-bc47-220b09c258b5","main.tsx",["D",1788867086063],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[156],"bee8d1fe-995e-4410-976a-2f0a5b6eea20","index.html","01a080c9-8793-71ca-822a-7049a8092bc4",2,["D",1788869993039],"\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",[162],"7dbe8157-7ffa-4c7e-91e4-b529b0909adf","favicon.svg","01a080c9-8792-778b-9a2a-c887df8770f4",["D",1788867086063],"",[169],"34c78a4b-d49a-406e-8808-4be755f616c6","README.md","01a080c9-8792-778b-9a2a-c5ef0f45e488",["D",1788867086063],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[175],"pulls","branches","forks","envVars",{"_187":63,"_189":63},"connections",{"_187":63,"_188":63},"count","unfilledCount","emptyCount",{"_43":174,"_32":175,"_30":176,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":216,"_13":63,"_33":20,"_35":178,"_24":25,"_143":-5,"_198":217,"_27":218},{"_43":168,"_32":169,"_30":170,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":213,"_13":63,"_33":20,"_35":172,"_24":25,"_143":-5,"_198":214,"_27":215},{"_43":161,"_32":162,"_30":163,"_137":-5,"_41":42,"_40":164,"_139":25,"_38":210,"_13":141,"_33":20,"_35":166,"_24":25,"_143":-5,"_198":211,"_27":212},{"_43":155,"_32":156,"_30":57,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":207,"_13":63,"_33":158,"_35":159,"_24":25,"_143":-5,"_198":208,"_27":209},{"_43":148,"_32":149,"_30":150,"_137":-5,"_41":42,"_40":151,"_139":25,"_38":204,"_13":63,"_33":34,"_35":153,"_24":25,"_143":-5,"_198":205,"_27":206},{"_43":145,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":201,"_13":141,"_33":34,"_35":37,"_24":25,"_143":-5,"_198":202,"_27":203},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":197,"_13":141,"_33":20,"_35":142,"_24":25,"_143":-5,"_198":199,"_27":200},["D",1788870513413],"children",[],[135],["D",1788870894774],[],[28],["D",1788870567017],[],[149],["D",1788867086063],[],[156],["D",1788869993039],[],[162],["D",1788867086063],[],[169],["D",1788867086063],[],[175],["D",1788867086063],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":256,"_257":258,"_259":260,"_261":25,"_262":25,"_263":25,"_264":59,"_265":-5,"_266":-7,"_267":-7,"_268":63,"_269":25,"_270":25,"_271":-5,"_272":25,"_273":25,"_274":25,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":87,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"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 · v5