:root{
  --red:#c81010;--black:#111;--cream:#fff5dc;--gold:#f0bf55;--orange:#e87925;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:radial-gradient(circle at top,#fff 0,#fff3d6 42%,#151515 100%);color:var(--black);touch-action:manipulation}
button{font:inherit}
.app{width:min(980px,100%);margin:auto;min-height:100dvh;padding:18px;display:grid;place-items:center}
.hidden{display:none!important}
.panel{width:100%;max-width:780px;background:rgba(255,255,255,.94);border:5px solid #111;border-radius:28px;box-shadow:12px 12px 0 #111;padding:22px;text-align:center}
.logo{width:min(390px,88vw);border-radius:24px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.logo.small{width:240px}
.badge{display:inline-block;margin:10px 0 0;padding:6px 14px;background:#111;color:#ffd36c;border-radius:999px;font-weight:900;letter-spacing:.06em}
h1,h2{margin:8px 0;font-size:clamp(40px,9vw,82px);line-height:.92;letter-spacing:.02em}h1 span{color:var(--red)}.lead{font-weight:900;font-size:18px}
.rules{background:#fff7e5;border:3px dashed #111;border-radius:18px;padding:12px;margin:16px auto;max-width:620px}.rules p{margin:6px}
.primary{border:4px solid #111;border-radius:999px;background:var(--red);color:#fff;font-weight:900;font-size:24px;padding:14px 32px;box-shadow:0 7px 0 #111;cursor:pointer}.primary:active{transform:translateY(5px);box-shadow:0 2px 0 #111}.startActions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.soundBtn{border:4px solid #111;border-radius:999px;background:#fff;color:#111;font-weight:900;font-size:16px;padding:10px 16px;box-shadow:0 5px 0 #111;cursor:pointer}.soundBtn.off{background:#ddd;color:#555}.testSound{background:#ffd36c}.soundNote{margin:10px auto 0;font-size:14px;font-weight:800;color:#3b2414}.soundNote.ok{color:#0c6b2b}.soundNote.warn{color:#9a2a13}.soundBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #111}.gameSound{margin:-4px auto 12px;display:block}.primary:focus-visible,.food:focus-visible,.modeBtn:focus-visible,.soundBtn:focus-visible{outline:6px solid #ffd36c;outline-offset:3px}
.modeBox{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin:14px auto 18px;background:#fff7e5;border:4px solid #111;border-radius:22px;padding:12px}.modeTitle{grid-column:1/-1;margin:0;font-weight:900;font-size:18px}.modeBtn{border:4px solid #111;border-radius:18px;background:#fff;color:#111;font-weight:900;padding:12px 10px;box-shadow:0 5px 0 #111;cursor:pointer}.modeBtn span{display:block;font-size:20px}.modeBtn small{display:block;font-weight:800;margin-top:3px}.modeBtn.active{background:#111;color:#ffd36c}.modeBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #111}
.topbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.topbar div{background:#111;color:#fff;border-radius:16px;padding:10px}.topbar span{display:block;font-size:13px;color:#ffd77b}.topbar strong{font-size:30px}.topbar .modeStatus strong{font-size:20px;line-height:1.7}.stage{position:relative;min-height:540px;background:linear-gradient(#fff8e8,#ffd88e);border:4px solid #111;border-radius:24px;overflow:hidden}.miniLogo{position:absolute;left:8px;top:8px;width:150px;border-radius:16px;transform:rotate(-8deg);opacity:.95}.speech{position:absolute;right:18px;top:18px;background:#fff;border:4px solid #111;border-radius:22px;padding:12px 16px;font-weight:900;font-size:22px;z-index:6;max-width:55%}.grill{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);width:min(660px,92%);height:315px;background:radial-gradient(ellipse at center,#3d3d3d 0,#151515 52%,#050505 100%);border:10px solid #111;border-radius:50%;box-shadow:inset 0 18px 0 rgba(255,255,255,.18),0 12px 0 #111}.grill:before{content:"";position:absolute;inset:50px 20px;border-top:8px solid #aaa;border-bottom:8px solid #aaa;background:repeating-linear-gradient(90deg,transparent 0 34px,#aaa 35px 42px);border-radius:50%;opacity:.85}.flame{position:absolute;bottom:78px;width:48px;height:78px;background:linear-gradient(#fff56a,#ff7a00 55%,#d60000);border-radius:50% 50% 45% 45%;filter:blur(.2px);animation:flicker .45s infinite alternate;z-index:1}.f1{left:24%;transform:rotate(-12deg)}.f2{left:48%;height:105px}.f3{left:70%;transform:rotate(10deg)}@keyframes flicker{to{transform:translateY(-9px) scale(1.08) rotate(4deg);opacity:.75}}
.foodWrap{position:absolute;z-index:4;width:130px}.food{width:100%;height:94px;border:4px solid #111;border-radius:22px;background:#f5b16a;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto;place-items:center;font-weight:900;box-shadow:0 7px 0 rgba(0,0,0,.55);transition:transform .12s,filter .12s,opacity .12s}.food:active{transform:translateY(4px) scale(.97);box-shadow:0 3px 0 rgba(0,0,0,.55)}.food.serving{opacity:.65;filter:saturate(.6);pointer-events:none;animation:popPlate .28s ease-out forwards}.food.hardMode .heatText{visibility:hidden}.emoji{font-size:38px;line-height:1}.heatText{font-size:13px;background:rgba(255,255,255,.82);border:2px solid #111;border-radius:999px;padding:1px 8px;margin-bottom:2px;min-height:23px}.tapText{font-size:14px;color:#fff;background:#111;border-radius:999px;padding:2px 10px;margin-bottom:5px}.miniMeter{height:16px;margin:8px auto 0;background:linear-gradient(90deg,#ffe98a 0,#f5b16a 45%,#e87925 60%,#b85b24 78%,#151515 100%);border:3px solid #111;border-radius:999px;overflow:hidden}.miniMeter span{display:block;height:100%;width:0%;background:rgba(255,255,255,.58);border-right:5px solid #111}.slot1{left:12%;top:90px}.slot2{left:36%;top:142px}.slot3{left:58%;top:78px}.slot4{left:72%;top:178px}@keyframes popPlate{to{transform:translateY(-26px) scale(.86) rotate(-7deg)}}
.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;font-weight:900;text-align:center}.guide div{background:#fff7df;border:3px solid #111;border-radius:16px;padding:8px}.swatch{display:block;height:12px;border-radius:999px;border:2px solid #111;margin-top:5px}.raw{background:#ffe98a}.best{background:#e87925}.burnt{background:#111}.final{font-size:30px}.comment{font-size:20px;font-weight:800;background:#fff7df;border:3px solid #111;border-radius:18px;padding:14px}
@media(max-width:560px){.app{padding:10px}.panel{padding:14px;border-width:4px;box-shadow:7px 7px 0 #111}.modeBox{grid-template-columns:1fr}.startActions{gap:8px}.soundBtn{font-size:14px;padding:9px 13px}.stage{min-height:460px}.miniLogo{width:112px}.speech{font-size:16px;right:8px;top:10px;max-width:58%;padding:8px 10px}.grill{height:270px;bottom:34px}.foodWrap{width:104px}.food{height:82px;border-radius:18px}.emoji{font-size:31px}.heatText,.tapText{font-size:12px}.slot1{left:5%;top:94px}.slot2{left:32%;top:138px}.slot3{left:58%;top:88px}.slot4{left:64%;top:176px}.topbar{grid-template-columns:repeat(2,1fr)}.topbar strong{font-size:24px}.topbar .modeStatus strong{font-size:18px}.guide{font-size:13px;gap:6px}}