/* The wallpaper belongs to the viewport; only the content has a reading width. */
#octopus-category-text-v54 .croissant-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
#octopus-category-text-v54 .items.dessert-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  background: transparent;
  border: 0;
  overflow: visible;
}
#octopus-category-text-v54 .dessert-items > .item {
  grid-column: 1 / -1;
  background: #fffaf0a8;
  border: 1px solid #ffffff9c;
  border-radius: 15px;
}
html {
  background: #ead9b9;
}
body {
  background: transparent;
}
#octopus-category-text-v54 {
  padding: 0;
  min-height: 100vh;
  min-height: 100svh;
}
#octopus-category-text-v54 .phone {
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
  min-height: 100vh;
  min-height: 100svh;
}
#octopus-category-text-v54 .phone::before,
#octopus-category-text-v54 .phone.landing-mode::before,
#octopus-category-text-v54 .phone:not(.landing-mode)::after {
  position: fixed;
  inset: -2px;
  width: auto;
  height: calc(100vh + 4px);
  height: calc(100lvh + 4px);
  border-radius: 0;
  transform: none;
  pointer-events: none;
}
#octopus-category-text-v54 .phone::before,
#octopus-category-text-v54 .phone.landing-mode::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* Restore the larger welcome artwork composition. */
#octopus-category-text-v54 .phone.landing-mode::before {
  height: calc(100vh + 4px);
  height: calc(100dvh + 4px);
  background-size: 145% 145%;
}
/* Keep controls clear of the notch and home indicator in either orientation. */
#octopus-category-text-v54 .head {
  padding-top: calc(5px + env(safe-area-inset-top, 0px));
  padding-left: max(14px, env(safe-area-inset-left, 0px));
  padding-right: max(14px, env(safe-area-inset-right, 0px));
}
#octopus-category-text-v54 .head h1 {
  top: calc(50px + env(safe-area-inset-top, 0px));
}
#octopus-category-text-v54 .body {
  padding-left: max(18px, env(safe-area-inset-left, 0px));
  padding-right: max(18px, env(safe-area-inset-right, 0px));
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
#octopus-category-text-v54 .landing-mode .body {
  padding-top: calc(20px + env(safe-area-inset-top, 0px));
}

#octopus-category-text-v54 .dessert-card img {
  mix-blend-mode: normal;
  -webkit-mask-image: none;
  mask-image: none;
}
/* The café's game entry replaces the old menu-intro banner. */
#octopus-category-text-v54 .octopus-play-card{position:relative;display:grid;grid-template-columns:minmax(112px,38%) 1fr;align-items:center;isolation:isolate;min-height:185px;overflow:hidden;margin:17px 0 0;border-radius:19px;border:1px solid #d6f4f1cb;background:linear-gradient(125deg,#e9fbf4c9 0%,#caece8d1 42%,#659db7d6 100%);box-shadow:0 12px 26px #073b4c38,inset 0 1px #fffdf8;color:#073a4b;text-decoration:none;transition:transform .22s,box-shadow .22s}
#octopus-category-text-v54 .octopus-play-card:hover,#octopus-category-text-v54 .octopus-play-card:focus-visible{transform:translateY(-3px);box-shadow:0 17px 32px #073b4c45,inset 0 1px #fffdf8}
#octopus-category-text-v54 .octopus-play-art{position:relative;display:grid;align-items:center;height:100%;min-height:185px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#83c9d354,transparent 70%)}
#octopus-category-text-v54 .octopus-play-art img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;padding:4px;transform:translateY(0);filter:drop-shadow(0 10px 11px #07324b45);animation:octopus-play-float 4.2s ease-in-out infinite}
#octopus-category-text-v54 .octopus-play-copy{position:relative;z-index:1;display:grid;justify-items:start;gap:6px;padding:18px 14px 18px 0;text-shadow:0 1px 0 #ffffff99}
#octopus-category-text-v54 .octopus-play-copy small{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#205767}
#octopus-category-text-v54 .octopus-play-copy strong{font:700 clamp(21px,5.7vw,31px)/1.14 'Michroma',system-ui,sans-serif;letter-spacing:-.055em;color:#052f43}
#octopus-category-text-v54 .octopus-play-copy>span{font-size:13px;font-weight:600;line-height:1.3;color:#173f52}
#octopus-category-text-v54 .octopus-play-copy b{display:inline-flex;align-items:center;gap:7px;margin-top:5px;border-radius:999px;padding:9px 17px;background:#0b3a56;color:#fffefa;text-shadow:none;font-size:13px;letter-spacing:.01em;box-shadow:0 5px 12px #1037503b}
#octopus-category-text-v54 .octopus-play-bubble{position:absolute;border:1.5px solid #ffffffc4;border-radius:50%;box-shadow:inset 0 0 9px #ffffff9e;animation:octopus-bubble 5s ease-in infinite}
#octopus-category-text-v54 .octopus-play-bubble.bubble-a{width:15px;height:15px;left:16%;bottom:24%;animation-delay:-1s}
#octopus-category-text-v54 .octopus-play-bubble.bubble-b{width:9px;height:9px;left:67%;bottom:17%;animation-delay:-3s}
@keyframes octopus-play-float{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes octopus-bubble{0%{opacity:0;transform:translateY(6px) scale(.6)}30%{opacity:.9}100%{opacity:0;transform:translateY(-95px) scale(1.25)}}
@media(max-width:360px){#octopus-category-text-v54 .octopus-play-card{grid-template-columns:34% 1fr;min-height:173px}#octopus-category-text-v54 .octopus-play-art{min-height:173px}#octopus-category-text-v54 .octopus-play-copy{padding-right:9px}#octopus-category-text-v54 .octopus-play-copy strong{font-size:20px}#octopus-category-text-v54 .octopus-play-copy>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){#octopus-category-text-v54 .octopus-play-art img,#octopus-category-text-v54 .octopus-play-bubble{animation:none}#octopus-category-text-v54 .octopus-play-card{transition:none}}
#octopus-category-text-v54 .ice-tea-ingredients{min-height:2.8em;padding:0 12px 13px;background:#fffaf0b8;color:#315363;font-size:14px;line-height:1.35}

#octopus-category-text-v54 .header-home{position:absolute;inset:0;z-index:1;cursor:pointer}
#octopus-category-text-v54 .header-home:focus-visible{outline:3px solid #06596a;outline-offset:-3px}
#octopus-category-text-v54 .head .language-picker{z-index:2}