.jelly-river{display:grid;gap:clamp(.6rem,2vw,.95rem);justify-items:center}.jelly-river__status{margin:0;color:var(--ink-soft);font-size:.95rem;font-weight:700;line-height:1.3;text-align:center}.jelly-river__status[data-tone=success]{color:#0b5a3c}.jelly-river__status[data-tone=gentle]{color:#9a6a00}.jelly-river__canvas{display:block;height:min(68vh,40rem);width:auto;max-width:100%;aspect-ratio:9 / 11;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #08111f2e;touch-action:none;background:#4cb8d6 url(/game-assets/jelly-river-crossing/crossing-board.webp) center / cover no-repeat}.jelly-river__touch{display:flex;gap:.6rem;align-items:center;justify-content:center;width:100%;max-width:26rem}.jelly-river__button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-height:3.2rem;padding:.5rem;border:1px solid var(--line);border-radius:16px;background:#fdfbf6eb;box-shadow:0 6px 14px #08111f0f;color:var(--ink);font-size:1.5rem;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation}.jelly-river__button:active{transform:translateY(1px);background:var(--surface-strong, rgba(244, 246, 242, .95))}@media(hover:hover)and (pointer:fine){.jelly-river__touch{display:none}}@media(max-width:540px){.jelly-river__canvas{height:min(48svh,24rem)}.jelly-river__touch{display:flex;max-width:20rem}}