/* Takoyaki Yatai Remix • interface skin • 2026 */
:root{--ink:#34251f;--muted:#816354;--red:#d4503c;--red-deep:#912b31;--gold:#ffd571;--cream:#fff9eb;--paper:#fffcf5;--line:#e7d3b9;--green:#198576}
html{scroll-behavior:smooth}
body{background:#f8efdf!important;background-image:radial-gradient(circle at 1px 1px,#e9d5b9 1px,transparent 0),linear-gradient(135deg,#fff9ed 0%,#f4e6d0 100%)!important;background-size:22px 22px,auto!important;color:var(--ink)!important;min-height:100vh}
body::before{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 10%,#ffd69c66,transparent 38%),radial-gradient(ellipse at 5% 80%,#eecbba66,transparent 42%)}
button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease;touch-action:manipulation}
button:focus-visible{outline:3px solid #168779!important;outline-offset:3px}
button:not(:disabled):active{transform:translateY(2px) scale(.97)}
button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.6}
header{box-shadow:0 6px 24px #4a281622!important}
header>div:nth-child(2){background:#fff8e9!important;border-bottom:2px solid #e2b47e!important;padding-top:9px!important;padding-bottom:9px!important}
.noren-curtain{height:14px!important;background:repeating-linear-gradient(90deg,#b52f37 0 38px,#fff2d2 38px 76px)!important;border-bottom:3px solid #812a2a!important}
header h1{font-size:clamp(14px,1.5vw,21px)!important;letter-spacing:.04em}
header .max-w-6xl{max-width:1180px}
header button,#pet-cat,#pet-shiba,#pet-hamster{white-space:nowrap}
header .bg-amber-100{background:#fff!important;border:1px solid #dfc3a2!important;box-shadow:0 2px 0 #e2c7ab}
header .bg-amber-100>button{padding:6px 10px!important}
header .bg-emerald-500{background:#167f72!important}
header button:hover{filter:brightness(1.04)}
main{max-width:1170px!important;gap:16px!important;padding-top:12px!important}
#panel-cook,#panel-chef{gap:14px!important}
#panel-cook>div,#panel-chef>div{background:#fffcf5!important;border:2px solid var(--line)!important;border-radius:23px!important;box-shadow:0 7px 0 #e9d9c5,0 14px 25px #55371d0a!important}
#panel-cook>div:first-child{background:linear-gradient(120deg,#fff0d4,#fffaf0)!important;border-color:#e8c498!important;min-height:108px}
#panel-cook>div:first-child #customer-avatar{width:70px!important;height:70px!important;border:2px solid #dfa96d!important;border-radius:21px!important;background:#fffaf1!important}
#customer-name{font-size:12px!important;padding:5px 10px!important;background:#573729!important}
#customer-order-desc{font-size:clamp(12px,1.2vw,15px)!important;line-height:1.6;white-space:normal!important;overflow:visible!important}
#customer-reward{font-size:16px!important;color:#c25137!important}
#customer-patience-bar{border-radius:100px;transition:width .3s linear,background .25s ease}
#panel-cook>div:nth-child(2){padding:16px!important}
#panel-cook>div:nth-child(2)>div:first-of-type{gap:8px}
#panel-cook>div:nth-child(2)>div:first-of-type button{min-height:33px}
.iron-plate{max-width:432px!important;padding:18px!important;gap:14px!important;background:radial-gradient(circle at 27% 12%,#60615b 0,#262b2b 45%,#161d1e 100%)!important;border:9px solid #574a3e!important;border-radius:30px!important;box-shadow:inset 0 9px 18px #0008,inset 0 -4px 4px #fff1,0 8px 0 #332821,0 15px 20px #311f1633!important}
.iron-hole{background:radial-gradient(circle at 53% 68%,#121615 0,#121616 38%,#393b36 84%,#5a554c 100%)!important;border:2px solid #77766a;box-shadow:inset 0 8px 15px #000c,0 2px 1px #fff1!important;min-width:0;min-height:0;isolation:isolate;touch-action:none}
.iron-hole svg{width:95%;height:95%;filter:drop-shadow(0 4px 2px #0005);pointer-events:none}
.iron-hole::after{content:"";position:absolute;inset:12%;border-radius:50%;border:2px solid #ffffff08;pointer-events:none}
.iron-hole.ready-flip-ring{box-shadow:0 0 0 3px #ffd56b,0 0 20px #e8b643, inset 0 8px 16px #0009!important;animation:readyPulse 1.1s ease-in-out infinite alternate}
@keyframes readyPulse{from{filter:brightness(1)}to{filter:brightness(1.15)}}
.iron-hole .ready-chip{position:absolute;right:-6px;top:-5px;background:#ffcd68;color:#573323;border:1px solid #fffae1;border-radius:16px;padding:1px 6px;font-size:10px;font-weight:900;z-index:2}
.iron-hole .heat-meter{position:absolute;left:15%;bottom:5px;height:3px;width:70%;border-radius:4px;overflow:hidden;background:#e2a75d4f}
.iron-hole .heat-meter>i{display:block;height:100%;width:var(--heat,0%);background:#ffcf61;border-radius:3px}
.iron-hole.stage-done .heat-meter>i{background:#65d1a3}
.grill-caption{max-width:432px;margin:12px auto 0;text-align:center;font-size:12px;font-weight:800;color:#91715a}
.grill-caption strong{color:#ce623b}
#panel-cook>div:nth-child(3){background:#fff4db!important}
.wood-boat{background:linear-gradient(165deg,#f6d993,#dca957)!important;border:2px solid #b17a39!important;box-shadow:inset 0 4px 8px #fff6,0 4px 0 #a76e38!important}
#ready-boxes-area{background:#fffdf7!important;border-color:#dec49d!important;min-height:82px!important}
#ready-boxes-area button{min-height:39px}
#panel-chef>div{padding:16px!important}
#pet-cat,#pet-shiba,#pet-hamster{padding:6px 11px!important;border:1px solid #dcc4a4!important;border-radius:12px!important;background:#fff8e8!important;box-shadow:0 2px 0 #dfc4a6}
#pet-cat.pet-selected,#pet-shiba.pet-selected,#pet-hamster.pet-selected{background:#ffe18f!important;border-color:#d69a47!important;box-shadow:0 2px 0 #bf803e}
#panel-chef>div>div:nth-child(2){background:radial-gradient(ellipse at 55% 15%,#ffead1 0,#efd1a3 75%)!important;min-height:210px;border:2px solid #e9c99f!important;position:relative}
#panel-chef>div>div:nth-child(2)::before{content:"";position:absolute;inset:9px;border:1px dashed #d6ae7d;border-radius:16px;pointer-events:none}
#pet-stage{position:relative;width:175px!important;height:194px!important;min-width:148px!important;display:flex;align-items:center;justify-content:center;transform:none!important}
#pet-stage svg{width:100%;height:100%;max-width:182px;overflow:visible;transform-origin:50% 86%;animation:petFloat 2.6s ease-in-out infinite}
#pet-stage.is-squatting svg{animation:petSquat .32s ease}
#pet-stage.is-overstuffed svg{animation:petWobble .65s ease-in-out infinite alternate}
@keyframes petFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
@keyframes petSquat{0%,100%{transform:scale(1)}35%{transform:translateY(13px) scale(1.06,.88)}65%{transform:translateY(-6px) scale(.97,1.04)}}
@keyframes petWobble{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
#pet-speech{position:relative;background:#fffdf8!important;border:1px solid #deb98f!important;border-radius:14px!important;box-shadow:0 3px 0 #ecd6b9!important;padding:9px 11px!important;line-height:1.55;min-height:55px}
#pet-speech::before{content:"";position:absolute;left:-7px;top:22px;width:11px;height:11px;transform:rotate(45deg);background:#fffdf8;border-left:1px solid #deb98f;border-bottom:1px solid #deb98f}
#cal-bar{background:linear-gradient(90deg,#6bbc92,#f9b55a,#e3644f)!important}
#panel-chef>div>div:nth-child(3){border:1px solid #e8d7c2!important;background:#fffaf2!important;border-radius:16px!important}
#panel-chef button[onclick^="doSquat"]{background:linear-gradient(135deg,#138d7c,#086655)!important;border:2px solid #155e53!important;box-shadow:0 4px 0 #074d41!important}
#panel-chef button[onclick^="drinkTea"]{background:linear-gradient(135deg,#dbf3a5,#afdb71)!important;border:2px solid #6b994b!important;box-shadow:0 4px 0 #689141!important}
nav{background:#fffcf5f5!important;border-top:2px solid #dcb992!important;box-shadow:0 -7px 23px #2b1e1218!important;z-index:35!important}
nav .max-w-4xl{max-width:850px!important}
.tool-btn{position:relative;border:1.5px solid #e0c4a4!important;background:#fff6e4!important;border-radius:15px!important;box-shadow:0 3px 0 #d9bc95!important;min-height:66px}
.tool-btn:hover{background:#ffebbf!important}
.tool-btn.tool-active{transform:translateY(-3px)!important;background:#ffd787!important;border-color:#cc7b35!important;box-shadow:0 5px 0 #cd8d4b!important}
.tool-btn.tool-active::after{content:"使用中";position:absolute;top:-9px;right:-5px;background:#d3503c;border-radius:8px;padding:0 4px;color:white;font-size:9px;line-height:17px}
#overstuffed-mask{border-radius:22px!important;background:#431c23e8!important}
.game-hero{max-width:1170px;margin:15px auto 0;padding:0 12px}
.hero-inner{position:relative;overflow:hidden;background:linear-gradient(110deg,#433229 0%,#68372e 55%,#843d38 100%);border-radius:25px;box-shadow:0 7px 0 #caa684,0 14px 25px #60392218;color:#fff7df;padding:17px 24px;display:flex;align-items:center;gap:18px;justify-content:space-between}
.hero-inner::before{content:"";position:absolute;right:-50px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,#f5a24a4f,transparent 67%);pointer-events:none}
.hero-kicker{color:#f3b981;font-size:11px;font-weight:900;letter-spacing:.18em}
.hero-title{font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:.05em;line-height:1.35}
.hero-sub{color:#ffe6c3;font-size:12px;font-weight:800;opacity:.92;margin-top:3px;line-height:1.6}
.hero-ribbon{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}
.hero-stat{padding:8px 12px;border:1px solid #e9ae773d;background:#ffffff10;border-radius:13px;min-width:70px;text-align:center}
.hero-stat small{display:block;font-size:10px;color:#f0c6a2;font-weight:700;letter-spacing:.03em}
.hero-stat b{display:block;color:#ffdc8b;font-size:19px;line-height:1.3}
.hero-actions{display:flex;gap:6px}
.hero-icon{background:#fff7e7;border:1px solid #e5be8b;border-radius:12px;color:#543229;font-weight:900;padding:9px 12px;font-size:13px}
.hero-icon:hover{background:#ffe8b6}
.game-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,18px);background:#332720;color:#fff5e5;border:1px solid #bc925b;padding:11px 18px;border-radius:14px;font-size:13px;font-weight:900;z-index:110;opacity:0;transition:all .2s ease;pointer-events:none;box-shadow:0 9px 25px #281d1744;text-align:center;max-width:90vw}
.game-toast.visible{opacity:1;transform:translate(-50%,0)}
.game-overlay{position:fixed;inset:0;background:#231b1abc;display:none;z-index:150;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(6px)}
.game-overlay.open{display:flex}
.game-dialog{width:min(100%,500px);max-height:min(90vh,850px);overflow:auto;background:#fffbef;border:3px solid #8c593d;border-radius:25px;padding:27px;box-shadow:0 12px 0 #563a2e,0 25px 80px #150c0a88;color:#39271e}
.dialog-stamp{font-size:48px;text-align:center;display:block;margin:0 auto 8px}
.dialog-title{font-size:25px;font-weight:900;text-align:center}
.dialog-desc{text-align:center;color:#775f4b;line-height:1.9;font-size:13px;margin-top:10px}
.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}
.dialog-stats>div{padding:12px 5px;text-align:center;background:#fff0d5;border:1px solid #e5c391;border-radius:14px}
.dialog-stats b{display:block;font-size:21px;color:#b84d32}
.dialog-stats small{font-size:11px;font-weight:800;color:#785a41}
.dialog-button{border:none;border-radius:12px;background:#ce563a;color:#fff;font-weight:900;padding:11px 18px;font-size:14px;box-shadow:0 4px 0 #8b392d}
.dialog-button.secondary{color:#453025;background:#efdbba;box-shadow:0 4px 0 #c4a277}
.dialog-actions{display:flex;gap:11px;justify-content:center;margin-top:17px;flex-wrap:wrap}
.help-steps{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:10px}
.help-steps li{padding:11px 13px;border:1px solid #ecd4b4;background:#fff5e3;border-radius:12px;color:#604936;font-weight:700;font-size:13px;line-height:1.6}
.help-steps b{color:#b64c37}
.grade-badge{font-size:10px;white-space:nowrap;padding:3px 8px;border-radius:30px;background:#fff0d5;color:#9c5b31;border:1px solid #e7c997;font-weight:900}
.grade-badge.perfect{background:#d5f4df;color:#186c4a;border-color:#8bd5ab}
.grade-badge.partial{background:#ffe9c0;color:#9b6533}
.game-caption{font-size:11px;color:#997455;font-weight:800;text-align:center;margin:3px 0 0}
.shiba-tag{position:absolute;right:3px;top:2px;background:#f7c865;border-radius:10px;font-size:10px;font-weight:900;color:#683f25;padding:3px 8px;border:1px solid #dfac5a;z-index:2}
@media(max-width:1023px){.hero-inner{gap:10px;padding:14px 16px}.hero-title{font-size:21px}.hero-ribbon{max-width:54%}#panel-chef>div>div:nth-child(2){min-height:210px}}
@media(max-width:600px){body{padding-bottom:92px!important}header>div:nth-child(2){padding-left:7px!important;padding-right:7px!important}header .max-w-6xl{gap:6px;justify-content:center}header .max-w-6xl>div:first-child{margin-right:auto}header .max-w-6xl>div:nth-child(2){order:3;width:100%;justify-content:center}header .max-w-6xl>div:nth-child(3){margin-left:auto}header h1{font-size:13px!important}.game-hero{margin-top:10px;padding:0 9px}.hero-inner{display:block;padding:12px 15px;border-radius:17px}.hero-title{font-size:19px}.hero-sub{font-size:11px}.hero-ribbon{max-width:none;justify-content:space-between;margin-top:10px;gap:5px}.hero-stat{padding:5px 8px;min-width:55px}.hero-stat b{font-size:16px}.hero-icon{padding:7px 10px}main{padding:9px!important}#panel-cook,#panel-chef{gap:10px!important}#panel-cook>div,#panel-chef>div{border-radius:17px!important}#panel-cook>div:nth-child(2){padding:10px!important}.iron-plate{padding:12px!important;gap:8px!important;border-width:7px!important;border-radius:21px!important}.iron-hole .ready-chip{font-size:8px;padding:1px 3px}.tool-btn{min-height:60px;border-radius:11px!important}.tool-btn>span:first-child{font-size:19px!important}.tool-btn>span:last-child{font-size:10px!important;letter-spacing:-.04em}#pet-stage{width:145px!important;height:174px!important;min-width:135px!important}#panel-chef>div{padding:11px!important}#panel-chef>div>div:nth-child(2){padding:5px!important}.game-dialog{padding:20px 15px}.game-toast{bottom:86px}}
@media(max-width:380px){#pet-stage{width:120px!important;min-width:110px!important;height:150px!important}.tool-btn>span:last-child{font-size:9px!important}.hero-stat{padding:4px 6px}#customer-avatar{width:52px!important;height:52px!important}#panel-cook>div:first-child{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Desktop compact layout v2.0.2 — viewport-fit board, fixed circular wells */
/* An exact square per well, independently of desktop or mobile grid resizing. */
#grill-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
  align-items:center;
  justify-items:center;
  min-width:0;
  min-height:0;
}
#grill-grid>.iron-hole{
  box-sizing:border-box;
  aspect-ratio:1 / 1!important;
  width:100%;
  height:auto!important;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
  align-self:center;
  justify-self:center;
  border-radius:50%!important;
}
#grill-grid>.iron-hole svg{display:block;max-width:100%;aspect-ratio:1 / 1;object-fit:contain}

/* Fit the complete desktop play loop (customer → grill → 4-piece box)
   and all chef controls within one viewport. Short screens can still scroll. */
@media(min-width:1024px) and (min-height:650px){
  html{height:100%;overflow:hidden;scroll-behavior:auto}
  body{
    height:100dvh!important;
    min-height:0!important;
    padding-bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body>header{flex:0 0 auto;position:relative!important;top:auto!important}
  .noren-curtain{height:9px!important}
  header>div:nth-child(2){padding-top:5px!important;padding-bottom:5px!important}
  header .max-w-6xl{flex-wrap:nowrap;gap:8px}
  header .max-w-6xl>div:first-child{min-width:0}
  header h1{font-size:clamp(13px,1.25vw,18px)!important}
  header h1+p{display:none}
  header .bg-amber-100>button{padding:4px 7px!important}
  header .max-w-6xl>div:nth-child(2),
  header .max-w-6xl>div:nth-child(3){flex-shrink:0}

  /* Replace the tall hero with a compact, always-visible status toolbar. */
  .game-hero{flex:0 0 auto;margin:4px auto 0;width:100%;padding:0 10px}
  .hero-inner{min-height:38px;padding:4px 11px;border-radius:12px;gap:8px;box-shadow:none}
  .hero-kicker,.hero-sub{display:none!important}
  .hero-title{font-size:13px;line-height:1.15;white-space:nowrap}
  .hero-ribbon{max-width:none;gap:6px;flex-wrap:nowrap}
  .hero-stat{min-width:52px;padding:2px 7px;border-radius:8px}
  .hero-stat small{font-size:9px;line-height:1.2;white-space:nowrap}
  .hero-stat b{font-size:14px;line-height:1.1;white-space:nowrap}
  .hero-icon{padding:4px 8px;font-size:12px;border-radius:8px}
  .hero-actions{flex-wrap:nowrap;gap:4px}

  body>main{
    flex:1 1 0!important;
    min-height:0!important;
    max-height:none!important;
    width:100%;
    margin:0 auto!important;
    padding:7px 10px 9px!important;
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:stretch!important;
    align-content:stretch;
    gap:12px!important;
    overflow:hidden;
  }
  #panel-cook,#panel-chef{min-width:0;min-height:0;gap:8px!important}
  #panel-cook{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto;
    align-content:stretch;
    height:100%;
  }
  #panel-cook>div:first-child{
    padding:5px 9px!important;
    min-height:0!important;
    max-height:none;
    overflow:hidden;
    gap:8px;
  }
  #panel-cook>div:first-child #customer-avatar{
    width:49px!important;height:49px!important;border-radius:13px!important;
  }
  #customer-avatar svg{max-height:100%;max-width:100%}
  #customer-name{padding:2px 7px!important;font-size:11px!important}
  #customer-order-desc{
    font-size:11px!important;
    line-height:1.25!important;
    margin-top:2px!important;
    max-height:2.5em;
    overflow:hidden!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  #customer-reward{font-size:13px!important}

  #panel-cook>div:nth-child(2){
    display:flex!important;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    min-height:0!important;
    overflow:hidden;
    padding:7px 10px!important;
  }
  #panel-cook>div:nth-child(2)>div:first-of-type{
    flex:0 0 auto;
    gap:4px;
    margin-bottom:4px!important;
    align-items:center;
  }
  #panel-cook>div:nth-child(2)>div:first-of-type button{
    min-height:26px;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  #panel-cook .iron-plate{
    flex:1 1 0%;
    height:auto;
    width:auto;
    aspect-ratio:1 / 1!important;
    align-self:center;
    max-width:100%!important;
    max-height:100%;
    margin:auto!important;
    padding:clamp(7px,1.2vh,12px)!important;
    gap:clamp(6px,1vh,10px)!important;
    border-width:6px!important;
    border-radius:20px!important;
    box-shadow:inset 0 6px 13px #0009,0 5px 0 #332821!important;
  }
  .iron-hole .ready-chip{padding:1px 4px;font-size:9px}
  .iron-hole .heat-meter{bottom:3px}
  .grill-caption{
    flex:0 0 auto;
    margin:3px auto 0!important;
    font-size:10px!important;
    line-height:1.25;
    white-space:nowrap;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #panel-cook>div:nth-child(3){
    min-height:0!important;
    padding:6px 9px!important;
  }
  #panel-cook>div:nth-child(3)>div:first-child{
    gap:8px;
    margin-bottom:5px!important;
  }
  #panel-cook>div:nth-child(3)>div:first-child>span{
    font-size:11px!important;
    line-height:1.25;
  }
  #panel-cook>div:nth-child(3)>div:nth-child(2){gap:8px}
  #panel-cook .wood-boat{height:52px!important;padding:5px 9px!important}
  #current-boat-slots>div{width:38px;height:38px}
  #ready-boxes-area{min-height:52px!important;padding:5px!important}
  #ready-boxes-area button{min-height:28px;padding:3px 7px}
  #ready-boxes-area .grade-badge{font-size:9px}

  #panel-chef{
    display:flex!important;
    flex-direction:column;
    height:100%;
    justify-content:flex-start;
  }
  #panel-chef>div{
    min-height:0!important;
    gap:8px!important;
    padding:9px!important;
  }
  #panel-chef>div>div:first-child{gap:8px}
  #pet-cat,#pet-shiba,#pet-hamster{padding:4px 8px!important}
  #panel-chef>div>div:nth-child(2){
    min-height:0!important;
    padding:6px!important;
    flex:0 0 auto;
  }
  #pet-stage{
    width:clamp(90px,13vh,137px)!important;
    height:clamp(104px,17vh,152px)!important;
    min-width:90px!important;
  }
  #pet-stage svg{max-width:100%;max-height:100%}
  #pet-speech{min-height:0!important;padding:6px 8px!important;line-height:1.4}
  #panel-chef>div>div:nth-child(3){padding:8px!important}
  #panel-chef>div .space-y-2>*+*{margin-top:6px!important}
  #panel-chef>div>div:last-child button{padding:7px 8px!important}

  body>nav{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto;
    padding:4px 8px!important;
    border-top-width:2px!important;
    box-shadow:0 -3px 10px #2b1e1216!important;
  }
  .tool-btn{
    min-height:45px!important;
    padding:3px 2px!important;
    border-radius:12px!important;
  }
  .tool-btn>span:first-child{font-size:17px!important;line-height:1.2}
  .tool-btn>span:last-child{font-size:10px!important;line-height:1.2}
  .tool-btn.tool-active::after{top:-7px;font-size:8px;line-height:13px}
}

/* Small-height desktops: keep toolbar + main usable without hiding actions. */
@media(min-width:1024px) and (min-height:650px) and (max-height:740px){
  #panel-chef>div{gap:5px!important;padding:7px!important}
  #panel-chef>div>div:nth-child(2){padding:4px!important}
  #panel-chef>div>div:nth-child(3){padding:6px!important}
  #pet-stage{width:94px!important;height:111px!important;min-width:90px!important}
  #panel-chef>div .space-y-2>*+*{margin-top:4px!important}
  #panel-cook>div:first-child #customer-avatar{height:44px!important;width:44px!important}
  #panel-cook>div:nth-child(3){padding:5px 8px!important}
}

/* Mobile keeps natural scrolling; maintain round holes even while switching tabs. */
@media(max-width:1023px){
  #grill-grid{width:min(100%,432px);aspect-ratio:1 / 1!important;height:auto}
  #grill-grid>.iron-hole{aspect-ratio:1 / 1!important}
}