.jar--game { aspect-ratio: 16 / 9; padding: 0; cursor: default; margin-top: clamp(3.5rem, 11vw, 6rem); }
  .jar--game:hover { transform: none; }     /* 遊ぶ間は箱を動かさない */
  .jar--game .jar__label {
    position: absolute; top: 1.15rem; left: 1.3rem; z-index: 3;
    display: block; text-decoration: none; color: #fff;
  }
  .jar--game .jar__label .jar__name { transition: color 0.25s ease; }
  .jar--game .jar__label:hover .jar__name { color: rgba(255,216,90,0.95); }
  /* 白い地面 */
  .jar--game .jar__ground {
    position: absolute; left: 0; right: 0; bottom: 0; height: 30px;
    background: linear-gradient(180deg, #ffffff, #eceef1);
    border-top: 2px solid #ffffff;
  }
  .jar--game .jar__denji {
    position: absolute; left: 0; bottom: 22px;
    width: clamp(116px, 29%, 160px); aspect-ratio: 380 / 309;
    transform-origin: 50% 100%;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,0.28));
    cursor: pointer; -webkit-user-select: none; user-select: none;
    will-change: transform;
  }
  .jar--game .jar__denji .jd-layer {
    position: absolute; inset: 0; width: 100%; height: 100%;
    pointer-events: none; -webkit-user-drag: none;
  }
  .jar--game .jar__denji .jd-clothes,
  .jar--game .jar__denji .jd-head,
  .jar--game .jar__denji .jd-hand { display: none; }
  .jar--game .jar__arrow { top: auto; bottom: 0.9rem; right: 1.1rem; transform: none; }
  /* ごはんボタン */
  .game__food { position: absolute; top: 1.1rem; right: 1.1rem; z-index: 3; display: flex; gap: 0.4rem; }
  .game__food button {
    font-size: 1.15rem; line-height: 1; width: 2.2rem; height: 2.2rem; padding: 0;
    border: 1.5px solid rgba(255,255,255,0.6); border-radius: 12px;
    background: rgba(255,255,255,0.12); cursor: pointer;
    -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
    transition: transform 0.12s ease, background 0.2s ease, border-color 0.2s ease;
  }
  .game__food button:hover { background: rgba(255,255,255,0.26); border-color: #fff; transform: translateY(-2px); }
  .game__food button:active { transform: scale(0.9); }
  /* 置かれたごはん絵文字・リアクション */
  .game__treat { position: absolute; z-index: 2; font-size: 1.5rem; pointer-events: none; will-change: transform; }
  .game__pop { position: absolute; z-index: 4; font-size: 1.1rem; pointer-events: none; opacity: 0; will-change: transform, opacity; }
  /* ヒント */
  .game__hint {
    position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 3;
    font-size: 0.62rem; letter-spacing: 0.05em; color: rgba(255,255,255,0.82);
    background: rgba(0,0,0,0.32); padding: 3px 11px; border-radius: 20px;
    transition: opacity 0.6s ease; pointer-events: none; white-space: nowrap;
  }
  /* タブ右下の「more→」（ドット文字・ふわふわ上下に揺れる／白い地面には被らない） */
  .jar__more {
    position: absolute; right: 1rem; bottom: 40px; z-index: 5;
    font-family: 'DotGothic16','Hibiya',monospace; font-size: 0.84rem;
    color: #fff; text-decoration: none; letter-spacing: 0.04em;
    text-shadow: 0 1px 5px rgba(0,0,0,0.55);
    animation: moreSway 1.9s ease-in-out infinite;
  }
  .jar__more:hover { color: rgba(255,216,90,0.95); }
  @keyframes moreSway { 0%,100%{ transform: translateY(-4px); } 50%{ transform: translateY(4px); } }


html[data-cafe] .jar--game{position:relative;overflow:hidden;width:100%;aspect-ratio:1.7;min-height:230px;padding:0;margin:0 0 28px;background:#f4d99e;box-shadow:none}
html[data-cafe] .jar--game:hover{transform:none;background:#f4d99e}
html[data-cafe] .jar--game .jar__ground{background:#9cae60;border-top:6px solid #fff2b8}
html[data-cafe] .jar__more{text-shadow:none;font-size:14px}
.game__food button{width:44px;height:44px;background:#fff6dd;border:1px solid #bc8e4d;border-radius:0}