:root{--paper:#fff0d9;--ink:#4b210b;--orange:#f97921;--gold:#ffc447;--line:#d9ad77;--vh:100dvh;--wood:linear-gradient(12deg,#b97a3c66,transparent 45%),repeating-linear-gradient(4deg,#e4b87c 0,#efc995 6px,#e7bb83 9px,#edc38c 15px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100vh;height:var(--vh,100dvh);display:flex;flex-direction:column;background:var(--wood);color:var(--ink);font-family:'Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ff8f26;outline-offset:2px}button:disabled{cursor:default;filter:saturate(.35);opacity:.43}header{height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));flex:none;display:flex;justify-content:space-between;align-items:center;gap:9px;background:linear-gradient(#fff8e9d9,#ffedd49c);z-index:3}.brand{background:none;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}.brand-title{font-size:clamp(22px,6.3vw,32px);font-weight:1000;letter-spacing:-.07em;color:#481703;transform:rotate(-3deg);text-shadow:-1px -1px #fff7e4,1px -1px #fff7e4,-1px 2px #fff7e4,1px 2px #fff7e4,0 4px #ffcf79}.brand small{font-size:8px;letter-spacing:.04em;margin-top:5px;border-bottom:3px solid #f7aa32;padding:0 9px 3px;font-weight:800}.crown{position:absolute;left:52%;top:-12px;color:#e99a20;font-size:19px;transform:rotate(9deg)}nav{display:flex;gap:9px}.round-button{width:43px;height:43px;padding:9px;border-radius:50%;border:2px solid #edc79c;background:linear-gradient(135deg,#fffbed,#ffebcc);box-shadow:inset 0 0 0 2px #fff7e7,0 3px 0 #b77f49,0 5px 9px #60340826}.glyph{width:100%;height:100%;display:block}.hud{padding:7px 10px 5px;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:6px;flex:none;z-index:3;background:#f6d3a04d}.stat{background:linear-gradient(135deg,#634323,#321b10);color:#fff6df;border:1.5px solid #e3b782;border-radius:14px;box-shadow:inset 0 2px 2px #fff2,0 3px 5px #61341922;display:flex;gap:4px;align-items:center;padding:7px 8px;min-width:0;position:relative;height:55px}.stat>span{width:25px;height:30px;flex-shrink:0}.stat small{display:block;font-size:9px;font-weight:700;white-space:nowrap}.stat strong{font-size:23px;line-height:1.15;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 2px 1px #1f100a;white-space:nowrap}.stat .gold{color:#ffc552}.stat em{font-size:11px;font-style:normal;margin-left:1px}.food-stat{display:flex;align-items:center;gap:3px;border-radius:14px;background:linear-gradient(135deg,#fffdf1,#ffe6bf);border:1.5px solid #e3b782;box-shadow:inset 0 0 0 2px #fff9e6,0 3px 5px #61341922;padding:5px;min-width:0}.food-stat img{width:31px;height:36px;object-fit:contain}.food-stat span{font-size:11px;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.food-stat b{font-size:20px;color:#a56123;margin-left:auto}#pauseTop{position:absolute;left:11px;bottom:10px;color:#59300f;background:#fff3d9ed;border:1px solid #d7af78;border-radius:9px;font-size:16px;min-width:44px;min-height:36px;padding:4px 8px}main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.view{flex:1;min-height:0;position:relative;overflow:hidden;background:#c99b60}#scene{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;left:11px;top:8px;font-size:10px;background:#4b2a13b5;color:#fff4da;border:1px solid #e8c5927d;border-radius:12px;padding:4px 9px;pointer-events:none}.speech{position:absolute;right:12px;top:37px;max-width:145px;font-size:11px;font-weight:800;line-height:1.6;background:#fff3daed;border:1px solid #e9d3ad;border-radius:18px 18px 18px 4px;padding:8px 11px;box-shadow:0 4px 8px #52331f19;pointer-events:none}.camera{position:absolute;right:11px;bottom:10px;background:#fff3d9df;border:1px solid #d7af78;border-radius:9px;font-size:9px;padding:6px 10px}aside{flex:none;position:relative;z-index:2;padding:8px 10px max(9px,env(safe-area-inset-bottom));background:var(--wood);border-top:2px solid #ffe2b9;box-shadow:0 -4px 15px #693d1b21}.gauge-wrap{height:35px;margin:0 8px 7px;position:relative;padding-top:3px}.gauge{height:12px;border:2px solid #6a360d;border-radius:10px;background:linear-gradient(90deg,#fff3bd 0%,#ffd652 24%,#fca52a 50%,#c67015 72%,#5c2708 88%,#281309 100%);box-shadow:0 1px 0 #fff4bd,inset 0 1px 2px #9a6227}.gauge:after{content:'';display:block;height:100%;background:linear-gradient(90deg,transparent 24%,#fff9 24%,#fff9 24.6%,transparent 24.6%,transparent 49%,#fff9 49%,#fff9 49.6%,transparent 49.6%,transparent 74%,#fff9 74%,#fff9 74.6%,transparent 74.6%)}.gauge-pointer{position:absolute;top:-6px;left:0%;color:#fff8dc;filter:drop-shadow(0 2px 1px #763b09);font-size:21px;line-height:1;transform:translateX(-50%);-webkit-text-stroke:1px #a8611b}.gauge-labels{display:flex;justify-content:space-between;font-size:10px;line-height:1.6;font-weight:900;color:#552a0e;padding:0 1px}.gauge-labels b{color:#7e3e08}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.action-button{min-height:66px;border-radius:15px;background:linear-gradient(135deg,#fffdf0,#ffe5bd);border:2px solid #e7b77e;box-shadow:inset 0 0 0 2px #fff4df,0 3px 0 #b88049,0 5px 8px #5e36162b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;font-size:12px;font-weight:900;white-space:nowrap}.action-button .glyph{width:28px;height:28px}.action-button.hot{background:linear-gradient(130deg,#ffb548,#ff7e24 45%,#e94d0b);border-color:#d66c1f;box-shadow:inset 0 0 0 2px #ffc571,0 3px 0 #a34b13,0 5px 8px #5e36162b;color:#fffbe9;text-shadow:0 1px 1px #9c431c}.action-button:not(:disabled):active,.round-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #fff4df,0 1px 0 #b88049}.action-button[data-act="drop"] .glyph{color:#6f9c30}.temperature{background:linear-gradient(125deg,#654426,#3b2112);color:#fff1d3;border:1.5px solid #dfb17c;border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) 73px;column-gap:12px;align-items:center;padding:7px 12px 6px;margin-top:9px;box-shadow:inset 0 1px 2px #fff2,0 2px 0 #a97a46}.temperature label{font-size:10px;font-weight:800;display:flex;align-items:center;gap:4px}.temperature label .glyph{height:19px;width:16px}.slider-column{min-width:0}.temperature output{font-size:27px;font-weight:900;text-align:center;border:1px solid #c59461;border-radius:10px;padding:6px 3px;background:#2e180e;box-shadow:inset 0 1px 2px #0008;color:#ffca52;font-variant-numeric:tabular-nums}.temperature output small{font-size:12px}.range{width:100%;height:23px;margin:0;accent-color:#fff4da;touch-action:pan-x;cursor:pointer;background:transparent}.range::-webkit-slider-runnable-track{height:10px;border-radius:10px;background:linear-gradient(90deg,#ff6a1b,#ffc13c 40%,#ffd95b 60%,#b5a18a);border:1px solid #f7d9af;box-shadow:0 1px 2px #0006}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:21px;height:21px;margin-top:-6px;background:linear-gradient(#fff,#f4e5ce);border:1px solid #d6ba96;border-radius:50%;box-shadow:0 2px 4px #0006}.range{-webkit-appearance:none;appearance:none}.range::-moz-range-track{height:8px;border-radius:10px;background:linear-gradient(90deg,#ff6a1b,#ffd95b,#b5a18a)}.range::-moz-range-thumb{width:20px;height:20px;background:#fff5df;border:1px solid #d6ba96;border-radius:50%}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#ead2ac;line-height:1}.prep-row{display:grid;grid-template-columns:44px repeat(3,1fr);gap:5px;align-items:center;margin-bottom:8px}.prep-row>span{font-size:10px;font-weight:800}.prep-step{padding:7px 3px;font-size:10px;border-radius:8px;background:#fff0d4;border:1px solid #cfa370;min-height:29px}.prep-step.next{background:#ffbc53;color:#502b0e;box-shadow:0 2px 0 #bc7b31;font-weight:900}.prep-step.done{background:#e6d6ad;color:#6c622f}.stage-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-height:34px}.stage-row>span{font-size:11px}.mini,.primary,.secondary{border-radius:10px;border:1px solid #d6a46f;padding:8px 13px;min-height:34px;font-size:11px;font-weight:800;background:linear-gradient(#fff4db,#ffdfb0);box-shadow:0 2px 0 #b78147}.primary{background:linear-gradient(135deg,#ffb23f,#f17319);color:#552706}.secondary{background:linear-gradient(#fff9e9,#ffe6c3)}.title-card{text-align:center}.title-logo{font-size:clamp(31px,9vw,50px);line-height:1.2;color:#4e1c06;font-weight:1000;letter-spacing:-.07em;margin:0;transform:rotate(-3deg);text-shadow:1px 3px #fff4da,-1px -1px #fff4da,0 5px #f9b542}.title-card .catch{font-size:11px;font-weight:800;margin:10px 0}.tagline{font-weight:900;font-size:12px;margin:10px 0}.title-card p{font-size:10px;margin:6px 0 12px}.title-card .primary{width:100%;max-width:350px;min-height:45px;font-size:16px;color:#fff9e2;border-width:2px;border-radius:14px;text-shadow:0 1px #a9591f}.menu-tools{display:flex;justify-content:center;gap:20px;margin-top:10px}.menu-tools button{background:none;font-size:10px;font-weight:800;padding:2px}.selection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.selection-head h1{font-size:16px;margin:0}.food-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.food-card{padding:5px;background:linear-gradient(135deg,#fff9e9,#ffdfaf);border:2px solid #d6a878;box-shadow:inset 0 0 0 2px #fff2d7,0 3px #b8824a;border-radius:15px;text-align:center;min-width:0}.food-card img{display:block;width:100%;height:62px;object-fit:contain}.food-card strong{font-size:11px;display:block;white-space:nowrap}.food-card small{font-size:9px}.score{font:34px Georgia;font-weight:bold;color:#9f5017}.score small{font:11px sans-serif}.score-row{display:grid;grid-template-columns:90px 1fr 45px;gap:8px;font-size:11px;align-items:center;margin:12px 0}.bar{height:5px;background:#e6d3b7}.bar i{display:block;height:100%;background:#e69a29}.tips p{font-size:12px}.dialog-actions{display:flex;gap:10px;margin:15px 0}dialog{border:2px solid #e3bb8b;border-radius:20px;background:#fff0d9;padding:28px 23px;color:var(--ink);width:min(91vw,440px);max-height:calc(85dvh - env(safe-area-inset-bottom));overflow-y:auto;box-shadow:0 20px 80px #38200c88}dialog::backdrop{background:#3a241580;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:0 0 17px}dialog p,dialog li{font-size:12px;line-height:1.9}dialog ol{padding-left:20px}.close{position:absolute;right:12px;top:7px;font-size:28px;background:transparent}.toggle{display:flex;justify-content:space-between;align-items:center;margin:17px 0;font-size:13px}.toggle input{width:21px;height:21px;accent-color:#cc701d}.note{font-size:10px!important;color:#85694a;line-height:1.7}#audioStatus{padding:9px;border-radius:9px;background:#eed7ad;font-size:11px}#toast{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:9;max-width:90vw;width:max-content;pointer-events:none;background:#5b3114;color:#fff1d7;border:1px solid #ddb078;border-radius:15px;font-size:11px;padding:10px 16px;opacity:0;transition:opacity .2s}#toast.show{opacity:1}#error{position:absolute;inset:15%;background:#fff4df;padding:20px;font-size:12px;line-height:1.8}body[data-mode="menu"] .hud,body[data-mode="select"] .hud{display:none}body[data-mode="menu"] aside{padding-top:13px}body[data-mode="menu"] .scene-top{display:none}body[data-mode="select"] aside{padding-top:12px}
@media(min-width:850px){header{height:75px;padding-left:30px;padding-right:30px}.brand-title{font-size:34px}.brand small{font-size:9px}.round-button{width:47px;height:47px}.hud{width:490px;align-self:center;background:none}.stat{height:55px}.food-stat img{width:48px}.food-stat span{font-size:14px}.stat strong{font-size:27px}.stat small{font-size:10px}aside{padding:8px max(20px,calc((100vw - 960px)/2)) 13px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.gauge-wrap{grid-column:1/3;margin-bottom:4px}.actions{grid-column:1}.temperature{grid-column:2;margin:0;min-height:66px}.prep-row,.stage-row{grid-column:1/3;justify-content:center;max-width:600px;justify-self:center;width:100%}.prep-row{grid-template-columns:60px repeat(3,120px)}.action-button{min-height:63px}.title-card,.food-list,.selection-head{grid-column:1/3;width:min(720px,100%);justify-self:center}.title-logo{font-size:38px}.title-card .tagline,.title-card>p:not(.catch){display:none}.title-card .catch{margin:8px}.menu-tools{margin:8px}.title-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:20px}.title-logo{grid-column:1;grid-row:1/3}.title-card .catch{grid-column:1}.title-card .primary{grid-column:2;grid-row:1/3}.menu-tools{grid-column:2}.speech{right:calc(50% - 260px);top:30px;max-width:170px;font-size:13px;padding:10px 15px}.camera{right:25px;bottom:18px}.scene-top{left:25px;top:20px;font-size:12px}.food-card img{height:78px}.food-card strong{font-size:14px}.selection-head{margin-bottom:10px}}
@media(max-height:690px) and (max-width:849px){header{height:calc(53px + env(safe-area-inset-top))}.brand-title{font-size:24px}.brand small{font-size:7px;margin-top:3px}.round-button{width:36px;height:36px;padding:7px}.crown{font-size:15px;top:-10px}.hud{padding-top:4px;padding-bottom:4px}.stat{height:48px;padding:5px 6px}.stat strong{font-size:21px}.stat>span{width:20px;height:25px}.stat small{font-size:8px}.food-stat span{font-size:10px}.food-stat img{width:25px}.action-button{min-height:54px;font-size:11px;border-radius:12px}.action-button .glyph{height:23px;width:23px}.temperature{padding:5px 10px;margin-top:7px}.temperature output{font-size:24px;padding:5px 2px}.temperature label{font-size:9px}.temperature label .glyph{height:15px}.range{height:20px}.gauge-wrap{height:29px;margin-bottom:4px}.gauge-labels{font-size:9px}aside{padding-top:5px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.prep-row{margin-bottom:5px}.prep-step{min-height:25px;padding:5px 3px}.title-card>p:not(.catch){display:none}.title-logo{font-size:32px}.title-card .catch{margin:8px 0}.menu-tools{margin-top:7px}.tagline{font-size:11px;margin:8px 0}.speech{font-size:10px;top:32px;max-width:130px}.scene-top{font-size:9px;padding:3px 7px}.food-card img{height:45px}}
@media(max-width:360px){.brand-title{font-size:22px}nav{gap:6px}.hud{gap:4px;padding-left:7px;padding-right:7px}.stat>span{display:none}.stat{justify-content:center}.food-stat span{font-size:10px}.action-button{font-size:10px}.actions{gap:5px}.food-card strong{font-size:10px}}
@media(max-height:480px) and (orientation:landscape){header{height:45px}.brand-title{font-size:22px}.brand small{display:none}.crown{display:none}.round-button{width:32px;height:32px;padding:6px}.hud{position:static;transform:none;align-self:center;width:350px;background:none;padding:3px 0}.stat{height:38px}.stat strong{font-size:19px}.stat small{font-size:7px}.stat>span{width:16px;height:23px}.food-stat img{width:20px}.food-stat span{font-size:10px}main{flex-direction:row}aside{width:260px;display:block;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.view{min-width:0}.actions{gap:4px}.action-button{font-size:9px;min-height:51px;border-radius:10px}.action-button .glyph{width:22px;height:22px}.temperature{margin-top:8px}.title-card{display:block}.title-logo{font-size:28px}.title-card p{display:none}.title-card .catch{display:block;font-size:10px}.food-list{grid-template-columns:1fr}.food-card{display:flex;align-items:center;gap:5px;padding:3px}.food-card img{width:50px;height:42px}.food-card small{display:none}.speech{max-width:115px;font-size:9px}.prep-row{grid-template-columns:repeat(3,1fr)}.prep-row>span{display:none}.stage-row{flex-wrap:wrap}}

@media(min-width:1100px) and (min-height:481px){.hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:0}}

/* Nine foods; only the ingredient picker may scroll. */
.piece-picker{display:flex;gap:6px;align-items:center;grid-column:1/3;min-width:0;margin-bottom:6px}.piece-picker>span{font-size:9px;line-height:1.3;min-width:27px}.piece-picker>span b{font-size:12px}.piece-strip{display:flex;gap:4px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:none;touch-action:pan-x}.piece-strip::-webkit-scrollbar{display:none}.piece{flex:0 0 39px;border:1px solid #cf9b62;border-radius:9px;background:#f8e3bc;min-height:37px;padding:2px;color:#693614}.piece b{font-size:12px}.piece small{display:block;font-size:8px}.piece.selected{background:#7c3d15;color:#fff1cd;border:2px solid #ffc956}.piece.fry:not(.selected){background:#ffbd57}.piece.plate:not(.selected){background:#dce2ad}.piece-picker>.mini{font-size:10px;white-space:nowrap;padding:5px 8px;min-height:36px}.result-card{text-align:center}.result-ribbon{display:inline-block;background:linear-gradient(#ffae36,#e86a13);border:2px solid #ffd893;color:#fff7df;font-weight:900;padding:9px 28px;border-radius:8px 8px 24px 24px;box-shadow:0 4px 0 #ae541c;margin-bottom:12px}.result-card h2{font-size:16px;margin:0 0 8px}.result-number{display:flex;justify-content:center;align-items:center;gap:25px}.result-number small{display:block;font-size:11px}.result-number strong{font-size:76px;font-weight:900;line-height:1.1;letter-spacing:-.08em}.result-number em{font-size:18px;font-style:normal;letter-spacing:0}.rank-medal{width:89px;height:89px;border-radius:50%;border:5px double #bf771d;background:radial-gradient(#fff5c3,#efb744);box-shadow:0 3px 0 #a85e18,inset 0 0 0 3px #ffefb5;display:flex;flex-direction:column;justify-content:center}.rank-medal b{font:bold 51px Georgia;line-height:1}.rank-medal small{font-size:9px}.result-comment{font-weight:900!important;font-size:17px!important;margin:9px 0!important;line-height:1.4!important}.result-feedback{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;background:#fff8e8;border:1px solid #e6c38e;border-radius:13px;padding:10px}.result-feedback b{font-size:10px;color:#9e651b}.result-feedback p{font-size:11px;line-height:1.5;margin:5px 0 0}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.result-actions button{min-height:47px;font-size:12px}.result-detail{font-size:10px;margin-top:12px;text-align:left}.result-detail summary{cursor:pointer;color:#94724b}.oops .rank-medal{background:#bcac91;border-color:#78624b;box-shadow:0 3px #65543f}.oops .result-ribbon{background:linear-gradient(#82674a,#51402e);border-color:#bda082}.rank-B .rank-medal{background:#eed5a0}.rank-C .rank-medal{background:#d8b38e}.result-card.celebrate .result-ribbon{animation:arrive .35s ease-out}@keyframes arrive{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.result-card.celebrate .result-ribbon{animation:none}}@media(min-width:850px){.piece-picker{max-width:640px;width:100%;justify-self:center}}@media(max-height:690px) and (max-width:849px){.piece-picker{margin-bottom:4px}.piece{min-height:32px}.result-number strong{font-size:62px}}
body[data-mode="select"] aside{max-height:58%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.food-card strong{white-space:normal}.food-card small{display:block;line-height:1.6}
.tool-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;grid-column:1/3;margin:0 0 8px}
.tool-actions .mini{font-size:10px;min-height:36px;padding:5px 2px;border-radius:9px;line-height:1.35}
@media(min-width:850px){.tool-actions{max-width:640px;width:100%;justify-self:center}.tool-actions .mini{font-size:12px}.food-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:690px) and (max-width:849px){.tool-actions{margin-bottom:5px}.tool-actions .mini{min-height:32px;font-size:9px}.food-card img{height:48px}}

.craft-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;min-height:38px}.craft-row .mini{min-height:34px;padding:5px 12px}

.game-tabs{display:flex;flex:none;gap:5px;padding:2px 12px 4px;min-height:29px;background:#ffedd4}.game-tabs button{flex:1;min-width:0;border-radius:8px;padding:4px 8px;font-size:11px;background:#f1d4ae;color:#603214}.game-tabs button[aria-selected="true"]{background:#96501e;color:#fff5de}.notice-open main,.notice-open .hud{display:none!important}#noticePage{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:22px max(20px,calc((100vw - 650px)/2)) max(24px,env(safe-area-inset-bottom));background:#fff0d9}#noticePage[hidden]{display:none}#noticePage h1{font-size:20px}#noticePage p{font-size:14px;line-height:1.9;margin:20px 0}.stage-row{flex-wrap:wrap;gap:5px}.stage-row .mini{font-size:11px;padding:5px 8px}

.community-count{margin:4px auto 0!important;padding:4px 10px;width:max-content;max-width:100%;border-radius:14px;background:#fff0d9a8;color:#783d15;font-size:10px!important;font-weight:900}.community-note{display:block;text-align:center;color:#87552e;font-size:8px;margin:2px 0 0}
.count-pop{position:absolute;z-index:5;left:50%;top:45%;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;color:#fff8df;text-shadow:0 3px 1px #96510e,0 5px 8px #4b210b;}
.count-pop[hidden]{display:none}.count-pop strong{position:absolute;inset:17px 0;text-align:center;font-size:35px;line-height:1;font-weight:1000}.count-pop i{position:absolute;border:3px solid #fff5d5a8;border-radius:50%;width:24px;height:24px;left:28px;top:28px;background:#ffda7266}.count-pop i:nth-child(2){width:16px;height:16px}.count-pop i:nth-child(3){width:12px;height:12px}
.count-pop-active strong{animation:count-rise 1.5s ease-out both}.count-pop-active i:first-child{animation:bubble-one 1.3s ease-out both}.count-pop-active i:nth-child(2){animation:bubble-two 1.2s ease-out both}.count-pop-active i:nth-child(3){animation:bubble-three 1.4s ease-out both}
@keyframes count-rise{0%{opacity:0;transform:translateY(16px) scale(.6)}22%{opacity:1;transform:translateY(-7px) scale(1.16)}70%{opacity:1}100%{opacity:0;transform:translateY(-32px) scale(.9)}}
@keyframes bubble-one{to{opacity:0;transform:translate(-45px,-70px) scale(1.7)}}@keyframes bubble-two{to{opacity:0;transform:translate(48px,-65px) scale(1.5)}}@keyframes bubble-three{to{opacity:0;transform:translate(34px,-39px) scale(1.9)}}
.result-count{font-weight:900;color:#a85d12;background:#ffe6ad;border-radius:12px;text-align:center}.result-count:empty{display:none}
@media(prefers-reduced-motion:reduce){.count-pop-active strong,.count-pop-active i{animation:none}.count-pop{opacity:1}}

#blastGlass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.view .scene-top,.view .speech,.view .camera,.view #pauseTop{z-index:2}#scene{transform-origin:50% 50%}
#growNotice{position:absolute;z-index:3;top:9%;left:50%;transform:translateX(-50%);max-width:90%;padding:7px 15px;border:2px solid #f5bb69;border-radius:999px;background:#55280de8;color:#fff3d8;font-weight:800;font-size:clamp(12px,3vw,19px);text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 1px #3b1c0b}#growNotice[hidden]{display:none}

.churro-modes{display:grid;gap:5px}.mode-switch,.churro-shapes{display:flex;gap:5px}.mode-switch button,.churro-shapes button{flex:1;min-width:0;padding:6px 3px;font-size:12px}.mode-switch [aria-pressed="true"]{background:#ed8a26;color:#fff8e8}.churro-shapes button{display:grid;justify-items:center;font-size:11px}.churro-shapes span{font-size:19px}

.result-share{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid #dfbd91;margin-top:14px;padding-top:10px}.result-share button{font-size:12px;min-height:38px;padding:7px 5px}.result-share [hidden]{display:none!important}.result-share p{grid-column:1/-1;margin:0;font-size:10px;line-height:1.4}.result-share p:empty{display:none}.result-share textarea{grid-column:1/-1;width:100%;height:80px;font:12px/1.4 inherit;user-select:text;-webkit-user-select:text;background:#fff9ec;color:#49270f;border:1px solid #cba774;border-radius:8px;padding:7px}#copyResult{grid-column:1/-1}
@media(max-height:780px){.result-card .result-ribbon{padding:5px 20px;margin-bottom:6px}.result-card h2{margin-bottom:4px}.result-card .best-record{margin:5px 0}.result-number strong{font-size:56px}.rank-medal{width:68px;height:68px}.rank-medal b{font-size:37px}.result-card .result-comment{font-size:14px!important;margin:6px 0!important}.result-feedback{padding:7px}.result-actions{margin-top:8px}.result-share{margin-top:10px;padding-top:7px}.result-detail{margin-top:7px}}
/* Result-only artwork preview; the cooking viewport and controls keep their layout. */
#shareImage{grid-column:1/-1;min-height:40px;font-size:14px}
.share-image-dialog{width:min(540px,calc(100vw - 20px));height:min(880px,calc(var(--vh,100dvh) - 20px));max-height:calc(var(--vh,100dvh) - 20px);max-width:calc(100vw - 20px);padding:12px 12px max(12px,env(safe-area-inset-bottom));border:2px solid #d5ab73;border-radius:22px;background:#fff0d9;color:#4b210b;overflow:hidden;box-shadow:0 15px 60px #27120266}
.share-image-dialog[open]{display:flex;flex-direction:column;gap:8px}.share-image-dialog::backdrop{background:#2f180bbd}.share-image-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.share-image-head h2{font-size:17px;margin:0}.share-image-head p{font-size:10px;margin:3px 0 0;color:#87603c}.share-image-close{font-size:26px!important;width:40px;min-height:40px;padding:0!important;border-radius:50%}.share-image-art{min-height:0;flex:1;display:flex;justify-content:center;align-items:center;background:#e3cfaf;border-radius:13px;overflow:hidden}.share-image-preview{width:100%;height:100%;object-fit:contain;display:block}.share-image-loading{padding:20px;text-align:center;font-size:13px!important}.share-image-controls{flex:none;display:grid;gap:6px}.share-image-primary,.share-image-secondary{display:grid;grid-template-columns:1fr 1fr;gap:6px}.share-image-primary button{font-size:13px;min-height:44px;padding:6px 3px}.share-image-secondary button{font-size:11px;min-height:35px;padding:5px 2px}.share-image-dialog .share-image-status{font-size:11px;line-height:1.4;margin:0;min-height:30px}.share-image-dialog .share-image-note{font-size:9px;line-height:1.4;color:#82674b;margin:0}.share-image-dialog [hidden]{display:none!important}.share-image-text{width:100%;height:64px;resize:none;font:11px/1.4 inherit;padding:6px;background:#fffaf0;color:#4b210b;user-select:text;-webkit-user-select:text;border:1px solid #d5ab73;border-radius:8px}
@media(max-height:700px){.share-image-dialog{gap:5px;padding-top:8px}.share-image-head h2{font-size:15px}.share-image-head p{display:none}.share-image-primary button{min-height:39px}.share-image-secondary button{min-height:32px}.share-image-dialog .share-image-note{font-size:8px}.result-share{gap:4px}#shareImage{min-height:36px}}