@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/ramp-riders/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/ramp-riders/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1222;--frame:#111a2e;--panel:#182339;--panel-2:#22304b;--line:#2d3d5c;--text:#f1f5ff;--muted:#8fa3c4;--lime:#d4ff1f;--ink:#14233a;--sky:#4fb8ff;--pad-l:#22d3ee;--pad-r:#ff5fb3;--font:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden}.device{background:var(--frame);border-radius:28px;flex-direction:column;width:min(100vw - 32px,80dvh - 54px,980px);padding:10px;display:flex;box-shadow:0 0 0 1px #24304a,0 30px 80px #0009}.screen{aspect-ratio:16/10;border-radius:16px;width:100%;transition:flex .2s;position:relative;overflow:hidden}.top{background:var(--sky);place-items:center;display:grid}#game{display:block}.hinge{background:linear-gradient(#0a0f1c,#2a3550 50%,#0a0f1c);border-radius:6px;height:12px;margin:0 5%;transition:height .2s}.bottom{background:radial-gradient(120% 90% at 50% 0,#233150,#111a2e);grid-template-columns:1fr auto 1fr;place-items:center;gap:3cqmin;padding:0 5cqmin;display:grid;container-type:size}.pad{aspect-ratio:1;cursor:pointer;touch-action:none;width:min(44cqmin,28cqw);color:var(--ink);font:400 min(13cqmin, 8cqw) var(--font);border:none;border-radius:24%;align-content:center;place-items:center;gap:1cqmin;transition:transform 60ms,box-shadow 60ms,filter 60ms;display:grid;position:relative;box-shadow:0 1.6cqmin #00000059,inset 0 -1.2cqmin #0000002e}.pad .big{font-size:min(10cqmin,6.5cqw);line-height:1}.pad small{opacity:.75;font-size:max(3.2cqmin,11px)}.pad.pressed{filter:brightness(1.15);transform:translateY(1.2cqmin)scale(.96);box-shadow:0 .4cqmin #00000059,inset 0 -.6cqmin #0000002e}.centre{flex-direction:column;align-items:center;gap:3.5cqmin;display:flex}.panel{background:var(--panel);width:min(40cqmin,26cqw);box-shadow:inset 0 0 0 1px var(--line);border-radius:3cqmin;flex-direction:column;gap:2.5cqmin;padding:3cqmin 3.5cqmin;display:flex}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:max(3.2cqmin,11px)}.meter{background:var(--panel-2);border-radius:2cqmin;height:3.2cqmin;overflow:hidden}.fill{background:linear-gradient(90deg, #22d3ee, var(--lime), #ff4d2e);background-size:300% 100%;border-radius:2cqmin;width:0%;height:100%;transition:width 80ms linear}.stats{justify-content:space-between;gap:4cqmin;display:flex}.value{color:var(--lime);font-size:max(6cqmin,18px)}.go{aspect-ratio:1;cursor:pointer;touch-action:none;width:min(30cqmin,20cqw);color:var(--ink);font:400 min(8cqmin, 5cqw) var(--font);background:radial-gradient(circle at 35% 30%, #f3ffb0, var(--lime) 55%, #94b800);border:none;border-radius:50%;transition:transform 60ms,box-shadow 60ms;box-shadow:0 1.4cqmin #5c7300,0 3cqmin 6cqmin #00000073}.go.pressed{transform:translateY(1.2cqmin);box-shadow:0 .2cqmin #5c7300,0 1cqmin 3cqmin #00000073}.go.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 1.4cqmin #5c7300,0 0 0 3cqmin #d4ff1f40}}.toggles{z-index:10;flex-wrap:wrap;justify-content:flex-end;gap:1.5cqmin;display:flex;position:absolute;top:4cqmin;right:4cqmin}.toggle{background:var(--panel);min-height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:400 max(3.8cqmin, 15px) var(--font);cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1.2cqmin 3cqmin;text-decoration:none;display:inline-flex}.toggle:visited{color:var(--muted)}.menu{background:#0a101edb;justify-content:center;align-items:center;gap:5cqmin;display:flex;position:absolute;inset:0}.btn{font:400 max(6cqmin, 20px) var(--font);cursor:pointer;color:var(--ink);border:none;border-radius:4cqmin;padding:4cqmin 7cqmin;box-shadow:0 1cqmin #00000059}.btn.next{background:var(--lime)}.btn.retry{background:#e5e7eb}.hint{color:var(--muted);letter-spacing:.02em;margin:0;font-size:14px}@media (pointer:coarse){body{gap:0}.device{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}.screen{aspect-ratio:auto;border-radius:0;flex:1}.hint{display:none}:root[data-layout=fold] body{gap:0}:root[data-layout=fold] .device{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);box-shadow:none;border-radius:0}:root[data-layout=fold] .screen{aspect-ratio:auto;border-radius:0;flex:1}:root[data-layout=fold] .screen.top{flex:0 0 calc(50dvh - env(safe-area-inset-top) - 1px)}:root[data-layout=fold] .bottom{padding-bottom:env(safe-area-inset-bottom)}:root[data-layout=fold] .hinge{background:linear-gradient(90deg,#0d1524,#3a5080 30%,#5a78a8 50%,#3a5080 70%,#0d1524);border-radius:0;height:10px;margin:0;box-shadow:0 2px 8px #0009}:root[data-layout=fold] .hint{display:none}}:root[data-layout=landscape] body,:root[data-layout=portrait] body{gap:0}:root[data-layout=landscape] .device,:root[data-layout=portrait] .device{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}:root[data-layout=landscape] .screen,:root[data-layout=portrait] .screen{aspect-ratio:auto;border-radius:0}:root[data-layout=landscape] .hinge,:root[data-layout=portrait] .hinge,:root[data-layout=landscape] .hint,:root[data-layout=portrait] .hint{display:none}:root[data-layout=landscape] .device{position:relative}:root[data-layout=landscape] .top{position:absolute;inset:0}:root[data-layout=landscape] .bottom{pointer-events:none;background:0 0;padding:0;display:block;position:absolute;inset:0}:root[data-layout=landscape] .bottom>*{pointer-events:auto}:root[data-layout=landscape] .pad{bottom:calc(env(safe-area-inset-bottom) + 4cqmin);color:#fff;text-shadow:0 2px 4px #00000080;width:28cqmin;box-shadow:none;position:absolute}:root[data-layout=landscape] .pad.pressed{filter:none;transform:scale(.95)}:root[data-layout=landscape] .centre{right:calc(env(safe-area-inset-right) + 9cqmin);bottom:calc(env(safe-area-inset-bottom) + 38cqmin);pointer-events:none;position:absolute}:root[data-layout=landscape] .centre>.go{pointer-events:auto;color:#fff;text-shadow:0 2px 4px #00000080;background:#d4ff1f4d;width:20cqmin;font-size:5.5cqmin;box-shadow:inset 0 0 0 3px #d4ff1fe6}:root[data-layout=landscape] .centre>.go.pressed{background:#d4ff1f8c;transform:scale(.94)}:root[data-layout=landscape] .panel{display:none}:root[data-layout=landscape] .toggles,:root[data-layout=portrait] .toggles{top:calc(env(safe-area-inset-top) + 18px);right:calc(env(safe-area-inset-right) + 18px);gap:8px;position:absolute}:root[data-layout=landscape] .toggle,:root[data-layout=portrait] .toggle{color:#fff;-webkit-backdrop-filter:blur(6px);background:#0a101e8c;padding:8px 14px;font-size:16px}:root[data-layout=landscape] .menu{background:linear-gradient(#0000,#05080ed9);align-items:flex-end;height:36%;padding-bottom:6cqmin;top:auto}:root[data-layout=portrait] .top{flex:1.5 1 0;min-height:0}:root[data-layout=portrait] .bottom{min-height:0;padding:6cqmin 4cqmin calc(env(safe-area-inset-bottom) + 4cqmin);flex:1 1 0}:root[data-layout=portrait] .toggles{gap:6px;position:absolute;top:10px;right:10px}.pad.left{background:linear-gradient(160deg, #7ff0ff, var(--pad-l) 60%, #0ea5c6)}.pad.right{background:linear-gradient(200deg, #ffb0d9, var(--pad-r) 60%, #db2777)}:root[data-layout=landscape] .pad.left{left:calc(env(safe-area-inset-left) + 4cqmin);background:#22d3ee38;box-shadow:inset 0 0 0 3px #22d3eed9}:root[data-layout=landscape] .pad.right{right:calc(env(safe-area-inset-right) + 4cqmin);background:#ff5fb338;box-shadow:inset 0 0 0 3px #ff5fb3d9}:root[data-layout=landscape] .pad.left.pressed{background:#22d3ee73}:root[data-layout=landscape] .pad.right.pressed{background:#ff5fb373}