*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06090d;--surface:#0d1220;--text:#fff;--muted:#536785;--cyan:#21c0fa;--teal:#28fbee;--danger:#ff2121}body,html{height:100%;background:var(--bg);color:var(--text);font-family:HeadingNow-75Medium,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-logo{font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(.95rem, 3.5vw, 1.45rem);line-height:1;letter-spacing:-.03em;color:#fff;text-align:center}.game-logo sup{font-size:.45em;vertical-align:super;letter-spacing:0}#top-hud-bar{position:fixed;top:0;left:0;right:0;z-index:16;display:flex;justify-content:center;align-items:flex-start;padding:14px 16px 10px;pointer-events:none}#warp-hud{position:absolute;left:16px;top:14px;display:flex;flex-direction:column;gap:2px;zoom:0.7;transform-origin:top left}#warp-hud.show{opacity:1}.hud-lbl{font-size:.42rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}#gravity-bar-wrap{display:flex;flex-direction:column;gap:2px}#gravity-bar-label{font-size:.38rem;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}#gravity-bar-label-val-row{display:flex;flex-direction:column;gap:2px;margin-top:1px}#gravity-bar-track{width:23px;height:2px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}#gravity-bar-fill{height:100%;width:0;border-radius:99px;background:var(--cyan)}#gravity-label-val{font-size:.36rem;color:var(--cyan);letter-spacing:.04em}#warp-bar-track{width:38px;height:2px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:2px}#warp-bar-fill{height:100%;width:0;border-radius:99px;background:var(--cyan)}#logo-hud{display:flex;justify-content:center;align-items:flex-start}#interf-hud{position:absolute;right:16px;top:14px;display:flex;justify-content:flex-end;align-items:flex-start}#signal-hud-count{font-family:HeadingNow-75Medium,sans-serif;font-size:.58rem;letter-spacing:.06em;color:var(--cyan);min-height:16px;text-align:right;white-space:nowrap}#app{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100dvh;padding:0 16px 80px;pointer-events:none}.energy-section{text-align:center;margin-top:clamp(100px,24vw,145px);opacity:0;transition:opacity .5s}.energy-label{font-size:.52rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:6px}#energy-display{font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(2.8rem, 13vw, 6rem);line-height:1;color:var(--cyan);letter-spacing:-.03em;transition:color .5s}.arena{flex:1;min-height:0}.bottom-center{text-align:center;width:100%}#phase-text{font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-height:13px;transition:color .5s;text-align:left}#gravity-bar-wrap{opacity:0;transition:opacity .5s}#gravity-bar-fill{transition:background .5s}#orb-container{position:fixed;width:clamp(150px,44vw,220px);height:clamp(150px,44vw,220px);transform:translate(-50%,-50%);z-index:12;cursor:none;will-change:left,top}#orb{position:absolute;inset:0;border-radius:50%;background:0 0}#orb.charging{animation:orb-breathe var(--breathe-speed,.9s) ease-in-out infinite}@keyframes orb-breathe{0%,100%{transform:scale(var(--orb-scale,1))}50%{transform:scale(calc(var(--orb-scale,1)*1.04))}}#orb-instruction{position:absolute;bottom:-52px;left:50%;transform:translateX(-50%);width:max(220px,110%);text-align:center;font-size:.58rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;transition:opacity .4s;line-height:1.7}#tutorial-box{position:fixed;left:50%;top:-200px;transform:translateX(-50%);width:min(88vw,340px);background:rgba(4,6,20,.82);border:1px solid rgba(0,229,255,.2);border-radius:14px;padding:13px 18px;text-align:center;z-index:20;pointer-events:none;opacity:0;transition:opacity .4s}#tutorial-box.visible{opacity:1}#tutorial-box p{margin:0 0 4px;font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(.56rem, 2.6vw, .7rem);letter-spacing:.05em;text-transform:uppercase;color:rgba(200,235,255,.82);line-height:1.6}#tutorial-box p:last-child{margin-bottom:0;color:rgba(150,195,255,.55)}#level-hud{position:fixed;bottom:28px;left:18px;z-index:16;pointer-events:none;opacity:0;transition:opacity .6s;display:flex;flex-direction:column;gap:1px}#level-hud.show{opacity:1}.lv-lbl{font-size:.42rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}#lv-name{font-family:HeadingNow-75Medium,sans-serif;font-size:.82rem;letter-spacing:.06em;color:var(--cyan);margin-bottom:4px}#lv-chrono{font-family:HeadingNow-75Medium,sans-serif;font-size:1.1rem;letter-spacing:-.02em;color:#fff}#game-toast{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(1rem,4.5vw,1.4rem);letter-spacing:.06em;pointer-events:none;z-index:22;opacity:0;transition:opacity .12s;text-align:center;white-space:nowrap;text-transform:uppercase}#lb-btn{position:fixed;bottom:22px;right:18px;z-index:20;width:48px;height:48px;border-radius:50%;background:rgba(13,18,32,.9);border:1.5px solid rgba(33,192,250,.2);backdrop-filter:blur(14px);cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform .15s,border-color .25s;box-shadow:0 4px 20px rgba(0,0,0,.5)}#lb-btn:active{transform:scale(.9)}#lb-btn.has-scores{border-color:rgba(33,192,250,.45)}#lb-backdrop{position:fixed;inset:0;z-index:25;background:rgba(6,9,13,.75);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}#lb-backdrop.show{opacity:1;pointer-events:all}#lb-drawer{position:fixed;bottom:0;left:0;right:0;z-index:26;background:#0d1220;border-top:1px solid rgba(33,192,250,.12);border-radius:20px 20px 0 0;padding:12px 18px 36px;transform:translateY(105%);transition:transform .38s cubic-bezier(.32,.72,0,1);max-height:78vh;overflow-y:auto;pointer-events:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}#lb-drawer.open{transform:translateY(0);pointer-events:all}.lb-handle{width:38px;height:3px;background:rgba(255,255,255,.1);border-radius:99px;margin:0 auto 14px}.lb-title{font-family:HeadingNow-75Medium,sans-serif;font-size:.85rem;letter-spacing:.3em;color:var(--cyan);margin-bottom:10px;display:flex;align-items:center;gap:8px}.lb-title::after,.lb-title::before{content:'';flex:1;height:1px}.lb-title::before{background:linear-gradient(90deg,transparent,var(--muted))}.lb-title::after{background:linear-gradient(90deg,var(--muted),transparent)}.lb-list{display:flex;flex-direction:column;gap:5px}.lb-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.02);border-radius:9px;padding:8px 11px;border:1px solid transparent;font-size:.82rem}.lb-item.top-1{border-color:rgba(33,192,250,.25)}.lb-item.top-2{border-color:rgba(200,200,210,.12)}.lb-item.top-3{border-color:rgba(205,127,50,.12)}.lb-item.new-entry{border-color:rgba(33,192,250,.45);animation:pulse-border 1.2s ease .3s 3}@keyframes pulse-border{0%,100%{box-shadow:none}50%{box-shadow:0 0 10px rgba(33,192,250,.25)}}.lb-rank{font-family:HeadingNow-75Medium,sans-serif;font-size:.9rem;width:22px;text-align:center;color:var(--muted)}.lb-item.top-1 .lb-rank{color:#fff}.lb-item.top-2 .lb-rank{color:#c8c8d2}.lb-item.top-3 .lb-rank{color:#cd7f32}.lb-name{flex:1;font-size:.8rem}.lb-score{font-family:HeadingNow-75Medium,sans-serif;font-size:.95rem;color:var(--cyan);letter-spacing:-.02em}.lb-time{font-size:.5rem;color:var(--muted);letter-spacing:.06em}.lb-empty{text-align:center;color:var(--muted);font-size:.72rem;padding:12px;letter-spacing:.06em}#explosion-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s;padding:0 20px}#explosion-overlay.show{pointer-events:all;opacity:1}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none}.result-card{background:#0d1220;border:1px solid rgba(33,192,250,.2);border-radius:22px;padding:26px 28px 22px;text-align:center;width:100%;max-width:min(360px,90vw);transform:scale(.8);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s}.result-card.visible{transform:scale(1);opacity:1}.result-logo{margin-bottom:14px}.result-label{font-size:.5rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}#final-score{font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(1.6rem,8.5vw,3.2rem);line-height:1;color:var(--cyan);letter-spacing:-.03em;margin-bottom:6px;white-space:nowrap}#result-rank{font-size:.6rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}#result-rank span{color:var(--teal)}#result-time{font-size:.65rem;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}#result-time .muted{color:var(--muted)}#result-extras{font-size:.62rem;color:var(--teal);margin-top:6px;min-height:14px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase}.btn-row{display:flex;gap:9px;margin-top:20px}.btn{border:none;border-radius:10px;padding:12px 14px;font-family:HeadingNow-75Medium,sans-serif;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s;flex:1}.btn:active{transform:scale(.95)}.btn-primary{background:var(--cyan);color:#06090d}.btn-secondary{background:0 0;border:1.5px solid var(--muted);color:var(--text)}.btn-share{margin-top:10px;width:100%;border:none;border-radius:10px;padding:13px;font-family:HeadingNow-75Medium,sans-serif;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s;background:var(--cyan);color:#06090d}.btn-share:active{transform:scale(.95)}#name-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(6,9,13,.92);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s}#name-modal.show{opacity:1;pointer-events:all}.modal-box{background:#0d1220;border:1px solid rgba(33,192,250,.18);border-radius:20px;padding:26px 22px 22px;text-align:center;width:min(340px,92vw);position:relative}.modal-logo{margin-bottom:14px}.modal-box h3{font-family:HeadingNow-75Medium,sans-serif;font-size:clamp(1.5rem,7vw,2.1rem);letter-spacing:-.02em;color:var(--cyan);margin-bottom:6px}.modal-box p{font-size:.5rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;line-height:1.6}.field-group{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.field-label{font-size:.46rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;text-align:left;margin-bottom:4px;display:block}.modal-input{width:100%;padding:13px 16px;background:0 0;border:1.5px solid rgba(83,103,133,.5);border-radius:10px;color:var(--text);font-family:HeadingNow-75Medium,sans-serif;font-size:.88rem;letter-spacing:.02em;text-align:left;outline:0;transition:border-color .2s}.modal-input:focus{border-color:var(--cyan)}.modal-input::placeholder{color:var(--muted)}#save-name-btn{width:100%;padding:13px;border-radius:10px;border:none;background:var(--cyan);color:#06090d;font-family:HeadingNow-75Medium,sans-serif;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-top:4px}.modal-disclaimer{font-size:.46rem;color:rgba(83,103,133,.65);margin-top:12px;line-height:1.7;letter-spacing:.03em}.modal-disclaimer a{color:var(--cyan);text-decoration:none}#share-modal{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-end;justify-content:center;background:rgba(6,9,13,.9);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s}#share-modal.show{opacity:1;pointer-events:all}#share-modal-box{background:#0d1220;border:1px solid rgba(33,192,250,.18);border-radius:22px 22px 0 0;padding:20px 20px 36px;width:min(420px,100vw)}.share-handle{width:38px;height:3px;background:rgba(255,255,255,.1);border-radius:99px;margin:0 auto 14px;cursor:pointer}.share-preview{width:100%;aspect-ratio:9/16;max-height:36vh;object-fit:cover;border-radius:14px;margin-bottom:10px;border:1px solid rgba(33,192,250,.1)}.share-energy-label{font-size:.52rem;font-family:HeadingNow-75Medium,sans-serif;letter-spacing:.12em;color:rgba(150,195,255,.45);text-align:center;text-transform:uppercase;margin:0 0 2px}.share-energy-val{font-size:2.2rem;font-family:HeadingNow-75Medium,sans-serif;color:#21c0fa;text-align:center;line-height:1.1;margin:0 0 10px;letter-spacing:-.02em}.share-modal-logo{display:block;margin:0 auto 10px;height:108px;width:auto}.share-caption{font-size:.52rem;color:var(--muted);letter-spacing:.06em;text-align:center;margin-bottom:16px;line-height:1.9;text-transform:uppercase}.share-caption strong{color:var(--cyan)}.btn-ig{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;font-family:HeadingNow-75Medium,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;transition:transform .15s}.btn-ig:active{transform:scale(.96)}.btn-ig-download{background:#21c0fa;color:#06090d}.btn-ig-open{background:#1848a0;color:#fff}.btn-ig-skip{background:0 0;border:1.5px solid var(--muted);color:var(--muted);font-size:.68rem}.btn-ver-mas{width:100%;margin-top:10px;padding:9px;border-radius:9px;border:1.5px solid var(--muted);background:0 0;color:var(--muted);font-family:HeadingNow-75Medium,sans-serif;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s}.btn-ver-mas:hover{border-color:var(--cyan);color:var(--cyan)}#share-canvas{display:none}.logo-svg{display:block;fill:#ffffff}#logo-hud .logo-svg{width:154px;height:auto}.result-logo .logo-svg{width:150px;height:auto;margin:0 auto}.modal-logo .logo-svg{width:140px;height:auto;margin:0 auto}