/* Crazy Valley: the approved menu over the live arena, with a clear gameplay center. */
#main-menu{--lime:#ff9a32;--aqua:#b2d9d3;--cream:#fff2d8;--ink:#0c3435}
#main-menu::before{background:linear-gradient(#082b3726,#061f3038);backdrop-filter:blur(8px) saturate(1.06);-webkit-backdrop-filter:blur(8px) saturate(1.06)}
#main-menu::after{display:none}
#main-menu[data-screen=main] .mm-stack{width:min(560px,100%);gap:8px;margin:auto}
.cv-logo{width:min(390px,74vw);margin:0 auto -4px;pointer-events:none}
.cv-logo h1{margin:0;line-height:0}
.cv-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 4px #002c3030)}
#main-menu[data-screen=main] .mm-home{padding:0;background:none;box-shadow:none;backdrop-filter:none;border-radius:0;gap:22px}
#main-menu[data-screen=main] .mm-home::before{display:none}
.cv-play-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.cv-play-grid .mm-item{min-height:78px;padding:20px 12px;display:flex;justify-content:center;text-align:center;border-radius:11px;overflow:visible;gap:0;transition:transform .15s ease,filter .15s ease,background .15s ease;box-shadow:0 4px 0 #002b3299}
.cv-play-grid .mm-item b{white-space:normal;font:800 clamp(14px,1.5vw,19px)/1.2 Montserrat,var(--font);letter-spacing:0;color:#fff7e5}
.cv-play-grid .cv-quick{grid-column:1/-1;min-height:94px;background:#ff8818;border:1px solid #ffa347;color:#fff5df;box-shadow:0 5px 0 #c15d0e}
.cv-play-grid .cv-quick b{font-size:clamp(22px,3vw,32px);text-shadow:0 2px 0 #bd65065c}
.cv-play-grid .cv-secondary{background:#104d50df;border:1px solid #8ebfc19c}
.cv-play-grid .mm-item:hover{transform:translateY(-2px);filter:brightness(1.08);background:#195e60ef;border-color:#b2d9d3;box-shadow:0 6px 0 #002b3299}
.cv-play-grid .cv-quick:hover{background:#ff941f;box-shadow:0 7px 0 #c15d0e;border-color:#ffb35e}
.cv-play-grid .mm-item:active{transform:translateY(3px);box-shadow:0 1px 0 #002b3299}
.cv-play-grid .cv-quick:active{box-shadow:0 2px 0 #c15d0e}
.cv-player{display:flex;align-items:center;justify-content:center;gap:12px;font:700 10px Montserrat,var(--font);letter-spacing:.12em;color:#ffffffc9}
.cv-player input{width:160px;padding:8px 10px;background:#09343c88;border:1px solid #ffffff30;border-radius:6px;color:#fff;font:700 12px Montserrat,var(--font);text-align:center;outline-offset:3px}
.cv-tools{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px}
.cv-tools button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #ffffff30;border-radius:8px;background:#0e3841c9;color:#fff7e8;font:700 9px Montserrat,var(--font);cursor:pointer;transition:background .15s ease}
.cv-tools button:hover{background:#1a5b60}
.cv-tools svg{width:18px;height:18px}
.cv-tools button:focus-visible{outline:2px solid #fff3d7;outline-offset:3px}
#main-menu:not([data-screen=main]) .mm-sheet{border-radius:16px;background:#103d42ed;box-shadow:0 18px 60px #02273550;backdrop-filter:none}
#main-menu:not([data-screen=main]) .mm-sheet::before{display:none}
#main-menu .mm-primary{background:#ff8a18;color:#fff5e5;box-shadow:0 3px 0 #b95413;border:1px solid #ffab58}
#main-menu .mm-primary:hover{filter:brightness(1.08);background:#ff951f}
#main-menu .mm-switch [aria-checked=true]{background:#ffa148;color:#203337}
#main-menu .mm-title svg{background:#ff9b3326;color:#ffae53}
#menu-open{background:#ff8a18;color:#fff5df;box-shadow:0 4px 0 #b65b18;animation:none;border-radius:10px}

/* Pace and crossing progress sit outside the player's aiming area. */
#pace-hud{position:absolute;right:24px;bottom:30px;width:168px;padding:12px 14px;border:1px solid #ffffff25;border-radius:10px;background:#092d35bd;color:#fff9e8;backdrop-filter:blur(5px);font-family:Montserrat,var(--font)}
#pace-hud .pace-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#pace-speed{font-size:23px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
#pace-label{font-size:8px;font-weight:800;letter-spacing:.1em;color:#ffd98b}
#pace-hud .pace-track{height:4px;background:#ffffff28;border-radius:3px;overflow:hidden;margin-top:11px}
#pace-progress{height:100%;display:block;width:0;transform-origin:left;background:#ffab45;transition:width .1s linear}
#pace-distance{display:block;font-size:9px;color:#ffffffb3;margin-top:8px;font-weight:600}
#pace-hud[data-boost=true]{border-color:#ffd792aa}
#pace-event{position:absolute;bottom:146px;left:50%;transform:translate(-50%,9px);text-align:center;opacity:0;pointer-events:none;transition:opacity .13s ease,transform .18s ease;max-width:86vw;text-shadow:0 2px 0 #173533,0 4px 12px #082c3899;color:#fff5db}
#pace-event.show{opacity:1;transform:translate(-50%,0)}
#pace-event b{display:block;font:800 clamp(22px,3vw,34px)/1 Montserrat,var(--font);letter-spacing:.01em}
#pace-event small{display:block;margin-top:6px;font:700 10px Montserrat,var(--font);letter-spacing:.12em;color:#ffd18b}
#pace-event[data-kind=dodge] b{color:#bdfff1}
#pace-event[data-kind=capture] b{color:#ffbe88}
body.menu-open #pace-hud,body.menu-open #pace-event{display:none}
body.match-active #speed-lines{background:linear-gradient(115deg,transparent 10%,#ffffff28 10.3%,transparent 10.8%,transparent 19%,#ffffff1a 19.3%,transparent 19.8%),linear-gradient(65deg,transparent 80%,#ffffff1a 80.3%,transparent 80.8%,transparent 89%,#ffffff28 89.3%,transparent 89.8%);mask-image:radial-gradient(ellipse,transparent 65%,#000 100%);animation:none}
@keyframes pace-streaks{from{transform:scale(1)}to{transform:scale(1.07)}}
body.lobby-clean .reference-nav,body.lobby-clean .reference-services,body.lobby-clean #quests-button,body.lobby-clean .wallet,body.lobby-clean .left-rail,body.lobby-clean .right-rail,body.lobby-clean .action-bar,body.lobby-clean .touch-actions,body.lobby-clean #online-badge{display:none!important}
#waiting-watch{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:8}#waiting-watch button{padding:12px 16px;background:#123e43df;border:1px solid #ffffff55;border-radius:8px;font:700 11px Montserrat,sans-serif;color:#fff4da}body.waiting-match .action-bar,body.waiting-match .touch-actions,body.waiting-match #pace-hud{display:none!important}
#quests-button,.reference-services{display:none!important}body.waiting-match .wallet,body.waiting-match #emote-button,body.waiting-match #afk-button{display:none!important}
.menu-wheel{width:250px;height:270px;position:relative;margin:15px auto;text-align:center}.menu-wheel>span{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;font-size:30px;color:#ffe9a3}.menu-wheel img{width:250px;height:250px;position:absolute;left:0;top:20px}#menu-wheel-prize{text-align:center;color:#ffe9a3!important}
@media(max-width:650px){.cv-tools{gap:6px;bottom:max(16px,env(safe-area-inset-bottom))}.cv-tools button{padding:10px;min-width:40px}.cv-tools button span{display:none}.cv-logo{width:min(330px,76vw)}.cv-play-grid{gap:10px}.cv-play-grid .mm-item{min-height:67px}.cv-play-grid .cv-quick{min-height:78px}#pace-hud{right:14px;bottom:150px;width:124px;padding:9px 10px}#pace-speed{font-size:19px}#pace-label{font-size:7px}#pace-event{bottom:198px}#pace-event small{font-size:9px}}
@media(max-height:520px){#main-menu[data-screen=main] .mm-stack{width:min(440px,84vw);gap:0}.cv-logo{width:220px;margin:-12px auto -6px}.cv-play-grid .mm-item{min-height:48px;padding:12px 10px}.cv-play-grid .cv-quick{min-height:58px}.cv-player{display:none}.cv-tools{bottom:10px}.cv-tools button{min-height:32px;padding:6px 9px}#main-menu[data-screen=main] .mm-home{gap:8px}.cv-quick b{font-size:22px!important}#pace-hud{bottom:100px}#pace-event{bottom:145px}}
@media(prefers-reduced-motion:reduce){body.match-active #speed-lines{animation:none}.cv-play-grid .mm-item,#pace-event,#pace-progress{transition:none}}
