*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#05060f;font-family:"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif}.sl-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fff;--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);--sl-accent: #37f4ff;--sl-accent-dark: #0a7f8f;--sl-overlay-top: #0b1030;--sl-overlay-bottom: #05060f;--sl-flash: 0}.sl-root [hidden]{display:none!important}.sl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}.sl-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#ff3b30;opacity:var(--sl-flash);transition:opacity .05s linear;z-index:5}.sl-hud{position:absolute;top:calc(12px + var(--sat));left:calc(16px + var(--sal));z-index:10;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.7)}.sl-meters{font-size:clamp(30px,6.4vmin,56px);font-weight:800;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sl-meters span{font-size:.55em;opacity:.75;margin-left:2px}.sl-hudbest{margin-top:2px;font-size:clamp(12px,2.2vmin,17px);font-weight:700;opacity:.65}.sl-banner{position:absolute;top:calc(14px + var(--sat));left:50%;transform:translate(-50%);z-index:10;pointer-events:none;background:linear-gradient(180deg,var(--sl-accent),var(--sl-accent-dark));color:#04121a;font-weight:800;font-size:clamp(14px,2.8vmin,22px);padding:.45em 1.1em;border-radius:999px;box-shadow:0 4px 18px #00000073;animation:sl-pop .28s ease-out}.sl-hint{position:absolute;bottom:calc(24px + var(--sab));left:50%;transform:translate(-50%);z-index:10;pointer-events:none;white-space:nowrap;font-size:clamp(13px,2.6vmin,19px);font-weight:700;opacity:.85;background:#0508168c;padding:.5em 1.2em;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes sl-pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.sl-corners{position:absolute;top:calc(10px + var(--sat));right:calc(10px + var(--sar));display:flex;gap:clamp(6px,1.2vmin,12px);z-index:30}.sl-corner{width:clamp(44px,7vmin,64px);height:clamp(44px,7vmin,64px);border:2px solid rgba(255,255,255,.35);border-radius:16px;background:#0a0e22b8;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .12s ease,background .12s ease}.sl-corner:hover{transform:scale(1.07);background:#182042d9}.sl-corner svg{width:62%;height:62%;display:block}.sl-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(2px 2px at 78% 14%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 38%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(2px 2px at 30% 64%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 72%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at 44% 86%,rgba(255,255,255,.45) 50%,transparent 51%),linear-gradient(180deg,var(--sl-overlay-top) 0%,var(--sl-overlay-bottom) 100%);overflow:hidden}.sl-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.sl-home-inner,.sl-end-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(92vw,560px)}.sl-hero{width:clamp(140px,34vmin,300px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55));animation:sl-float 3.2s ease-in-out infinite}.sl-hero--end{width:clamp(90px,20vmin,170px);animation:none}@keyframes sl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4vmin)}}.sl-logo{margin:.15em 0 0;font-size:clamp(38px,10vmin,92px);font-weight:800;line-height:1;letter-spacing:.03em;font-style:italic;background:linear-gradient(180deg,#ffffff 12%,var(--sl-accent) 58%,var(--sl-accent-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(3,8,20,.9)) drop-shadow(0 6px 26px var(--sl-accent-dark));text-transform:uppercase}.sl-sub{margin-top:.5em;font-size:clamp(14px,3vmin,22px);font-weight:700;opacity:.85;text-shadow:0 2px 8px rgba(0,0,0,.7)}.sl-play{margin-top:clamp(18px,4.5vmin,40px);font:inherit;font-size:clamp(20px,4.6vmin,34px);font-weight:800;letter-spacing:.08em;color:#04121a;background:linear-gradient(180deg,var(--sl-accent) 0%,var(--sl-accent-dark) 100%);border:none;border-radius:999px;padding:.55em 2.1em;cursor:pointer;box-shadow:0 6px #030a18bf,0 10px 34px var(--sl-accent-dark);transition:transform .12s ease,box-shadow .12s ease}.sl-play:hover{transform:translateY(-2px) scale(1.03)}.sl-play:active{transform:translateY(3px);box-shadow:0 2px #030a18bf}.sl-homebest{margin-top:1.2em;font-size:clamp(14px,2.8vmin,20px);font-weight:700;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.8)}.sl-end-title{margin:.1em 0 0;font-size:clamp(30px,7.5vmin,62px);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 3px 0 rgba(3,8,20,.9),0 8px 30px rgba(0,0,0,.6)}.sl-moti{margin-top:.3em;font-size:clamp(14px,3vmin,21px);font-weight:700;opacity:.85}.sl-endpanel{margin-top:clamp(12px,3vmin,26px);background:#090d20d1;border:2px solid rgba(255,255,255,.14);border-radius:22px;padding:clamp(14px,3vmin,26px) clamp(24px,6vmin,52px);box-shadow:0 12px 40px #00000080}.sl-score-label{font-size:clamp(12px,2.2vmin,16px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.sl-score{font-size:clamp(40px,9vmin,78px);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 20%,var(--sl-accent) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.sl-record{margin-top:.7em;font-size:clamp(15px,3.2vmin,23px);font-weight:800;color:#ffd75e;animation:sl-pop2 .5s ease-out}@keyframes sl-pop2{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.sl-btn-row{margin-top:clamp(16px,4vmin,34px);display:flex;flex-wrap:wrap;gap:clamp(10px,2vmin,18px);justify-content:center}.sl-btn{font:inherit;font-size:clamp(15px,3.2vmin,22px);font-weight:800;color:#04121a;background:linear-gradient(180deg,var(--sl-accent) 0%,var(--sl-accent-dark) 100%);border:none;border-radius:999px;padding:.6em 1.5em;cursor:pointer;box-shadow:0 4px #030a18bf;transition:transform .12s ease,box-shadow .12s ease}.sl-btn:hover{transform:translateY(-2px)}.sl-btn:active{transform:translateY(2px);box-shadow:0 1px #030a18bf}.sl-btn.secundair{color:#fff;background:#182042e6;border:2px solid rgba(255,255,255,.35)}.sl-btn.insturen{color:#1a1204;background:linear-gradient(180deg,#ffd75e,#e8a020)}.sl-btn:disabled{opacity:.65;cursor:default;transform:none}.sl-overlay--pause h1{margin:0;font-size:clamp(32px,8vmin,64px);font-weight:800;font-style:italic;text-transform:uppercase;text-shadow:0 3px 0 rgba(3,8,20,.9)}@media (max-height: 500px){.sl-hero--home{width:clamp(90px,22vmin,160px)}.sl-hero--end{display:none}.sl-play{margin-top:12px}}