/* The kitchen atmosphere and menu are home-only; playing retains its existing layout. */
.tablecloth:has(.poku-game:not(.playing)) {
  background: #f5ebd8;
}
.app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 680px;
  min-height: calc(100svh - 52px);
  padding: 18px 28px;
  background-color: #fff5e3;
  background-image: linear-gradient(180deg, #fff8ee18, #fff7e52e 50%, #fff6e4b8 75%), url('assets/home-kitchen-atmosphere-v1.png');
  background-size: 100% 100%, 100% auto;
  background-position: center top, center clamp(110px, 33vw, 180px);
  background-repeat: no-repeat;
  box-shadow: 0 15px 50px #68492320, inset 0 1px 0 #fffdf4;
}
.app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .sponsor.sponsor-banner {
  flex: none;
  max-width: 540px;
  margin: 0 auto 12px;
}
.app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead {
  flex: none;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 58px;
  column-gap: 12px;
  align-items: center;
  min-height: 112px;
}
.poku-game:not(.playing) .brand {
  grid-column: 2;
  grid-row: 1;
  justify-self: stretch;
  min-width: 0;
  text-align: center;
  white-space: nowrap;
  transform: none;
}
.poku-game:not(.playing) .brand span { font-size: 32px; }
.poku-game:not(.playing) .brand strong { font-size: 76px; }
.poku-game:not(.playing) #invite-friends { display: none; }
.poku-game .home-control-label { display: none; }
.poku-game:not(.playing) .masthead-actions { display: contents; }
.poku-game:not(.playing) #player-account { grid-column: 1; grid-row: 1; justify-self: start; }
.poku-game:not(.playing) #sound { grid-column: 3; grid-row: 1; justify-self: end; }
.poku-game:not(.playing) #player-account,
.poku-game:not(.playing) #sound {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 58px;
  min-width: 58px;
  height: 58px;
  min-height: 58px;
  padding: 4px;
  gap: 3px;
  border-radius: 16px;
  border-color: #d0b58b;
  background: #fffaf0ef;
  box-shadow: 0 3px 0 #cfb48a;
  color: var(--green);
}
.poku-game:not(.playing) #player-account-label,
.poku-game:not(.playing) #sound .home-control-label {
  display: block;
  max-width: 49px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 700 10px/1.2 var(--body);
}
.poku-game:not(.playing) #sound-label { display: none; }
.poku-game:not(.playing) #sound-symbol { width: 27px; height: 27px; font-size: 27px; }
.poku-game:not(.playing) #player-account svg { width: 24px; height: 24px; }
.poku-game:not(.playing) #home {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-height: 0;
  padding: 8px 0 0;
}
.poku-game:not(.playing) #home .home-atmosphere {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  min-height: 72px;
  padding: 6px 0 10px;
}
.poku-game:not(.playing) #home .home-slogan {
  margin: 0;
  color: var(--green);
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 1px 5px #fffaf0, 0 0 12px #fffaf0;
  font: 700 24px/1.2 var(--display);
}
.poku-game:not(.playing) #home .welcome {
  flex: none;
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
  text-align: left;
}
.poku-game:not(.playing) #home .home-accessible-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.poku-game:not(.playing) #home #play {
  min-height: 74px;
  margin: 0;
  padding: 12px 16px;
  border-radius: 18px;
  font: 700 30px/1.1 var(--display);
  box-shadow: 0 4px 0 #163f20, inset 0 1px 0 #92bb71;
}
.poku-game:not(.playing) #home #play span {
  display: block;
  margin: 4px 0 0;
  font: 500 14px/1.25 var(--body);
}
.poku-game:not(.playing) #home #saved {
  min-height: 18px;
  margin: 2px 0;
  color: #685d48;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}
.poku-game:not(.playing) #home .home-action-card {
  display: flex;
  width: 100%;
  appearance: none;
  align-items: center;
  gap: 14px;
  min-width: 0;
  min-height: 70px;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #d6c2a1;
  border-radius: 17px;
  background: #fffbf4f0;
  color: var(--green);
  box-shadow: 0 3px 0 #ddcaab;
  text-align: left;
  text-decoration: none;
  font: inherit;
}
.poku-game:not(.playing) #home #recipe-book-home {
  min-height: 78px;
  border-color: #d5ad62;
  background: linear-gradient(110deg, #f9e5b4f0, #fff3d7f5);
  color: #4d431e;
  box-shadow: 0 3px 0 #d4b77c;
}
.poku-game:not(.playing) #home .home-card-icon {
  flex: none;
  width: 30px;
  height: 30px;
  color: inherit;
}
.poku-game:not(.playing) #home .home-card-copy { display: block; flex: 1; min-width: 0; }
.poku-game:not(.playing) #home .home-card-copy strong { display: block; font: 700 25px/1.1 var(--display); }
.poku-game:not(.playing) #home .home-card-copy small { display: block; margin-top: 4px; color: #6a5d46; font: 500 13px/1.25 var(--body); }
.poku-game:not(.playing) #home .home-card-arrow { flex: none; color: #9a7b47; font: 400 34px/1 var(--body); }
.poku-game:not(.playing) #home #install-home {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 46px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid #d6c2a1;
  border-radius: 13px;
  background: #fffbf3ef;
}
.poku-game:not(.playing) #home #install {
  flex: 1;
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 8px 6px;
  border: 0;
  border-radius: 9px;
  background: none;
  box-shadow: none;
  color: #3e5738;
  text-align: left;
  font: 700 14px/1.2 var(--body);
}
.poku-game:not(.playing) #home .install-links { display: flex; flex: none; align-items: center; gap: 0; margin: 0; }
.poku-game:not(.playing) #home .install-links a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 7px 10px;
  border-left: 1px solid #e4d8c2;
  color: #3e5738;
  font-size: 13px;
  text-underline-offset: 3px;
}
.poku-game:not(.playing) #home .home-links { display: flex; flex-wrap: nowrap; justify-content: center; gap: 18px; margin: 0; }
.poku-game:not(.playing) #home .home-links .more-link {
  flex: none;
  min-height: 44px;
  margin: 0;
  padding: 8px 2px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #6e624f;
  font: 500 13px/1.2 var(--body);
  text-align: center;
}
@media (hover: hover) {
  .poku-game:not(.playing) #home .home-action-card:hover { background: #fffdf8; border-color: #bda375; }
  .poku-game:not(.playing) #home #recipe-book-home:hover { background: linear-gradient(110deg, #f9dfa2, #fff6df); }
  .poku-game:not(.playing) #home #install:hover { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 600px) {
  .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) {
    height: calc(100svh - 12px);
    min-height: calc(100svh - 12px);
    padding: 10px 14px;
    border-radius: 20px;
  }
  .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .sponsor.sponsor-banner { max-width: none; margin-bottom: 8px; }
  .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead { grid-template-columns: 54px minmax(0, 1fr) 54px; column-gap: 8px; min-height: 94px; }
  .poku-game:not(.playing) .brand span { font-size: clamp(24px, 6.7vw, 30px); }
  .poku-game:not(.playing) .brand strong { font-size: clamp(46px, 14vw, 68px); }
  .poku-game:not(.playing) #player-account,
  .poku-game:not(.playing) #sound { width: 54px; min-width: 54px; height: 54px; min-height: 54px; }
  .poku-game:not(.playing) #home .home-atmosphere { min-height: 40px; padding-bottom: 8px; }
  .poku-game:not(.playing) #home .home-slogan { font-size: 21px; }
  .poku-game:not(.playing) #home #play { min-height: 70px; font-size: 29px; }
  .poku-game:not(.playing) #home #recipe-book-home { min-height: 74px; }
  .poku-game:not(.playing) #home .home-action-card { min-height: 66px; padding: 11px 14px; }
  .poku-game:not(.playing) #home .home-card-copy strong { font-size: 24px; }
}
@media (max-width: 600px) and (max-height: 740px) {
  .poku-game:not(.playing) #home { gap: 6px; padding-top: 6px; }
  .poku-game:not(.playing) #home .welcome { gap: 6px; }
  .poku-game:not(.playing) #home #play { min-height: 62px; padding: 9px 12px; font-size: 26px; }
  .poku-game:not(.playing) #home #saved { margin: 0; font-size: 12px; }
  .poku-game:not(.playing) #home #recipe-book-home { min-height: 66px; }
  .poku-game:not(.playing) #home .home-action-card { min-height: 60px; padding: 9px 12px; }
  .poku-game:not(.playing) #home .home-card-copy strong { font-size: 23px; }
  .poku-game:not(.playing) #home .home-card-icon { width: 27px; height: 27px; }
}
@media (max-width: 350px), (max-width: 600px) and (max-height: 620px) {
  .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead { grid-template-columns: 48px minmax(0, 1fr) 48px; column-gap: 6px; min-height: 78px; }
  .poku-game:not(.playing) .brand span { font-size: 24px; }
  .poku-game:not(.playing) .brand strong { font-size: clamp(46px, 14vw, 58px); }
  .poku-game:not(.playing) #player-account,
  .poku-game:not(.playing) #sound { width: 48px; min-width: 48px; height: 52px; min-height: 52px; }
  .poku-game:not(.playing) #home .home-slogan { font-size: 18px; }
  .poku-game:not(.playing) #home .home-atmosphere { min-height: 30px; padding-top: 4px; padding-bottom: 6px; }
  .poku-game:not(.playing) #home #play { min-height: 58px; padding: 8px 10px; font-size: 25px; }
  .poku-game:not(.playing) #home #play span { margin-top: 3px; font-size: 12px; }
  .poku-game:not(.playing) #home #saved { min-height: 16px; font-size: 11px; }
  .poku-game:not(.playing) #home #recipe-book-home { min-height: 62px; }
  .poku-game:not(.playing) #home .home-action-card { min-height: 58px; gap: 10px; padding: 9px 10px; }
  .poku-game:not(.playing) #home .home-card-copy strong { font-size: 21px; }
  .poku-game:not(.playing) #home .home-card-copy small { font-size: 11px; }
  .poku-game:not(.playing) #home .home-card-icon { width: 25px; height: 25px; }
  .poku-game:not(.playing) #home .home-card-arrow { font-size: 29px; }
  .poku-game:not(.playing) #home #install { font-size: 12px; }
  .poku-game:not(.playing) #home .install-links a { padding-inline: 7px; font-size: 12px; }
  .poku-game:not(.playing) #home .home-links { gap: 16px; }
  .poku-game:not(.playing) #home .home-links .more-link { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .poku-game:not(.playing) #home #play,
  .poku-game:not(.playing) #home .home-action-card { animation: none; transition: none; }
}
@media (min-width: 601px) and (max-height: 800px) {
  .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .sponsor.sponsor-banner { max-width: 420px; }
  .poku-game:not(.playing) #home .home-atmosphere { min-height: 44px; }
  .poku-game:not(.playing) #home .welcome { gap: 6px; }
  .poku-game:not(.playing) #home #play { min-height: 62px; padding-block: 9px; font-size: 27px; }
  .poku-game:not(.playing) #home #saved { margin: 0; font-size: 12px; }
  .poku-game:not(.playing) #home #recipe-book-home { min-height: 66px; }
  .poku-game:not(.playing) #home .home-action-card { min-height: 60px; padding-block: 9px; }
}

/* The friend challenge is a main action; general sharing stays compact. */
.poku-game:not(.playing) #home #challenge-home{border-color:#7e9b68;background:linear-gradient(110deg,#dfedcbf5,#f4f9eaf5);box-shadow:0 3px 0 #a6bc8d;min-height:78px}
.poku-game:not(.playing) #home #challenge-home .home-card-icon{color:#36643a}
.poku-game:not(.playing) #home #challenge-home .home-card-copy small{color:#506148}
.poku-game:not(.playing) #home .home-links{gap:14px}
.poku-game:not(.playing) #home #invite-home{font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.poku-game:not(.playing) #home #challenge-home{min-height:74px}}
@media(max-width:600px) and (max-height:740px){.poku-game:not(.playing) #home #challenge-home{min-height:66px}}
@media(max-width:350px),(max-width:600px) and (max-height:620px){.poku-game:not(.playing) #home #challenge-home{min-height:62px}.poku-game:not(.playing) #home .home-links{gap:10px;display:flex}.poku-game:not(.playing) #home .home-links .more-link{font-size:11px;min-height:44px}}

/* A kitchen title above a linen-covered menu; the playing header stays compact. */
.app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead{display:flex;justify-content:flex-end;min-height:58px}
.poku-game:not(.playing) .masthead .brand{display:none}
.poku-game:not(.playing) .masthead-actions{display:flex;gap:8px}
.poku-game:not(.playing) #home .home-atmosphere{flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:154px;padding:16px 0 22px}
.poku-game:not(.playing) .home-scene-title{display:block;margin:0;color:var(--green);text-align:center;letter-spacing:-.02em;font-family:var(--display);text-shadow:0 2px 10px #fff8e9,0 0 24px #fff8e9}
.poku-game:not(.playing) .title-first{display:block;font-size:32px;font-weight:700;line-height:1.05}
.poku-game:not(.playing) .title-main{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.05}
.poku-game:not(.playing) .title-main strong{font-size:76px;font-weight:800;color:var(--red);text-shadow:0 2px 0 #fff1d0,0 0 20px #fff8e9}
.poku-game:not(.playing) .home-title-spoon{display:block;flex:none;width:62px;height:78px;object-fit:contain;transform:rotate(-28deg);filter:drop-shadow(2px 4px 2px #79552335)}
.poku-game:not(.playing) #home .welcome{position:relative;isolation:isolate}
.poku-game:not(.playing) #home .welcome::before{content:"";position:absolute;inset:-12px -10px -8px;z-index:-1;pointer-events:none;border:1px solid #e4d4b8;border-top:2px dashed #c9b28d;border-radius:18px;background:repeating-linear-gradient(0deg,#ddd0b315 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#fcf7edbf 0 2px,#f6eddbb8 2px 4px);box-shadow:0 5px 20px #84664112}
.poku-game:not(.playing) #home .home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:3px}
.poku-game:not(.playing) #home .home-links .more-link{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;width:100%;padding:8px 6px;border:1px solid #cbb28b;border-radius:12px;background:linear-gradient(#fffaf1ef,#f6ecd9ef);box-shadow:0 3px 0 #cbb28b;color:#395039;font:700 13px/1.25 var(--body);text-decoration:none;text-wrap:balance}
.poku-game:not(.playing) #home #invite-home{white-space:normal;text-decoration:none}
@media(hover:hover){.poku-game:not(.playing) #home .home-links .more-link:hover{background:#fffdf7;border-color:#a88958}}
@media(max-width:600px){
 .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead{min-height:54px}
 .poku-game:not(.playing) #home .home-atmosphere{min-height:134px;gap:10px;padding:12px 0 18px}
 .poku-game:not(.playing) .title-first{font-size:clamp(24px,7.5vw,32px)}
 .poku-game:not(.playing) .title-main strong{font-size:clamp(48px,17vw,76px)}
 .poku-game:not(.playing) .home-title-spoon{width:52px;height:66px}
 .poku-game:not(.playing) #home .home-links .more-link{font-size:12px;min-height:50px}
}
@media(max-width:350px),(max-width:600px) and (max-height:620px){
 .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .masthead{min-height:44px}
 .app.poku-game:not(.playing):not(.info-app):not(.account-app):not(.cookbook-app) .sponsor.sponsor-banner{max-width:240px;margin-bottom:5px}
 .poku-game:not(.playing) #player-account,.poku-game:not(.playing) #sound{width:44px;min-width:44px;height:44px;min-height:44px}
 .poku-game:not(.playing) #player-account,.poku-game:not(.playing) #sound{gap:2px}
 .poku-game:not(.playing) #player-account svg{width:20px;height:20px}
 .poku-game:not(.playing) #sound-symbol{width:23px;height:23px;font-size:23px}
 .poku-game:not(.playing) #player-account-label,.poku-game:not(.playing) #sound .home-control-label{font-size:9px}
 .poku-game:not(.playing) #home .home-atmosphere{min-height:98px;gap:5px;padding:5px 0 12px}
 .poku-game:not(.playing) .title-first{font-size:22px}
 .poku-game:not(.playing) .title-main strong{font-size:46px}
 .poku-game:not(.playing) .home-title-spoon{width:42px;height:48px}
 .poku-game:not(.playing) #home .home-slogan{font-size:16px}
 .poku-game:not(.playing) #home .welcome{gap:4px}
 .poku-game:not(.playing) #home #play{min-height:54px;padding:6px 10px;font-size:23px}
 .poku-game:not(.playing) #home .home-action-card{padding:6px 10px}
 .poku-game:not(.playing) #home #challenge-home,.poku-game:not(.playing) #home #recipe-book-home{min-height:56px}
 .poku-game:not(.playing) #home .home-links{display:grid;gap:6px}
 .poku-game:not(.playing) #home .home-links .more-link{min-height:48px;font-size:11px;padding:6px 4px}
}