:root{--fl-green: #00b34a;--fl-lime: #7cff00;--fl-yellow: #ffd200;--fl-orange: #ff7a00;--fl-navy: #0d1b2a;--fl-steel: #c8d3dd;--fl-white: #ffffff;--fl-red: #ff5d5d;--fl-panel: rgba(13, 27, 42, .82);--fl-panel-solid: #0d1b2a;--fl-font-display: "Arial Black", "Helvetica Neue", Arial, sans-serif;--fl-font-body: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--fl-navy);font-family:var(--fl-font-body);color:var(--fl-steel);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root,#ui-root .fl-hud{position:absolute;inset:0;pointer-events:none}#ui-root .fl-hud-top,#ui-root .fl-hud-bottom,#ui-root .fl-banner,#ui-root .fl-chip,#ui-root .fl-result,#ui-root .fl-coach,#ui-root .fl-hint{pointer-events:none}#ui-root .fl-tappable{pointer-events:auto}.fl-hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left))}.fl-hud-top__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.fl-chip{display:flex;align-items:baseline;gap:8px;padding:7px 14px;border-radius:999px;background:var(--fl-panel);box-shadow:inset 0 0 0 1px #c8d3dd2e}.fl-chip__key{font-size:.62rem;letter-spacing:.18em;color:var(--fl-steel);opacity:.75}.fl-chip__value{font-family:var(--fl-font-display);font-size:1.1rem;color:var(--fl-lime)}.fl-btn{font-family:var(--fl-font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem;color:var(--fl-navy);background:linear-gradient(180deg,var(--fl-lime),var(--fl-green));border:none;border-radius:999px;min-height:44px;min-width:92px;padding:0 18px;cursor:pointer;box-shadow:0 4px #06803a,0 8px 18px #0006;touch-action:manipulation}.fl-btn:active{transform:translateY(2px);box-shadow:0 2px #06803a}.fl-btn:focus-visible{outline:3px solid var(--fl-yellow);outline-offset:3px}.fl-btn--toggle.is-pro{background:linear-gradient(180deg,var(--fl-yellow),var(--fl-orange));box-shadow:0 4px #a34d00,0 8px 18px #0006}.fl-btn--ghost{background:var(--fl-panel);color:var(--fl-steel);box-shadow:inset 0 0 0 1px #c8d3dd47}.fl-btn--ghost:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #c8d3dd47}.fl-btn--small{min-height:38px;min-width:84px;font-size:.68rem;padding:0 14px}.fl-btn--danger{background:linear-gradient(180deg,#ff8a8a,var(--fl-red));color:var(--fl-navy);box-shadow:0 4px #a02b2b,0 8px 18px #0006}.fl-hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 calc(12px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(12px + var(--safe-left));text-align:center}.fl-result{min-height:3.6rem;display:flex;flex-direction:column;align-items:center;gap:2px}.fl-result__label{font-family:var(--fl-font-display);font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.05;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.55);color:var(--fl-steel)}.fl-result__label.is-perfect{color:var(--fl-lime)}.fl-result__label.is-good{color:var(--fl-yellow)}.fl-result__label.is-weak{color:var(--fl-orange)}.fl-result__label.is-miss{color:var(--fl-steel)}.fl-result__detail{font-size:clamp(.8rem,3.2vw,.95rem);color:var(--fl-white);text-shadow:0 2px 4px rgba(0,0,0,.8)}.fl-result__stats{font-family:var(--fl-font-display);font-size:clamp(.66rem,2.7vw,.8rem);letter-spacing:.12em;color:var(--fl-lime);text-shadow:0 2px 4px rgba(0,0,0,.85)}.fl-coach{display:flex;align-items:center;gap:10px;max-width:min(560px,94vw);padding:8px 16px;border-radius:999px;background:var(--fl-panel);box-shadow:inset 0 0 0 1px #7cff0047}.fl-coach__who{font-family:var(--fl-font-display);font-size:.56rem;letter-spacing:.16em;color:var(--fl-lime);white-space:nowrap}.fl-coach__line{font-size:.82rem;color:var(--fl-white);line-height:1.35}.fl-coach.is-pop{animation:fl-pop .26s ease}@keyframes fl-pop{0%{transform:scale(.94);opacity:.4}to{transform:none;opacity:1}}.fl-hint{font-family:var(--fl-font-display);font-size:.6rem;letter-spacing:.22em;color:var(--fl-yellow);opacity:.85;transition:opacity .4s ease;text-shadow:0 2px 4px rgba(0,0,0,.8)}.fl-hint.is-hidden{opacity:0}.fl-banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) scale(.7);font-family:var(--fl-font-display);font-size:clamp(2.2rem,12vw,5.5rem);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .18s ease,transform .18s cubic-bezier(.2,1.6,.4,1);color:var(--fl-lime);text-shadow:0 0 26px rgba(124,255,0,.55),0 6px 0 rgba(0,0,0,.6)}.fl-banner.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.fl-banner.is-good{color:var(--fl-yellow);text-shadow:0 0 26px rgba(255,210,0,.5),0 6px 0 rgba(0,0,0,.6)}.fl-banner.is-weak{color:var(--fl-orange);text-shadow:0 0 22px rgba(255,122,0,.45),0 6px 0 rgba(0,0,0,.6)}.fl-banner.is-miss{color:var(--fl-steel);text-shadow:0 6px 0 rgba(0,0,0,.6)}.fl-boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(120% 85% at 50% 12%,rgba(0,179,74,.32),transparent 62%),var(--fl-navy);pointer-events:auto;z-index:20}.fl-boot__logo{font-family:var(--fl-font-display);font-size:clamp(2.2rem,11vw,4.2rem);line-height:.95;text-transform:uppercase;color:var(--fl-lime);text-shadow:0 0 30px rgba(124,255,0,.4),0 6px 0 rgba(0,0,0,.55)}.fl-boot__tag{font-family:var(--fl-font-display);font-size:clamp(.7rem,3vw,1rem);letter-spacing:.16em;color:var(--fl-yellow)}.fl-boot__body{max-width:34rem;line-height:1.6;font-size:.95rem}.fl-boot__legal{margin-top:10px;font-size:.6rem;opacity:.55;max-width:32rem;line-height:1.6}.fl-crash{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;background:radial-gradient(120% 85% at 50% 10%,rgba(255,122,0,.22),transparent 62%),var(--fl-panel-solid);pointer-events:auto}.fl-crash__frog{font-size:3.4rem}.fl-crash__title{font-family:var(--fl-font-display);font-size:clamp(1.4rem,7vw,2.4rem);color:var(--fl-yellow)}.fl-crash__body{max-width:30rem;line-height:1.6}.fl-crash__detail{max-width:34rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.5;color:var(--fl-orange);word-break:break-word}.fl-crash__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.fl-crash__legal{font-size:.6rem;opacity:.5;margin-top:10px}.fl-paused-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d1b2abf;font-family:var(--fl-font-display);letter-spacing:.14em;color:var(--fl-yellow);font-size:.9rem;text-align:center;padding:24px;pointer-events:auto;z-index:30}@media (prefers-reduced-motion: reduce){.fl-coach.is-pop{animation:none}.fl-banner{transition:opacity .18s ease}}