/* 점프 러너 — 장르: 해질녘 사막 길 · 나무 상자 · 빨간 벽 · 까만 새
 * 움직임: 첫 화면 상자가 흘러오고 사람이 폴짝 넘음 */
:root {
  --ar-bg: #fff4e3; --ar-fg: #3b2610; --ar-sub: #6b4f33; --ar-panel: #ffffff; --ar-line: #3b2610; --ar-edge: #3b2610;
  --ar-accent: #2a9d8f; --ar-accent-ink: #ffffff; --ar-accent-text: #1f7a6f; --ar-bad: #c0392b; --ar-veil: rgba(59, 38, 16, 0.9);
  --ar-hero: linear-gradient(#ffcf87, #ffeccc 70%, #6b4a2b 70%); --ar-ratio: 360 / 400;
  --color-bg: var(--ar-bg); --color-text: var(--ar-fg); --color-text-secondary: var(--ar-sub); color-scheme: light;
}
.hero { position: absolute; inset: 0; }
.hero::before { content: ""; position: absolute; bottom: 30%; left: 100%; width: 24px; height: 26px; border: 2px solid #5e3b17; background: #c98a3f; animation: jr-box 1.8s linear infinite; }
@keyframes jr-box { to { transform: translateX(-560px); } }
.hero::after { content: ""; position: absolute; bottom: 30%; left: 22%; width: 22px; height: 30px; border-radius: 11px 11px 4px 4px; background: radial-gradient(circle at 60% 22%, #f4d6b4 0 7px, transparent 8px), linear-gradient(transparent 14px, #2a9d8f 14px); animation: jr-hop 1.8s ease-in-out infinite; }
@keyframes jr-hop { 0%, 30%, 62%, 100% { transform: translateY(0); } 46% { transform: translateY(-46px); } }
.ar-card { background: linear-gradient(#ffd99f, #fff1dc); }