*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b2a3c;font-family:Arial,Helvetica,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}
#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}
.hide{display:none!important}
#hud .box{position:fixed;top:12px;left:12px;background:rgba(11,42,60,.85);border-left:4px solid #d22630;padding:8px 12px;font-size:16px;line-height:1.5}
#hud .box b{color:#5fd0e0;font-size:20px}
#map{position:fixed;top:12px;right:12px;background:rgba(11,42,60,.85);border:2px solid #1f6f84}
#hint{position:fixed;bottom:22%;left:50%;transform:translateX(-50%);background:rgba(11,42,60,.8);padding:6px 12px;border-radius:4px;font-size:15px}
#hint:empty{display:none}
#prog{position:fixed;bottom:16%;left:50%;width:240px;margin-left:-120px;height:14px;background:#123;border:2px solid #fff;display:none}
#progBar{height:100%;width:0;background:#1f9fb4}
#reading{position:fixed;top:30%;left:50%;transform:translateX(-50%);font-size:30px;font-weight:bold;text-shadow:0 2px 4px #000;text-align:center}
#reading small{display:block;font-size:16px}
#cross{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6)}
#gcPace{position:fixed;top:170px;right:12px;background:rgba(11,42,60,.85);padding:4px 10px;font-size:13px}
#bubble{position:fixed;top:14%;left:50%;transform:translateX(-50%);width:min(440px,90vw);background:#fff;color:#0b2a3c;border:4px solid #d22630;border-radius:14px;padding:14px 16px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
#bubble:after{content:"";position:absolute;bottom:-18px;left:50%;border:14px solid transparent;border-top-color:#d22630;border-bottom:0}
#bubble .who{font-weight:900;color:#d22630;font-size:13px;letter-spacing:2px}
#bubbleText{font-size:20px;font-weight:bold;margin:6px 0 10px}
#skip{background:#1f6f84;color:#fff;border:0;padding:8px 14px;border-radius:4px;font-weight:bold;cursor:pointer;font-size:15px}
#frz{font-size:12px;color:#5b6b75;margin-top:6px}
.screen{position:fixed;inset:0;background:rgba(11,42,60,.88);display:flex;align-items:center;justify-content:center}
.card{background:#fff;color:#1b2b36;max-width:520px;width:92vw;padding:24px 28px;border-radius:8px;border-top:6px solid #d22630}
.card h1{color:#0b2a3c;margin:6px 0 8px}.card ul{padding-left:18px;line-height:1.5}
.logo{font-weight:900;letter-spacing:2px;color:#0b2a3c}.logo span{color:#d22630}.logo small{color:#1f6f84;font-size:12px}
.btn{display:inline-block;background:#d22630;color:#fff;border:0;padding:10px 20px;border-radius:4px;font-weight:bold;font-size:17px;cursor:pointer;text-decoration:none}
.btn.alt{background:#1f6f84}
#rank{font-size:24px;font-weight:900;color:#d22630;margin-bottom:6px}#rank small{display:block;font-size:14px;color:#5b6b75;font-weight:normal}
#stats{width:100%;border-collapse:collapse;margin:10px 0 16px}#stats td{padding:5px;border-bottom:1px solid #dde3e6}#stats td:last-child{text-align:right;font-weight:bold}
#touch #stick{position:fixed;left:24px;bottom:24px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4)}
#knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:rgba(95,208,224,.7)}
#tRead{position:fixed;right:24px;bottom:40px;width:90px;height:90px;border-radius:50%;background:#d22630;color:#fff;border:0;font-weight:bold;font-size:16px}
#call{background:#d22630;color:#fff;border:0;padding:8px 14px;border-radius:4px;font-weight:bold;cursor:pointer;font-size:15px}#call:disabled{background:#aab;cursor:default}
#hCall{font-size:13px;color:#cfd9df}#hCall b{font-size:14px}
#office{position:fixed;bottom:30%;left:50%;transform:translateX(-50%);background:#1f6f84;color:#fff;padding:8px 14px;border-radius:6px;font-weight:bold;font-size:16px;border:2px solid #fff;max-width:90vw;text-align:center}#office:empty{display:none}
#toast{position:fixed;top:84px;left:50%;transform:translateX(-50%);background:#fff;color:#0b2a3c;border-left:6px solid #ff8c1a;padding:8px 14px;border-radius:4px;font-weight:bold;font-size:16px;max-width:90vw;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.4)}#toast:empty{display:none}
#alarm{position:fixed;inset:0;pointer-events:none;background:rgba(210,38,48,.35);display:none;animation:fl .5s infinite alternate}@keyframes fl{from{opacity:.2}to{opacity:1}}