/* Original San Andreas HUD placement, palette and locally extracted bitmaps. */
:root{--sa-gray:#e1e1e1;--sa-green:#36682c;--sa-cream:#e2c063}
body{font-family:Arial,Helvetica,sans-serif;color:var(--sa-gray);background:#000}
.sa-font{display:block;max-width:100%;object-fit:contain;object-position:left center;pointer-events:none}
.sa-bitmap-text{line-height:1;font-size:0!important;text-shadow:none!important}
.brand{display:none}
.telemetry{position:static;text-align:right;text-shadow:none}
.wallet{position:absolute;right:4.7vw;top:17.2vh;bottom:auto;margin:0;--sa-font-height:clamp(31px,4.9vh,52px);color:var(--sa-green)}
.wallet .sa-font{margin-left:auto}
#sa-original-hud{pointer-events:none}
#sa-clock{position:absolute;right:4.7vw;top:4.9vh;--sa-font-height:clamp(31px,4.9vh,52px)}
#sa-fist{position:absolute;right:17.3vw;top:4.4vh;width:clamp(58px,7.35vw,130px);height:clamp(70px,13vh,145px);object-fit:fill}
#sa-health{position:absolute;right:5.05vw;top:14.3vh;width:clamp(95px,9.6vw,190px);height:clamp(13px,2.15vh,23px);border:4px solid #000;background:#3d0708;box-shadow:0 0 0 1px #000}
#sa-health i{display:block;width:100%;height:100%;background:#b4191d}
#sa-wanted{position:absolute;right:4.8vw;top:24.1vh;--sa-font-height:clamp(24px,3.5vh,39px)}
.speed,#odometer,.location{display:none}
.vehicle-name{position:absolute;right:4.5vw;bottom:10vh;--sa-font-height:clamp(30px,4.6vh,52px);margin:0;letter-spacing:0;color:var(--sa-green)}
.vehicle-name .sa-font{margin-left:auto}
.map-panel{left:3.7vw;bottom:5.5vh;width:clamp(175px,17.6vw,310px);height:clamp(175px,17.6vw,310px);border:0;border-radius:50%;background:#778260;box-shadow:none}
.map-panel canvas{width:100%;height:100%;border-radius:50%;display:block}
.map-panel::after{content:none}
.sa-radar-frame{position:absolute;inset:-3%;pointer-events:none}
.sa-radar-frame i{position:absolute;width:50%;height:50%;background:url('../build/game/original/textures/hud/radardisc.png') center/100% 100% no-repeat}
.sa-radar-frame i:nth-child(1){top:0;left:0}
.sa-radar-frame i:nth-child(2){top:0;right:0;transform:scaleX(-1)}
.sa-radar-frame i:nth-child(3){bottom:0;left:0;transform:scaleY(-1)}
.sa-radar-frame i:nth-child(4){bottom:0;right:0;transform:scale(-1,-1)}
.map-label{display:none}
.objective{top:auto;right:auto;left:50%;bottom:8vh;transform:translateX(-50%);width:60vw;max-width:1000px;text-align:center;background:none;border:0;box-shadow:none;padding:0}
.objective .sa-font{margin-inline:auto}
.objective h2{margin:0 0 3px;--sa-font-height:clamp(24px,3.5vh,36px)}
.objective p{margin:0;--sa-font-height:clamp(20px,2.9vh,31px);color:var(--sa-gray)}
.objective .overline{display:none}
.mission-meta{margin:3px auto 0;max-width:420px;justify-content:center;gap:35px;--sa-font-height:clamp(16px,2.6vh,26px);color:var(--sa-gray)}
.toast{left:3.5vw;top:4.5vh;transform:none;max-width:380px;text-align:left;background:#000b;border:0;border-radius:0;padding:10px 12px;box-shadow:none;--sa-font-height:clamp(20px,2.9vh,30px);color:var(--sa-gray)}
.bottom-controls{display:none}
.pause-button{top:auto;right:2vw;bottom:2vh;background:#0008;border:0;color:#aaa;padding:6px 10px;font-size:14px}
.photo-button{position:absolute;top:auto;right:calc(2vw + 42px);bottom:2vh;background:#0008;border:0;border-radius:0;box-shadow:none;color:#aaa;padding:8px 10px;font:11px Arial}
.photo-button:hover:not(:disabled),.pause-button:hover:not(:disabled){background:#000b;color:#fff}
.menu{padding:7vh 7vw;align-items:center;background:linear-gradient(90deg,#000e,#000b 45%,#0005);color:#aaa}
.menu-card{max-width:650px;width:min(650px,82vw)}
.menu-card h1{font-size:0;--sa-font-height:clamp(48px,8.5vh,94px);font-weight:400;margin:14px 0 18px;letter-spacing:0;color:#e1e1e1}
.menu-card .overline{--sa-font-height:clamp(19px,3vh,33px);letter-spacing:0;color:#aaa}
.menu-card>p{color:#aaa}
#menu-description{--sa-font-height:clamp(20px,2.9vh,30px);max-width:580px;margin:15px 0 20px}
.menu-card>button,.menu-card>button.primary{background:none;border:0;border-radius:0;padding:7px 0;width:fit-content;max-width:100%;text-align:left;margin:5px 0;--sa-font-height:clamp(28px,4.2vh,46px);color:#aaa;font-weight:400}
.menu-card>button.primary{color:#e1e1e1}
.menu-card>button:hover:not(:disabled),.menu-card>button.primary:hover:not(:disabled),.menu-card>button:focus-visible{background:none;color:#fff;outline:none}
.menu-card>button:focus-visible::before{content:"▶";position:absolute;margin-left:-24px;font:18px Arial;color:#fff}
button:disabled{cursor:wait}
.loading{height:3px;background:#252525;margin:15px 0 0;max-width:440px}
.loading>div{background:#aaa}
#load-status{color:#aaa;font:11px Arial;max-width:500px}
.control-guide{display:grid;grid-template-columns:1fr 1fr;max-width:560px;gap:7px 25px;border-top:0;padding:0;margin:23px 0 0}
.control-guide div{gap:2px}
.control-guide kbd{--sa-font-height:clamp(16px,2.5vh,25px);color:#ddd;letter-spacing:0}
.control-guide span{--sa-font-height:clamp(15px,2.25vh,23px);color:#aaa}
.menu-card p.fineprint{color:#8b8b8b;font:10px/1.5 Arial;margin-top:20px}
.fineprint a{color:#aaa}
footer{font:8px Arial;left:3.5vw;bottom:1.3vh;color:#aaa8;letter-spacing:0}
@media(max-width:760px){.wallet,#sa-clock{right:5vw;--sa-font-height:30px}#sa-fist{right:34vw;width:60px;height:73px}#sa-health{right:5vw;width:95px}.map-panel{left:4vw;width:165px;height:165px}.objective{left:auto;right:4vw;transform:none;width:52vw;bottom:9vh}.objective h2{--sa-font-height:24px}.objective p{--sa-font-height:19px}.mission-meta{--sa-font-height:17px;gap:10px}.vehicle-name{bottom:4.5vh;--sa-font-height:28px}.menu{padding:6vh 8vw}.menu-card{width:84vw}.menu-card h1{--sa-font-height:55px}.menu-card>button,.menu-card>button.primary{--sa-font-height:31px}.toast{max-width:300px;--sa-font-height:22px}.control-guide{gap:10px}.menu-card p.fineprint{font-size:9px}}
.menu{background:#000 url('../build/game/original/textures/fronten2/back8.png') right center/auto 100% no-repeat}
body,button,a{cursor:url('../build/game/original/textures/fronten_pc/mouse.png') 0 0,auto}
.menu-card>button{display:block}