.country-ride{position:fixed;z-index:61;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#08101c;color:#fff;isolation:isolate}.country-ride[hidden]{display:none}.country-ride canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto;filter:saturate(1.1) contrast(1.04)}.country-ride:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(116deg,transparent 0 17%,#dff5ff0d 22%,transparent 31% 67%,#fff0d50a 73%,transparent 81%),linear-gradient(180deg,#c9ebff08,transparent 42%);mix-blend-mode:screen}.country-ride:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 clamp(70px,12vw,180px) #02030aad,inset 0 -35px 80px #0008}.country-ride-hud{position:absolute;z-index:4;top:max(22px,env(safe-area-inset-top));left:clamp(18px,3.5vw,58px);right:clamp(18px,3.5vw,58px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none;text-shadow:3px 3px 0 #07101c}.country-ride-hud small,.country-ride-track span{display:block;color:#ffd36b;font-size:.75rem;font-weight:950;letter-spacing:.15em}.country-ride-hud h2{margin:.28rem 0 0;font:950 clamp(2rem,5vw,4.8rem)/.8 Arial;letter-spacing:-.055em}.country-ride-track{text-align:right;padding:.7rem .85rem;border:1px solid #f0b75f;border-right:5px solid #ff744f;background:#10151ee6;box-shadow:0 12px 35px #0009}.country-ride-track strong{display:block;font-size:1.1rem;letter-spacing:.12em}.country-ride-status{position:absolute;z-index:5;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:min(620px,76vw);transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:.4rem .8rem;padding:.7rem .8rem;border:1px solid #e9c27c;border-left:5px solid #ff744f;background:#0b1018e8;box-shadow:0 14px 38px #000b}.country-ride-status span,.country-ride-status time{font-size:.78rem;font-weight:950;letter-spacing:.1em}.country-ride-status time{color:#ffd36b}.country-ride-status>div{grid-column:1/-1;height:10px;border:1px solid #72808a;background:#03070c}.country-ride-status i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff744f,#ffd36b 62%,#75dd9a);box-shadow:0 0 18px #ffd36b}.country-ride-pause,.country-ride-exit,.country-ride-arrival button{position:absolute;z-index:6;min-height:48px;border:1px solid #f1cc83;background:linear-gradient(#363d45,#11161c);color:#fff;padding:.75rem 1rem;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 2px 0 #ffffff1c,3px 3px 0 #020407}.country-ride-exit{top:max(22px,env(safe-area-inset-top));right:clamp(18px,3.5vw,58px);transform:translateY(76px)}.country-ride-pause{right:clamp(18px,3.5vw,58px);bottom:max(24px,env(safe-area-inset-bottom))}.country-ride-arrival{position:absolute;z-index:8;inset:50% auto auto 50%;width:min(90vw,620px);transform:translate(-50%,-50%);padding:clamp(28px,5vw,54px);border:2px solid #ffd36b;background:radial-gradient(circle at 50% 0,#2f805866,transparent 52%),#091017f2;text-align:center;box-shadow:0 0 80px #75dd9a44,8px 8px 0 #020407}.country-ride-arrival small,.country-ride-arrival span{display:block;color:#aef0bf;font-size:.8rem;font-weight:900;letter-spacing:.14em}.country-ride-arrival strong{display:block;margin:.7rem 0;font:950 clamp(2.8rem,10vw,6rem)/.82 Arial;letter-spacing:-.06em}.country-ride-arrival button{position:static;margin-top:1.5rem}.country-ride-arrival[hidden]{display:none}.experience:has(.country-ride:not([hidden])) .topbar,.experience:has(.country-ride:not([hidden])) .owner-mode{display:none!important}
@media(max-width:700px){.country-ride-hud{top:max(18px,env(safe-area-inset-top));right:92px}.country-ride-hud h2{font-size:2rem;line-height:.88}.country-ride-hud small{font-size:.65rem;line-height:1.35}.country-ride-track{display:none}.country-ride-exit{top:max(18px,env(safe-area-inset-top));right:12px;transform:none;padding:.65rem .75rem}.country-ride-pause{right:12px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 72px));padding:.65rem .8rem}.country-ride-status{bottom:max(18px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.country-ride-status span,.country-ride-status time{font-size:.68rem}.country-ride-arrival{padding:28px 22px}}
.country-look-controls{position:absolute;z-index:6;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 76px));width:min(620px,82vw);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:.6rem;pointer-events:none}.country-look-controls button{position:static;min-width:120px;min-height:48px;border:1px solid #f1cc83;background:linear-gradient(#363d45,#11161c);color:#fff;padding:.75rem 1rem;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 2px 0 #ffffff1c,3px 3px 0 #020407;pointer-events:auto;touch-action:none}.country-look-controls button:active{transform:translate(2px,2px);background:#744134}.country-look-controls p{margin:0;padding:.45rem .7rem;border:1px solid #7f898e;background:#0b1018d9;text-align:center;font-size:.75rem;font-weight:950;letter-spacing:.1em}.country-look-controls small{display:block;margin-top:.2rem;color:#ffd36b;font-size:.65rem}.country-ride-pause{top:max(22px,env(safe-area-inset-top));bottom:auto;transform:translateY(136px)}
@media(max-width:700px){.country-ride-pause{top:max(18px,env(safe-area-inset-top));right:12px;bottom:auto;transform:translateY(58px)}.country-look-controls{width:calc(100vw - 24px)}.country-look-controls button{min-width:54px;padding:.65rem}.country-look-controls button span{display:none}.country-look-controls p{font-size:.65rem}.country-look-controls small{font-size:.55rem}}