@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800;900&family=Fredoka:wght@600;700;800;900&family=Luckiest+Guy&family=Outfit:wght@400;600;700;800;900&display=swap";:root{--color-primary: #10b981;--color-primary-dark: #064e3b;--color-accent: #f97316;--color-gold: #f59e0b;--color-blue: #0284c7;--color-card-bg: #ffffff;--radius-pill: 32px;--font-display: "Luckiest Guy", cursive, sans-serif;--font-heading: "Baloo 2", "Fredoka", cursive, sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;background:#0f172a;color:#1e293b;font-family:var(--font-body);overflow:hidden}#app{position:relative;width:100vw;height:100vh;background:#0f172a;overflow:hidden}canvas{width:100%;height:100%;display:block;cursor:pointer}.game-top-bar{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:15;transition:all .3s ease}.game-top-bar.in-menu{justify-content:flex-end}.game-top-bar.in-menu .hud-group:first-child,.game-top-bar.in-menu .hud-card,.game-top-bar.in-menu #btn-pause,.game-top-bar.in-menu #hud-mode-badge,.game-top-bar.in-menu .mode-pill{display:none!important}.hud-group{display:flex;gap:8px;align-items:center}.hud-card{background:#fff;border-radius:var(--radius-pill);padding:4px 12px 4px 6px;display:flex;align-items:center;gap:7px;box-shadow:0 3px #cbd5e1,0 5px 12px #0000001f;border:2.5px solid #ffffff}.hud-card.height{border-color:#38bdf8}.hud-card.score{border-color:#4ade80}.hud-card.record{border-color:#c084fc}.hud-icon-wrap{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}.hud-card.height .hud-icon-wrap{background:linear-gradient(135deg,#0284c7,#0369a1)}.hud-card.score .hud-icon-wrap{background:linear-gradient(135deg,#10b981,#047857)}.hud-card.record .hud-icon-wrap{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.hud-label{font-size:.6rem;text-transform:uppercase;font-weight:800;color:#64748b;display:block;line-height:1}.hud-card strong{font-family:var(--font-heading);font-size:1.05rem;font-weight:900;color:#0f172a;line-height:1.1}.mode-pill{font-family:var(--font-heading);font-size:.8rem;font-weight:900;padding:5px 12px;border-radius:18px;border:2px solid #ffffff;box-shadow:0 2.5px #0000002e;color:#fff;display:inline-flex;align-items:center;gap:4px}.mode-prac{background:linear-gradient(180deg,#10b981,#059669)}.mode-comp{background:linear-gradient(180deg,#f59e0b,#d97706)}.btn-hud{pointer-events:auto;font-family:var(--font-heading);font-weight:900;font-size:.82rem;padding:6px 12px;border-radius:var(--radius-pill);border:2px solid #ffffff;color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;transition:transform .12s ease}#btn-pause{background:linear-gradient(180deg,#f97316,#c2410c);box-shadow:0 3px #7c2d12,0 5px 12px #f973164d}#btn-sound-toggle{background:linear-gradient(180deg,#10b981,#047857);box-shadow:0 3px #064e3b,0 5px 12px #10b9814d}#btn-fullscreen{background:linear-gradient(180deg,#0284c7,#0369a1);box-shadow:0 3px #075985,0 5px 12px #0284c74d}.btn-hud:hover{transform:translateY(-2px)}.btn-hud:active{transform:translateY(2px)}.landing-start-box{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:26px;z-index:25;pointer-events:auto;transition:opacity .25s ease,transform .25s ease}.landing-start-box.hide-in-game{opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 20px))}.mode-toggle-group{display:flex;background:#fffffff2;padding:4px;border-radius:30px;border:2.5px solid #ffffff;box-shadow:0 6px 18px #0f172a29,0 3px #cbd5e1;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-mode-tab{font-family:var(--font-heading);font-size:.85rem;font-weight:900;padding:6px 16px;border-radius:24px;border:2px solid transparent;background:transparent;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.btn-mode-tab:hover:not(.active){background:#f1f5f9;color:#0f172a;transform:scale(1.02)}.btn-mode-tab#tab-mode-practice.active{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border-color:#fff;box-shadow:0 3px #14532d,0 5px 12px #16a34a4d;transform:scale(1.02)}.btn-mode-tab#tab-mode-competition.active{background:linear-gradient(180deg,#fbbf24,#f59e0b 45%,#d97706);color:#fff;border-color:#fff;box-shadow:0 3px #78350f,0 5px 12px #f59e0b59;transform:scale(1.02)}.btn-start-action{font-family:var(--font-heading);font-size:1.18rem;font-weight:900;padding:10px 34px;border-radius:32px;background:linear-gradient(180deg,#ff9f1c,#ff3864);box-shadow:0 4.5px #9f1239,0 12px 24px #ff386466;border:3.5px solid #ffffff;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 1.5px 3px rgba(0,0,0,.25);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.btn-start-action:hover{background:linear-gradient(180deg,#ffb03a,#ff4d79);transform:translateY(-2px) scale(1.03);box-shadow:0 6.5px #9f1239,0 16px 28px #ff386480}.btn-start-action:active{transform:translateY(3.5px) scale(.97);box-shadow:0 1.5px #9f1239,0 6px 12px #ff38644d}.landing-hint-text{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:#0f172a;background:#ffffffeb;padding:6px 18px;border-radius:24px;border:2.5px solid #ffffff;box-shadow:0 6px 18px #00000024;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bottom-hints-bar{position:absolute;bottom:16px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:20;transition:opacity .3s ease,transform .3s ease}.bottom-hints-bar.hide-in-game{opacity:0;pointer-events:none;transform:translateY(18px)}.hints-pill{background:#ffffffeb;border:3px solid #ffffff;border-radius:var(--radius-pill);padding:7px 22px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #0000002e,0 3px #cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hints-title{font-size:.82rem;font-weight:900;color:#d97706;text-transform:uppercase}.hint-item{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:900;color:#1e293b}.keycap{background:#fff;color:#0f172a;border-radius:6px;padding:2px 7px;font-family:var(--font-heading);font-weight:900;font-size:.78rem;box-shadow:0 2.5px #94a3b8;border:1px solid #cbd5e1}.keycap-wide{padding:2px 10px}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:32px;border:5px solid #ffffff;box-shadow:0 20px 50px #00000073,0 0 0 1px #0000000f,inset 0 2px #fff;padding:26px 28px;width:90%;max-width:430px;text-align:center;position:relative;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.gameover-avatar-wrap{margin-top:-75px;margin-bottom:4px;display:flex;justify-content:center;pointer-events:none;position:relative;z-index:10}.gameover-parachute-avatar{width:125px;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.32));animation:jamboParachuteFloat 2.8s ease-in-out infinite alternate}@keyframes jamboParachuteFloat{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-10px) rotate(4deg)}}.pause-icon-badge{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#38bdf8,#0284c7);border:3.5px solid #ffffff;box-shadow:0 6px 14px #0284c766;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px}.record-banner-wrap{margin-bottom:8px}.candy-ribbon{display:inline-block;background:linear-gradient(180deg,#fbbf24,#d97706);color:#fff;font-family:var(--font-display);font-weight:900;font-size:.85rem;letter-spacing:.8px;padding:5px 16px;border-radius:20px;border:2px solid #ffffff;box-shadow:0 4px 10px #d9770666;text-shadow:0 1.5px 0 #78350f;animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{transform:scale(.97)}to{transform:scale(1.03)}}.modal-title{font-family:var(--font-display);font-size:2.25rem;color:#0f172a;margin:0 0 4px;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.06)}.gameover-title{color:#0f172a;font-size:2.3rem}.modal-subtitle{font-size:.92rem;color:#64748b;margin-bottom:18px;font-weight:700;line-height:1.35}.rank-pill-wrap{margin-bottom:8px}.rank-badge{display:inline-block;font-family:var(--font-heading);font-size:1.05rem;font-weight:900;padding:4px 16px;border-radius:20px;border:2px solid #ffffff;box-shadow:0 3px 8px #0000001f}.rank-s{background:linear-gradient(180deg,#10b981,#047857);color:#fff;text-shadow:0 1.5px 0 #064e3b}.rank-a{background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;text-shadow:0 1.5px 0 #082f49}.rank-b{background:linear-gradient(180deg,#f59e0b,#b45309);color:#fff;text-shadow:0 1.5px 0 #78350f}.rank-c{background:linear-gradient(180deg,#64748b,#334155);color:#fff;text-shadow:0 1.5px 0 #0f172a}.stars-rating-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.star-rating-icons{display:flex;gap:6px}.star-svg{width:28px;height:28px;filter:drop-shadow(0 3px 4px rgba(245,158,11,.45));transition:transform .2s ease}.star-filled{fill:#fbbf24;stroke:#d97706;stroke-width:1.5}.star-empty{fill:#cbd5e1;stroke:#94a3b8;stroke-width:1.5;opacity:.55;filter:none}.rating-feedback-label{font-family:var(--font-heading);font-size:1.05rem;font-weight:900;color:#b45309}.stats-summary-box{background:#f1f5f9;border-radius:22px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;border:2px dashed #cbd5e1}.stat-pill{background:#fff;padding:10px 8px;border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card-highlight{background:#fff}.stat-card-item{flex-direction:row;gap:8px;padding:8px 10px}.mini-asset-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.stat-item-text{display:flex;flex-direction:column;align-items:flex-start}.stat-label{font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-family:var(--font-heading);font-size:1.35rem;font-weight:900;color:#0f172a;line-height:1.1}.val-green{color:#10b981}.val-blue{color:#0284c7}.val-gold{color:#d97706}.modal-btn-row{display:flex;gap:12px;justify-content:center}.btn-candy{font-family:var(--font-heading);font-size:1.05rem;font-weight:900;padding:12px 18px;border-radius:22px;border:3px solid #ffffff;color:#fff;cursor:pointer;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .12s ease;-webkit-user-select:none;user-select:none}.btn-primary-action{background:linear-gradient(180deg,#10b981,#047857);box-shadow:0 5px #064e3b,0 8px 18px #10b98166}.btn-restart-action{background:linear-gradient(180deg,#0284c7,#0369a1);box-shadow:0 5px #075985,0 8px 18px #0284c766}.btn-home-action{background:linear-gradient(180deg,#f97316,#c2410c);box-shadow:0 5px #7c2d12,0 8px 18px #f9731666}.btn-candy:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-candy:active{transform:translateY(4px);box-shadow:0 1px #000}