:root{--rosa:#ecb3cb;--rosa-dyp:#e07aa6;--marine:#0c2340;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--tekst:"Barlow", system-ui, sans-serif;--glass:#0c2340b8}*{box-sizing:border-box}html,body{background:var(--marine);color:#fff;height:100%;font-family:var(--tekst);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}.spill{position:fixed;inset:0}#spill{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.hud{pointer-events:none;font-family:var(--display);padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:absolute;inset:0}.hud b{font-weight:800}.hud-verktoy{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));pointer-events:auto;z-index:3;gap:6px;display:flex;position:absolute}.ikonknapp{background:var(--glass);color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:15px;text-decoration:none;display:grid}.ikonknapp:hover{background:var(--marine)}.hud-topp{top:max(10px, env(safe-area-inset-top));background:var(--glass);border-bottom:3px solid var(--rosa);border-radius:10px;grid-template-columns:repeat(3,auto);align-items:end;column-gap:4px;padding:6px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.maaler{justify-items:center;min-width:64px;line-height:1;display:grid}.maaler__tall{font-size:28px;font-style:italic}.maaler--watt .maaler__tall{color:var(--rosa);font-size:40px}.maaler__tall--puls:before{content:"♥ ";color:#ff5c8a;font-size:.7em;font-style:normal}.maaler__navn{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:2px;font-size:11px}.energi{background:#fff3;border-radius:3px;width:88px;height:5px;margin-top:4px;display:block;overflow:hidden}.energi span{background:#7ee0a1;width:100%;height:100%;transition:width .1s linear;display:block}.energi.over span{background:#ffc15e}.energi.sprengt span{background:#ff4d6d;animation:.4s steps(2,end) infinite blink}.hud-rad{white-space:nowrap;border-top:1px solid #ffffff26;grid-column:1/-1;justify-content:center;gap:14px;margin-top:4px;padding-top:4px;font-size:14px;font-weight:600;display:flex}.hud-rad span{opacity:.9}.stigning{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));background:var(--glass);border-radius:10px;align-items:baseline;gap:1px;padding:4px 12px;font-style:italic;transition:background .3s;display:flex;position:absolute}.stigning b{font-size:34px;line-height:1}.stigning span{font-size:18px;font-weight:800}.stigning[data-niva=stigning]{background:#e07aa6d9}.stigning[data-niva=bratt]{background:#c81048e6}.stigning[data-niva=nedover]{background:#2e8c6ed9}.rytterliste{top:calc(max(10px, env(safe-area-inset-top)) + 54px);right:max(10px, env(safe-area-inset-right));background:var(--glass);border-radius:10px;width:168px;padding:6px 8px;font-size:14px;position:absolute}.rytterliste__topp{letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin:0 0 4px;font-size:11px}.rytterliste__topp b{letter-spacing:0;color:var(--rosa);font-size:15px}.rytterliste ol{margin:0;padding:0;list-style:none}.rytterliste li{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 4px;display:flex}.rytterliste li.meg{background:var(--rosa);color:var(--marine);font-weight:800}.rytterliste .nr{opacity:.7;width:16px;font-weight:800}.rytterliste i{border-radius:2px;flex:none;width:8px;height:8px}.rytterliste .navn{text-overflow:ellipsis;flex:1;overflow:hidden}.rytterliste .gap{font-variant-numeric:tabular-nums;font-weight:800}.merker{left:max(10px, env(safe-area-inset-left));top:calc(max(10px, env(safe-area-inset-top)) + 50px);justify-items:start;gap:6px;display:grid;position:absolute}.merke{border-radius:6px;padding:2px 10px;font-style:italic;font-weight:800}.merke:empty{display:none}.merke--le{background:#2e8c6e;font-size:16px}.merke--juks{color:var(--marine);background:linear-gradient(90deg,#ffe08a,#ff9ec4);font-size:16px}.merke[hidden]{display:none}.merke--kombo{color:var(--rosa);text-shadow:0 2px 0 var(--marine);font-size:30px}.profil{left:50%;bottom:max(10px, env(safe-area-inset-bottom));background:var(--glass);border-radius:10px;width:min(38vw,360px);height:52px;position:absolute;transform:translate(-50%)}.takt-boks{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 62px);width:min(52vw,560px);position:absolute;transform:translate(-50%)}.takt{background:var(--glass);border:2px solid #ecb3cb8c;border-radius:14px;width:100%;height:60px;display:block}.takt-hint{text-align:center;text-shadow:0 2px 0 var(--marine);margin:0 0 6px;font-size:20px;font-style:italic;font-weight:800;animation:1.2s ease-in-out infinite blink}.takt-hint[hidden]{display:none}.takt-hint__hjerte{color:#ff5c8a;font-style:normal}.takt-hint kbd{font-size:15px;font-style:normal}.dom,.nedtelling{text-shadow:0 3px 0 var(--marine);opacity:0;white-space:nowrap;margin:0;font-style:italic;font-weight:800;position:absolute;left:50%;transform:translate(-50%,-50%)}.dom{font-size:30px;transition:opacity .2s;top:36%}.dom--vis{opacity:1;transition:none;animation:.38s ease-out hopp}.dom--perfekt{color:#ffe08a}.dom--bra{color:#fff}.dom--bom{color:#ff4d6d}.nedtelling{color:var(--rosa);font-size:96px;top:40%}.nedtelling.vis{animation:.9s ease-out forwards telle}.kontroller{pointer-events:none;position:absolute;inset:auto 0 0}.styr{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:12px;display:none;position:absolute}.styreknapp{background:var(--glass);touch-action:none;border:3px solid #ffffff80;border-radius:50%;width:76px;height:76px;font-size:26px}.styreknapp.trykk{background:var(--rosa);color:var(--marine)}.pedal{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border:3px solid var(--rosa);background:var(--glass);pointer-events:auto;cursor:pointer;touch-action:none;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute}.pedal.trykk{animation:.12s ease-out trykk}.pedal__ring{pointer-events:none;border:4px solid #fff9;border-radius:50%;position:absolute;inset:18px}.pedal__ring.vindu{border-color:#ffe08a}.pedal__hjerte{color:#ff5c8a;font-size:46px;line-height:1}.pedal__hjerte.slag{animation:.18s ease-out slag}.pedal__bpm{font-family:var(--display);white-space:nowrap;text-shadow:0 1px 2px var(--marine);font-size:13px;font-weight:600;position:absolute;bottom:-22px}.pedal__bpm b{font-size:16px}@media (pointer:coarse){.styr{display:flex}.kun-tastatur{display:none}}.skjerm{touch-action:pan-y;z-index:5;background:#0c23408c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.skjerm[hidden]{display:none}.skjerm__boks{background:var(--marine);border-top:6px solid var(--rosa);text-align:center;border-radius:14px;width:100%;max-width:520px;padding:22px 22px 18px;box-shadow:0 20px 60px #00000073}.skjerm__boks--liten{max-width:380px}.skjerm__klubb{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--rosa);margin:0;font-size:13px}.logo{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:2px 0 6px;font-size:clamp(40px,11vw,68px);font-style:italic;font-weight:800;line-height:.9}.logo span{color:#0000;background:linear-gradient(#ffe08a,#ff9ec4 55%,#e0569a);-webkit-background-clip:text;background-clip:text;display:block}.segment{font-family:var(--display);letter-spacing:.06em;color:#ffe08a;margin:0 0 10px;font-size:15px;font-weight:600}.skjerm__tittel{font-family:var(--display);text-transform:uppercase;margin:4px 0 8px;font-size:44px;font-style:italic;font-weight:800}.skjerm__ingress{opacity:.9;max-width:34em;margin:0 auto 14px;font-size:15px;line-height:1.45}.slik{text-align:left;gap:8px;margin:0 0 12px;padding:0;font-size:14px;line-height:1.4;list-style:none;display:grid}.slik li{background:#ffffff0f;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.slik__ikon{text-align:center;width:30px;font-family:var(--display);color:var(--rosa);flex:none;font-size:18px;font-weight:800}.taster{opacity:.8;margin:0 0 14px;font-size:13px}kbd{font-family:var(--display);background:#ffffff24;border-radius:4px;margin:0 2px;padding:1px 6px;font-weight:600;display:inline-block}.hovedknapp{background:var(--rosa);width:100%;color:var(--marine);font-family:var(--display);text-transform:uppercase;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:24px;font-style:italic;font-weight:800;display:block}.hovedknapp:hover{background:#f5c9dc}.hovedknapp:focus-visible,.lenkeknapp:focus-visible,.ikonknapp:focus-visible{outline-offset:2px;outline:3px solid #ffe08a}.lenkeknapp{color:var(--rosa);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;margin-top:10px;font-size:15px;text-decoration:underline;display:inline-block}.skjerm__beste{font-family:var(--display);color:#ffe08a;margin:10px 0 0;font-size:16px}.skjerm__beste:empty{display:none}.snu{opacity:.7;margin:10px 0 0;font-size:13px;display:none}@media (orientation:portrait) and (pointer:coarse){.snu{display:block}}.tall{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px;display:grid}.tall div{background:#ffffff0f;border-radius:8px;padding:6px}.tall div:first-child{grid-column:1/-1}.tall dt{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:12px}.tall dd{font-family:var(--display);margin:0;font-size:26px;font-style:italic;font-weight:800}.tall div:first-child dd{color:var(--rosa);font-size:34px}@media (width<=640px){.hud-topp{top:calc(max(10px, env(safe-area-inset-top)) + 44px);padding:4px 8px}.maaler{min-width:54px}.maaler__tall{font-size:22px}.maaler--watt .maaler__tall{font-size:32px}.energi{width:70px}.hud-rad{gap:10px;font-size:12px}.stigning b{font-size:26px}.rytterliste{top:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 220px);width:150px;font-size:13px}.takt-boks{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 136px);transform:none}.takt{height:56px}.merker{top:calc(max(10px, env(safe-area-inset-top)) + 140px)}.profil{bottom:auto;top:calc(max(10px, env(safe-area-inset-top)) + 140px);left:auto;right:max(10px, env(safe-area-inset-right));width:150px;height:40px;transform:none}.styreknapp{width:68px;height:68px}.pedal{width:104px;height:104px}}@media (height<=460px){.hud-topp{padding:3px 10px}.maaler__tall{font-size:20px}.maaler--watt .maaler__tall{font-size:28px}.hud-rad{margin-top:2px;padding-top:2px;font-size:12px}.rytterliste{top:calc(max(10px, env(safe-area-inset-top)) + 46px);width:150px;padding:4px 6px;font-size:12px}.rytterliste li:nth-child(n+4){display:none}.profil{bottom:auto;top:calc(max(10px, env(safe-area-inset-top)) + 46px);left:max(10px, env(safe-area-inset-left));width:170px;height:34px;transform:none}.merker{top:calc(max(10px, env(safe-area-inset-top)) + 86px)}.takt-boks{bottom:max(10px, env(safe-area-inset-bottom));width:min(42vw,380px)}.takt{height:50px}.takt-hint{margin-bottom:3px;font-size:16px}.merke--kombo{font-size:24px}.skjerm{place-items:start center}.skjerm__boks{padding:14px 16px 12px}.logo{margin-bottom:4px;font-size:38px}.logo span{margin-left:.2em;display:inline}.skjerm__ingress{display:none}.taster{margin-bottom:8px}.hovedknapp{padding:8px;font-size:20px}.tall dd{font-size:20px}.tall div:first-child dd{font-size:24px}.skjerm__tittel{margin:0 0 6px;font-size:32px}.slik{grid-template-columns:repeat(3,1fr);font-size:12px}.slik li{flex-direction:column;gap:2px}}@keyframes slag{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes trykk{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes hopp{0%{transform:translate(-50%,-50%)scale(1.4)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes telle{0%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes blink{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.dom--vis,.nedtelling.vis,.pedal__hjerte.slag,.pedal.trykk{animation-duration:10ms}}