/* Amber Bay interface, 2026-10-23 */
html,body{background:#0c2634}#title-screen{background:radial-gradient(ellipse at 75% 20%,#ffc68028,transparent 60%),linear-gradient(0deg,#0c2634e8,#153e4955)}
#amber-greet{position:absolute;left:50%;bottom:95px;transform:translateX(-50%);z-index:15;border:1px solid #9edbc5;border-radius:20px;padding:10px 18px;background:#123941ed;color:#ffe1b5;font:700 14px sans-serif;cursor:pointer}#amber-citizen-speech{position:absolute;transform:translate(-50%,-100%);max-width:230px;padding:9px 12px;border-radius:12px 12px 12px 2px;background:#fff0d9;color:#173c43;font:700 13px/1.4 sans-serif;pointer-events:none;z-index:14}#amber-greet[hidden],#amber-citizen-speech[hidden]{display:none!important}@media(pointer:coarse){#amber-greet{bottom:190px;min-height:44px}}
#title-footer a,#pause-link a{color:#9edbc5;text-decoration:none}
#amber-drive{position:absolute;right:18px;bottom:80px;padding:12px 16px;max-width:260px;background:#123941e8;border:1px solid #83d5b899;border-radius:10px;color:#ffe1b5;pointer-events:none;font:700 25px monospace;z-index:8}#amber-drive[hidden]{display:none}#amber-drive>div+div{margin-top:5px;font:11px sans-serif;color:#b6ddd1;letter-spacing:.6px}@media(max-width:700px){#amber-drive{right:12px;bottom:155px;font-size:18px;padding:8px;max-width:180px}}
#title-logo{font-style:normal;letter-spacing:10px;color:#ffe1b5;text-shadow:0 3px 0 #153b43,0 0 32px #e9a66a88}#title-sub{color:#9edbc5;letter-spacing:7px}#press-enter,.mbtn{border-color:#b6d5bd;color:#ffe1b5;background:#123941c9;border-radius:9px}#minimap-wrap{border-color:#83d5b8;box-shadow:0 0 18px #67cfba55}#cash{color:#c4e9bf}#clock{color:#ffdbad}#crt-layer{display:none!important}
/* Touch HUD leaves the centre available for looking around. */
body.amber-touch{overscroll-behavior:none;touch-action:none}
.amber-touch #minimap-wrap{width:80px!important;height:80px!important;left:8px!important;top:8px!important;border-width:2px}
.amber-touch #stat-block{right:8px;top:8px;max-width:180px}
.amber-touch #cash{font-size:19px}.amber-touch #clock{font-size:12px}.amber-touch #wanted-stars{font-size:17px;letter-spacing:1px}.amber-touch #weapon-row{margin-top:2px;font-size:12px}.amber-touch #weapon-icon{width:24px;height:24px}
.amber-touch .tbtn{background:#123941b8;border:1px solid #a3d8c6b8;color:#ffe1b5;user-select:none;-webkit-user-select:none}
.amber-touch .tbtn.held{background:#74bdaaaa}
.amber-touch #tstick-zone{height:48%;width:40%}
.amber-touch #tstick-zone::before{content:'MOVE';position:absolute;left:22px;bottom:24px;width:76px;height:76px;border:1px solid #a3d8c680;border-radius:50%;display:grid;place-items:center;color:#d0e9db99;background:#12394133;font:700 11px sans-serif;pointer-events:none}
.amber-touch .bar{width:132px;height:8px}
.amber-touch #msg-line{max-width:85vw;bottom:34%}.amber-touch #msg-line .msg{font-size:13px}.amber-touch #msg-line .msg.old{font-size:11px}
.amber-touch #radio-popup{top:26%;font-size:15px;max-width:90vw}.amber-touch #radio-popup .rsub{font-size:10px;letter-spacing:0}.amber-touch #radio-talk{top:calc(26% + 38px);font-size:11px}
.amber-touch #controls-card{font-size:12px;line-height:1.6;max-width:85vw;max-height:23vh;overflow:auto}
.amber-touch #title-logo{font-size:clamp(30px,8vw,68px);letter-spacing:4px}
.amber-touch #title-sub{font-size:11px;letter-spacing:2px}
.amber-touch #press-enter{min-height:48px;padding:12px 20px;letter-spacing:2px}
.amber-touch #controls-bar,.amber-touch #rotate-hint{display:none!important}
.amber-touch #amber-drive{right:auto;left:50%;transform:translateX(-50%);bottom:12px;top:auto;font-size:16px;padding:6px 8px;max-width:140px}
.amber-touch #amber-drive>div+div{font-size:10px}
.amber-touch #amber-greet{bottom:205px;font-size:12px;padding:8px 12px;min-height:44px}
.amber-touch #pager{max-width:65vw;font-size:12px}
.amber-touch #fs-btn{width:44px!important;height:44px!important;min-width:44px;min-height:44px;box-sizing:border-box}
.amber-touch .mbtn{min-height:44px;touch-action:manipulation}
@media(orientation:portrait){
 .amber-touch #minimap-wrap{width:88px!important;height:88px!important}
 .amber-touch #amber-drive{top:158px;bottom:auto;right:8px;left:auto;transform:none}
 .amber-touch #zone-popup{top:160px;font-size:15px;max-width:90vw}
 .amber-touch #pager{top:190px;max-width:90vw}
 .amber-touch #herald{top:155px;width:90vw}
 .amber-touch #pause-menu{max-height:85dvh;overflow:auto}
}