:root{--bg: #0d1117;--panel: rgba(22, 27, 38, .92);--ink: #f2f5f8;--ink-dim: #9aa6b8;--gold: #ffd76b;--gold-deep: #e8b84a;--green: #54d98c;--red: #ff5d6c;--font-display: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;background-color:#241a12;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 250px,rgba(0,0,0,.2) 253px,transparent 256px),repeating-linear-gradient(90deg,transparent 0px,transparent 15px,rgba(28,20,16,.4) 16px,transparent 18px,transparent 31px,rgba(90,66,37,.18) 32px,transparent 34px,transparent 49px,rgba(28,20,16,.22) 50px,transparent 52px,transparent 68px,rgba(90,66,37,.12) 69px,transparent 71px),linear-gradient(90deg,#1c1410,#241a12 12%,#352718 38%,#3d2b1a,#352718 62%,#241a12 88%,#1c1410);font-family:var(--font-body);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}.game-frame{position:relative;height:100%;max-height:100dvh;aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;box-shadow:0 0 40px #00000080,inset 0 0 0 1px #c9a22726}@media (max-aspect-ratio: 9/16){.game-frame{width:100%;aspect-ratio:auto}}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vh,28px);padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));text-align:center;cursor:pointer;z-index:100;background:#080a1061}.screen--dim{background:#080a10c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.title-block{display:flex;flex-direction:column;align-items:center;gap:6px;animation:float-in .7s cubic-bezier(.2,.9,.3,1.2) both}.title-frog{font-size:clamp(56px,14vw,90px);filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));animation:bob 2.4s ease-in-out infinite}.title{font-family:var(--font-display);font-size:clamp(40px,11vw,68px);letter-spacing:.04em;line-height:.95;color:var(--ink);text-shadow:0 4px 0 rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.5)}.title-accent{color:var(--gold);display:block}.subtitle{color:var(--ink);font-size:clamp(13px,3.4vw,16px);letter-spacing:.06em;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.7)}.howto{background:var(--panel);border:1.5px solid rgba(255,215,107,.25);border-radius:16px;padding:16px 22px;display:flex;flex-direction:column;gap:10px;min-width:min(78%,320px);animation:float-in .7s .12s cubic-bezier(.2,.9,.3,1.2) both}.howto-row{display:flex;align-items:center;gap:14px;text-align:left}.howto-key{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;color:var(--gold);background:#ffd76b1f;border:1px solid rgba(255,215,107,.35);border-radius:8px;padding:5px 10px;min-width:76px;text-align:center;flex-shrink:0}.howto-text{color:var(--ink-dim);font-size:14px}.menu-best{color:var(--gold);font-size:14px;letter-spacing:.05em;font-family:var(--font-display);text-shadow:0 2px 0 rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.65)}.tap-prompt{font-family:var(--font-display);font-size:clamp(16px,4.5vw,22px);letter-spacing:.18em;color:var(--ink);text-shadow:0 3px 0 rgba(0,0,0,.6),0 8px 20px rgba(0,0,0,.75);animation:pulse 1.5s ease-in-out infinite}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;padding-top:max(18px,env(safe-area-inset-top))}.hud-score-block{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center}.hud-score{font-family:var(--font-display);font-size:clamp(34px,9vw,52px);color:var(--ink);text-shadow:0 3px 0 rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.45);line-height:1}.hud-best{font-size:12px;letter-spacing:.14em;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6);margin-top:4px}.hud-sound-btn{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;background:#161b26b8;border:1.5px solid rgba(255,215,107,.3);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;pointer-events:all}.hud-sound-icon{font-size:18px;color:var(--gold);line-height:1;-webkit-user-select:none;user-select:none}.hud-sound-icon--off{color:var(--ink-dim);text-decoration:line-through}.hud-lives{position:absolute;top:max(20px,env(safe-area-inset-top));left:18px;display:flex;gap:6px}.hud-heart{font-size:24px;color:var(--red);text-shadow:0 2px 4px rgba(0,0,0,.6);transition:transform .25s,opacity .25s}.hud-heart--lost{opacity:.22;transform:scale(.82);filter:grayscale(1)}.gameover-title{font-family:var(--font-display);font-size:clamp(44px,12vw,72px);color:var(--red);letter-spacing:.05em;text-shadow:0 4px 0 rgba(0,0,0,.5),0 12px 28px rgba(255,93,108,.3);animation:slam-in .45s cubic-bezier(.2,1.4,.4,1) both}.record-badge{font-family:var(--font-display);font-size:15px;letter-spacing:.16em;color:#0d1117;background:linear-gradient(180deg,var(--gold),var(--gold-deep));padding:8px 20px;border-radius:99px;box-shadow:0 6px 20px #ffd76b59;animation:pulse 1.2s ease-in-out infinite}.final-score-num{font-family:var(--font-display);font-size:clamp(58px,16vw,96px);color:var(--ink);line-height:1;text-shadow:0 4px 0 rgba(0,0,0,.5)}.final-score-label{color:var(--ink-dim);font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.final-best{color:var(--gold-deep);font-size:15px;letter-spacing:.06em}.btn-primary{font-family:var(--font-display);font-size:18px;letter-spacing:.12em;color:#0d1117;background:linear-gradient(180deg,var(--green),#36b56e);border:none;border-radius:99px;padding:16px 44px;cursor:pointer;box-shadow:0 5px #1f7a48,0 12px 26px #54d98c4d;transition:transform .12s,box-shadow .12s}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #1f7a48,0 6px 14px #54d98c40}.btn-secondary{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;color:#0d1117;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:1.5px solid rgba(255,245,190,.8);border-radius:99px;padding:12px 24px;cursor:pointer;box-shadow:0 4px #754e10e6,0 12px 24px #00000059;transition:filter .12s,transform .12s,box-shadow .12s}.btn-secondary:active{transform:translateY(3px);filter:brightness(.95);box-shadow:0 1px #754e10e6,0 7px 16px #0000004d}.gameover-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.loading-text{color:var(--ink-dim);letter-spacing:.2em;font-size:14px;animation:pulse 1.2s infinite}.leaderboard-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#080a10d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.leaderboard-panel{width:min(100%,360px);max-height:min(72vh,560px);display:flex;flex-direction:column;gap:16px;padding:18px;background:var(--panel);border:1.5px solid rgba(255,215,107,.34);border-radius:8px;box-shadow:0 18px 42px #00000073}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-title{font-family:var(--font-display);font-size:20px;letter-spacing:.12em;color:var(--gold)}.leaderboard-close{width:34px;height:34px;flex:0 0 auto;font-family:var(--font-display);font-size:16px;line-height:1;color:var(--ink);background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer}.leaderboard-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;list-style:none}.leaderboard-row{display:grid;grid-template-columns:56px minmax(0,1fr) 72px;align-items:center;gap:10px;min-height:42px;padding:9px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px}.leaderboard-rank,.leaderboard-score{font-family:var(--font-display);font-size:13px}.leaderboard-rank{color:var(--gold)}.leaderboard-name{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--green);text-align:right}.leaderboard-empty{padding:34px 12px;color:var(--ink-dim);font-family:var(--font-display);font-size:14px;letter-spacing:.14em;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes slam-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.title-frog,.tap-prompt,.record-badge,.loading-text{animation:none}}