@import"https://fonts.googleapis.com/css2?family=Bangers&family=Montserrat:ital,wght@0,400;0,700;0,900;1,900&display=swap";html{height:100%;height:100dvh;height:-webkit-fill-available;width:100%;overflow:hidden}body{font-family:Montserrat,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden;background-color:#05040a;margin:0;width:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--vv-bottom-inset: 0px}.safe-screen{padding-top:max(.75rem,var(--sat));padding-right:max(.75rem,var(--sar));padding-bottom:max(.75rem,var(--sab));padding-left:max(.75rem,var(--sal));box-sizing:border-box}#uiContainer.safe-screen{padding-top:max(.5rem,var(--sat));padding-right:max(.5rem,var(--sar));padding-bottom:0;padding-left:max(.5rem,var(--sal))}.screen-col{width:100%;max-width:24rem;margin-left:auto;margin-right:auto}.screen-col-md{width:100%;max-width:28rem;margin-left:auto;margin-right:auto}@media (max-width: 420px){#mainMenu h1{font-size:2.75rem;line-height:1}}.aggression-heart{animation:aggressionHeartBeat .85s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 6px rgba(244,63,94,.55))}.aggression-heart--hot{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.85))}@keyframes aggressionHeartBeat{0%,to{transform:scale(1);opacity:.85}30%{transform:scale(1.28);opacity:1}55%{transform:scale(.94);opacity:.9}}.aggression-bar{transition:box-shadow .16s ease,border-color .16s ease}.aggression-bar--hot{border-color:#f97316bf;box-shadow:inset 0 0 18px #f973162e}.aggression-bar--danger{border-color:#ef4444e6;box-shadow:inset 0 0 22px #ef444447,0 0 18px #ef444433}.power-sweeper{background:linear-gradient(180deg,#fff,#e2e8f0);box-shadow:0 0 14px #ffffffd9;transition:box-shadow .1s ease,background .1s ease}.power-sweeper.sweeper-z0{box-shadow:0 0 14px #34d399,0 0 6px #fff;background:linear-gradient(180deg,#ecfdf5,#6ee7b7)}.power-sweeper.sweeper-z1{box-shadow:0 0 14px #fbbf24,0 0 6px #fff;background:linear-gradient(180deg,#fffbeb,#fbbf24)}.power-sweeper.sweeper-z2{box-shadow:0 0 16px #f97316,0 0 8px #fff;background:linear-gradient(180deg,#fff7ed,#fb923c)}.power-sweeper.sweeper-z3{box-shadow:0 0 22px #ef4444,0 0 10px #fff;background:linear-gradient(180deg,#fff,#f87171)}.font-arcade{font-family:Bangers,cursive;letter-spacing:1.5px}.highway-perspective{perspective:520px;perspective-origin:50% 12%;height:11.5rem}.highway-track{transform:rotateX(28deg) translateZ(0);background:linear-gradient(to bottom,#0206178c,#0f172aeb 38%,#020617fa),repeating-linear-gradient(to bottom,transparent 0 22px,rgba(251,191,36,.14) 23px 24px);box-shadow:0 0 40px #000000e6,inset 0 0 28px #38bdf80f;transform-style:preserve-3d;will-change:transform}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-20px) scale(1.15)}to{opacity:0;transform:translateY(-40px) scale(1)}}.hit-popup{animation:floatUp .5s ease-out forwards}.flame-streak{animation:flamePulse .5s infinite ease-in-out}@keyframes flamePulse{0%{text-shadow:0 0 10px #f59e0b,0 0 20px #ef4444}50%{text-shadow:0 0 25px #f59e0b,0 0 40px #ef4444;transform:scale(1.06)}to{text-shadow:0 0 10px #f59e0b,0 0 20px #ef4444}}.gpu-note{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}#gameCanvas{filter:saturate(1.08) contrast(1.04);transform-origin:center}.cinematic-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 35%,rgba(1,2,8,.2) 68%,rgba(1,2,8,.78) 100%),linear-gradient(to bottom,rgba(2,4,12,.24),transparent 22%,transparent 72%,rgba(2,4,12,.42));mix-blend-mode:multiply}.film-grain{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:5;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:grainShift .22s steps(2) infinite}@keyframes grainShift{0%{transform:translate3d(-2%,-2%,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,1%,0)}to{transform:translate3d(-2%,-2%,0)}}#impactFlash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at center,rgba(255,255,255,.72),rgba(245,158,11,.12) 34%,transparent 70%);transition:opacity 90ms ease-out}#dangerPulse{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px #ef4444d1;transition:opacity .18s ease}.outro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(251,191,36,.22),transparent 55%),#02061759;opacity:0;transition:opacity .35s ease}.outro-overlay.hidden{display:none}.outro-overlay.show{opacity:1}.outro-overlay.is-defeat{background:radial-gradient(circle at 50% 42%,rgba(239,68,68,.28),transparent 55%),#02061773}.outro-banner{text-align:center;transform:scale(.82) translateY(12px);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}.outro-overlay.show .outro-banner{transform:scale(1) translateY(0);opacity:1}.outro-eyebrow{font-family:var(--font-arcade, "Press Start 2P", monospace);font-size:.55rem;letter-spacing:.12em;color:#fde68a;margin-bottom:.55rem;text-transform:uppercase}.outro-overlay.is-defeat .outro-eyebrow{color:#fca5a5}.outro-title{font-family:var(--font-arcade, "Press Start 2P", monospace);font-size:clamp(1.4rem,6vw,2.2rem);color:#fbbf24;text-shadow:0 0 28px rgba(251,191,36,.65),0 4px 0 rgba(0,0,0,.45);line-height:1.25}.outro-overlay.is-defeat .outro-title{color:#f87171;text-shadow:0 0 28px rgba(239,68,68,.55),0 4px 0 rgba(0,0,0,.45)}.outro-sub{margin-top:.75rem;font-size:.8rem;font-weight:700;color:#e2e8f0}.result-modal{opacity:0;transition:opacity .35s ease}.result-modal.show{opacity:1}.result-card{transform:translateY(18px) scale(.94);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s ease}.result-modal.show .result-card{transform:translateY(0) scale(1);opacity:1}.hud-glass{background:linear-gradient(145deg,#0f172aeb,#020617c7);border-color:#fbbf2452;box-shadow:0 18px 50px #00000052,inset 0 1px #ffffff0f}.note-core{isolation:isolate;overflow:visible;width:3.35rem;height:2.85rem;font-size:1.2rem;border-width:2px;box-shadow:0 0 0 1px #ffffff59,0 6px 16px #000000a6,0 0 22px var(--note-glow, rgba(251, 191, 36, .9))}.note-core:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.68),transparent 35%,rgba(0,0,0,.18));z-index:-1}.hold-tail{position:absolute;left:50%;bottom:55%;width:11px;height:68px;transform:translate(-50%);border-radius:999px;background:linear-gradient(to top,var(--note-glow),transparent);opacity:.72;filter:blur(.2px);z-index:-2}.lane-active{box-shadow:0 0 22px currentColor,inset 0 0 14px currentColor}.rhythm-popups{position:fixed;left:0;right:0;top:28%;z-index:45;pointer-events:none}.rhythm-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;width:100%;max-width:none;box-sizing:border-box;padding:0 0 max(.35rem,var(--sab),var(--vv-bottom-inset, 0px)) 0;pointer-events:auto}.rhythm-panel{display:flex;flex-direction:column;gap:0;width:100%;max-width:none;margin:0;border-radius:1rem 1rem 0 0;overflow:hidden;background:#020617f7;border:1.5px solid rgba(251,191,36,.5);border-bottom:none;box-shadow:0 -10px 36px #0009,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rhythm-panel .highway-perspective{border-radius:0;margin:0;background:#020617}.highway-stage{isolation:isolate}.highway-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(30,41,59,.55),transparent 55%),linear-gradient(180deg,#0f172a,#020617)}.hit-line{height:5px;background:linear-gradient(90deg,transparent 2%,rgba(251,191,36,.35) 12%,rgba(253,224,71,1) 50%,rgba(251,191,36,.35) 88%,transparent 98%);box-shadow:0 0 16px #fbbf24f2,0 0 28px #f59e0b73;z-index:15}.hit-zone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;box-sizing:border-box;padding:.55rem 0;background:linear-gradient(180deg,#0f172af5,#020617fa);border-top:1px solid rgba(251,191,36,.45);border-radius:0}.btn-control{position:relative;box-sizing:border-box;width:auto;height:3.5rem;min-height:3.5rem;margin:0 .28rem;padding:0;border-radius:.85rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,filter .1s ease;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff14;background:#0f172af2}.btn-control i{display:block;line-height:1;pointer-events:none}.btn-lane-0{border:2px solid rgba(34,211,238,.8);color:#22d3ee}.btn-lane-1{border:2px solid rgba(52,211,153,.8);color:#34d399}.btn-lane-2{border:2px solid rgba(251,191,36,.8);color:#fbbf24}.btn-lane-3{border:2px solid rgba(251,113,133,.8);color:#fb7185}.btn-control.is-pressed{transform:scale(.96);color:#0f172a;box-shadow:0 0 18px #ffffff40,inset 0 0 12px #fff3}.btn-lane-0.is-pressed{background:#22d3ee}.btn-lane-1.is-pressed{background:#34d399}.btn-lane-2.is-pressed{background:#fbbf24}.btn-lane-3.is-pressed{background:#fb7185}.btn-control.lane-hit{animation:laneHitFlash .16s ease-out}@keyframes laneHitFlash{0%{filter:brightness(1.45);transform:scale(1.04)}to{filter:brightness(1);transform:scale(1)}}.btn-control.lane-miss{animation:laneMissFlash .2s ease-out}@keyframes laneMissFlash{0%,40%{background:#ef44448c;border-color:#f87171;color:#fecaca}to{filter:none}}.overdrive-active{animation:overdriveBorder .55s ease-in-out infinite alternate}@keyframes overdriveBorder{0%{box-shadow:0 0 18px #fbbf2452}to{box-shadow:0 0 42px #fbbf24b8,inset 0 0 18px #fbbf241f}}.countdown-pop{animation:countdownPop .78s cubic-bezier(.2,.8,.2,1) both}@keyframes countdownPop{0%{opacity:0;transform:scale(1.8);filter:blur(8px)}30%{opacity:1;transform:scale(1);filter:blur(0)}78%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(.65)}}#bullCalibratorToggle{display:none!important}#bullCalibratorPanel{position:fixed;left:14px;bottom:14px;z-index:1001;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;pointer-events:auto;border:1px solid rgba(251,191,36,.65);border-radius:16px;background:#050a16f7;color:#f8fafc;padding:14px;box-shadow:0 16px 45px #0000008c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#bullCalibratorPanel[hidden]{display:none}.cal-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cal-title strong{color:#fbbf24;font-size:15px}.cal-help{color:#94a3b8;font-size:11px;line-height:1.4;margin-bottom:12px}.cal-section{border-top:1px solid rgba(148,163,184,.18);padding-top:10px;margin-top:10px}.cal-section-title{color:#e2e8f0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cal-row{display:grid;grid-template-columns:42px 1fr 82px;align-items:center;gap:8px;margin:7px 0}.cal-row label{color:#cbd5e1;font-size:12px;font-weight:800}.cal-row input[type=range]{width:100%;accent-color:#f59e0b}.cal-row input[type=number]{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#0f172a;color:#f8fafc;padding:6px 7px;font-size:12px}.cal-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cal-check{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:12px}.cal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cal-btn{border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#172033;color:#f8fafc;padding:9px 8px;font-size:11px;font-weight:900}.cal-btn.primary{background:#f59e0b;color:#111827;border-color:#fbbf24}.cal-btn.danger{color:#fca5a5;border-color:#f8717173}#bullCalibrationOutput{width:100%;min-height:116px;resize:vertical;margin-top:10px;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#020617;color:#a7f3d0;padding:9px;font:11px/1.4 monospace;user-select:text;-webkit-user-select:text}#bullCalibrationStatus{min-height:17px;margin-top:7px;color:#86efac;font-size:11px}@media (min-width: 768px){.rhythm-dock{padding-left:max(1rem,var(--sal));padding-right:max(1rem,var(--sar))}.rhythm-panel{max-width:28rem;margin:0 auto;border-radius:1.15rem 1.15rem 0 0}.highway-perspective{height:13.5rem}.btn-control{height:3.85rem;min-height:3.85rem;font-size:1.4rem;margin:0 .35rem}.hit-zone{padding:.65rem 0 .7rem}.note-core{width:3.6rem;height:3rem;font-size:1.3rem}}@media (max-width: 520px){#bullCalibratorPanel{left:8px;bottom:8px;width:calc(100vw - 16px);max-height:75vh}}.saga-ranch-card{box-shadow:0 10px 25px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.saga-ranch-card:hover{box-shadow:0 12px 35px #f59e0b59}.tutorial-coach{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(.35rem,var(--sab),var(--vv-bottom-inset, 0px)) + 11.5rem);z-index:48;max-width:min(22rem,calc(100vw - 1.5rem));display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:.9rem;background:#020617eb;border:1.5px solid rgba(52,211,153,.55);color:#a7f3d0;font-family:var(--font-arcade, "Press Start 2P", monospace);font-size:.62rem;line-height:1.35;text-align:left;box-shadow:0 8px 28px #0000008c;pointer-events:none}.tutorial-coach.hidden{display:none}.tutorial-coach-icon{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#34d39933;color:#34d399;font-size:.85rem}.tutorial-coach.is-hold{border-color:#fbbf24b3;color:#fde68a}.tutorial-coach.is-hold .tutorial-coach-icon{background:#fbbf2438;color:#fbbf24;animation:hold-pulse .9s ease-in-out infinite}.tutorial-exit-btn{pointer-events:auto;margin-left:auto;flex-shrink:0;padding:.35rem .5rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.5);background:#0f172af2;color:#94a3b8;font-family:inherit;font-size:.5rem;cursor:pointer}.tutorial-exit-btn.hidden{display:none}.tutorial-exit-btn:active{color:#f87171;border-color:#f87171}.combo-banner{position:fixed;left:50%;top:22%;transform:translate(-50%) scale(.86);z-index:49;padding:.55rem 1.1rem;border-radius:.85rem;font-family:var(--font-arcade, "Press Start 2P", monospace);font-size:1.15rem;color:#fbbf24;background:#0f172ae0;border:2px solid rgba(251,191,36,.75);box-shadow:0 0 28px #fbbf2473;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .18s ease}.combo-banner.show{opacity:1;transform:translate(-50%) scale(1)}.combo-banner.hidden{display:none}.btn-control.hold-coaching{outline:2px solid rgba(251,191,36,.95);box-shadow:0 0 22px #fbbf24a6,inset 0 0 14px #fbbf2440;animation:hold-pulse .85s ease-in-out infinite}.btn-control.hold-coaching:after{content:"MANTÉN";position:absolute;top:-.85rem;left:50%;transform:translate(-50%);font-size:.45rem;font-family:var(--font-arcade, "Press Start 2P", monospace);color:#fbbf24;letter-spacing:.04em;white-space:nowrap;pointer-events:none}@keyframes hold-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}