:root{--rg-red:#e3242b;--rg-orange:#ff7a2f;--rg-amber:#ffb347;--rg-white:#edebe6;--rg-glass:#3e6e8e;--rg-navy:#1f2a44;--rg-panel:#1f2a44c7;--rg-solid:#1f2a44f5;--rg-ease:cubic-bezier(.22, 1, .36, 1)}html,body{background:var(--rg-navy);height:100%;color:var(--rg-white);font-family:var(--font-cairo), "Cairo", system-ui, sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}img,canvas{-webkit-user-drag:none}body{display:block}.rg-root{background:var(--rg-navy);font-weight:600;position:fixed;inset:0;overflow:hidden}.rg-host{position:absolute;inset:0}.rg-layer{pointer-events:none;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}.rg-layer>*{pointer-events:auto}.rg-num{font-variant-numeric:lining-nums tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}.rg-panel{background:var(--rg-panel);border-inline-start:2px solid var(--rg-orange);border-inline-end:2px solid var(--rg-orange);border-radius:14px;box-shadow:0 6px 24px #00000047}.rg-solid{background:var(--rg-solid);border-inline-start:2px solid var(--rg-orange);border-inline-end:2px solid var(--rg-orange);border-radius:14px}.rg-btn{background:var(--rg-red);color:#fff;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:background-color .2s var(--rg-ease), transform .2s var(--rg-ease), box-shadow .2s var(--rg-ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:1.15rem;font-weight:900;display:inline-flex}@media (hover:hover){.rg-btn:hover:not(:disabled){background:color-mix(in oklch, var(--rg-red) 88%, white);transform:translateY(-2px);box-shadow:0 8px 18px #00000059}}.rg-btn:active:not(:disabled){transform:scale(.98)}.rg-btn:disabled{opacity:.6;cursor:progress}.rg-btn:focus-visible,.rg-icon:focus-visible,.rg-key:focus-visible,.rg-seg button:focus-visible{outline:2px solid var(--rg-orange);outline-offset:3px}.rg-btn.alt{background:#edebe624;font-size:1rem}@media (hover:hover){.rg-btn.alt:hover:not(:disabled){background:#edebe642}}.rg-btn.big{width:100%;min-height:60px;font-size:1.5rem}.rg-icon{background:var(--rg-panel);width:46px;height:46px;color:var(--rg-white);cursor:pointer;touch-action:manipulation;transition:background-color .2s var(--rg-ease), border-color .2s var(--rg-ease), transform .2s var(--rg-ease);border:1px solid #edebe640;border-radius:12px;place-items:center;display:inline-grid}@media (hover:hover){.rg-icon:hover{border-color:var(--rg-orange);background:#3c4c70eb}}.rg-icon:active{transform:scale(.96)}.rg-title{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#1f2a441a,#1f2a448c);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.rg-card{overflow-wrap:anywhere;flex-direction:column;gap:16px;width:100%;max-width:min(520px,100%);max-height:100%;padding:clamp(20px,5vw,32px);display:flex;overflow-y:auto}.rg-card img{aspect-ratio:16/9;object-fit:cover;border:1px solid #edebe633;border-radius:10px;width:100%;display:block}.rg-card h1{letter-spacing:0;margin:0;font-size:clamp(2rem,8vw,3rem);font-weight:900;line-height:1.15}.rg-card p{color:#edebe6e6;margin:0;font-size:1rem}.rg-credit{color:var(--rg-amber);font-size:.95rem;font-weight:700}.rg-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rg-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rg-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.rg-btns{gap:8px;display:flex}.rg-chip{white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:calc(100vw - 210px);padding:8px 16px;font-size:.98rem;font-weight:800;overflow:hidden}.rg-chip.done{border-color:#3ddc84}.rg-mid{top:max(10px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rg-mid>*{pointer-events:none}.rg-stats{gap:6px;display:flex}.rg-stats .rg-panel{white-space:nowrap;padding:4px 12px;font-size:.95rem}.rg-mini{border:2px solid var(--rg-orange);background:var(--rg-navy);border-radius:12px;width:120px;height:120px;display:block}.rg-stand{top:140px;right:max(12px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;gap:4px;width:170px;padding:8px 10px;font-size:.9rem;display:flex;position:absolute}.rg-stand li{align-items:center;gap:8px;list-style:none;display:flex}.rg-stand ol{flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.rg-dot{border-radius:50%;flex:none;width:10px;height:10px}.rg-speed{bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;white-space:nowrap;align-items:baseline;gap:10px;padding:6px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rg-speed b{text-align:end;min-width:3.2ch;font-size:1.9rem;font-weight:900}.rg-count{text-align:center;text-shadow:0 4px 24px #0000008c;pointer-events:none;color:var(--rg-white);font-size:clamp(4rem,16vw,8rem);font-weight:900;position:absolute;top:28%;left:0;right:0}.rg-flash{text-align:center;color:var(--rg-amber);text-shadow:0 3px 16px #0009;pointer-events:none;animation:rg-flash 1.5s var(--rg-ease) both;font-size:clamp(1.6rem,6vw,2.8rem);font-weight:900;position:absolute;top:24%;left:0;right:0}@keyframes rg-flash{0%{opacity:0;transform:translateY(8px)scale(.96)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.rg-wrong{background:var(--rg-red);pointer-events:none;border-radius:12px;padding:10px 24px;font-size:1.4rem;font-weight:900;animation:.8s ease-in-out infinite alternate rg-pulse;position:absolute;top:36%;left:50%;transform:translate(-50%)}@keyframes rg-pulse{0%{opacity:.75}to{opacity:1}}.rg-fade{pointer-events:none;background:#000;position:absolute;inset:0}.rg-edge{pointer-events:none;animation:rg-edge .5s var(--rg-ease) both;position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #edebe6a6}@keyframes rg-edge{0%{opacity:1}to{opacity:0}}.rg-overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));z-index:20;background:#0a0e1a80;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.rg-table{border-collapse:collapse;width:100%;font-size:.98rem}.rg-table th{color:#edebe6b3;text-align:start;padding:6px;font-size:.85rem;font-weight:700}.rg-table td{white-space:nowrap;border-top:1px solid #edebe61f;padding:8px 6px}.rg-table tr.you td{color:var(--rg-amber);font-weight:900}.rg-win{color:#3ddc84}.rg-lose{color:var(--rg-amber)}.rg-sec{flex-direction:column;gap:10px;display:flex}.rg-sec h3{letter-spacing:0;color:var(--rg-amber);margin:0;font-size:.9rem;font-weight:800}.rg-slider{grid-template-columns:7rem minmax(0,1fr) 3rem;align-items:center;gap:12px;min-height:44px;display:grid}.rg-seg{flex-wrap:wrap;gap:6px;display:flex}.rg-seg button{min-height:44px;color:inherit;font:inherit;cursor:pointer;transition:background-color .2s var(--rg-ease);white-space:nowrap;background:0 0;border:1px solid #edebe640;border-radius:10px;padding:0 16px}.rg-seg button[aria-pressed=true]{background:var(--rg-red);border-color:var(--rg-red)}.rg-keys{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px;display:grid}.rg-key{min-width:64px;min-height:40px;color:inherit;font:inherit;cursor:pointer;direction:ltr;background:#edebe614;border:1px solid #edebe64d;border-radius:8px;padding:0 10px}.rg-key.wait{background:var(--rg-orange);color:#101010}.rg-credits{color:#edebe6c7;flex-direction:column;gap:4px;max-height:120px;font-size:.82rem;display:flex;overflow-y:auto}.rg-touch{pointer-events:none;position:absolute;inset:0}.rg-swipe{pointer-events:auto;touch-action:none;width:55%;position:absolute;top:18%;bottom:0;left:0}.rg-swipe .track{background:#1f2a4473;border:1px solid #edebe640;border-radius:17px;width:150px;height:34px;position:absolute;bottom:22px;left:14px}.rg-swipe .knob{background:var(--rg-orange);opacity:.8;border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;top:3px;left:50%}.rg-pedal{bottom:max(24px, env(safe-area-inset-bottom));color:#fff;font:inherit;pointer-events:auto;touch-action:none;transition:transform .12s var(--rg-ease), background-color .12s;border:2px solid #edebe680;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute}.rg-pedal.gas{right:max(16px, env(safe-area-inset-right));background:#3ddc848c;width:96px;height:96px}.rg-pedal.brk{right:calc(max(16px, env(safe-area-inset-right)) + 112px);background:#e3242b99;width:76px;height:76px}.rg-pedal.on{background-color:#ff7a2fd9;transform:scale(.94)}.rg-hide-coarse{display:block}@media (pointer:coarse){.rg-hide-coarse{display:none!important}.rg-mini{width:96px;height:96px}}@media (max-width:520px){.rg-chip{padding:6px 12px;font-size:.85rem}.rg-slider{grid-template-columns:5.5rem minmax(0,1fr) 2.6rem}}@media (prefers-reduced-motion:reduce){.rg-flash,.rg-wrong,.rg-edge{animation:none}.rg-btn,.rg-icon{transition:none}}