/* Milwaukee Life: readable overlays and controls outside the walking center. */
#mb-life[hidden]{display:none!important}
#mb-life{position:fixed;inset:0;z-index:300000;background:#7898ad;color:#fff4dd;font-family:Arial,Helvetica,sans-serif;isolation:isolate;overscroll-behavior:none}
#mb-life *{box-sizing:border-box}#mb-life button{font:700 13px/1.3 Arial,sans-serif;border:1px solid #8ba69f;background:#12302b;color:#fff4dd;border-radius:8px;min-height:46px;padding:11px 16px;cursor:pointer;touch-action:manipulation}#mb-life button:focus-visible{outline:3px solid #ffd37a;outline-offset:3px}#mb-life button:disabled{opacity:.6;cursor:default}
#mb-life .life-view,#mb-life .life-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;display:block!important;touch-action:none;outline:none}
.life-header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#0c242aed;border-bottom:1px solid #829a8f}.life-header small{display:block;font-size:10px;letter-spacing:1.5px;color:#e7c681;margin:0 0 4px}.life-header strong{font-size:21px}.life-header>div:last-child{display:flex;gap:8px}
.life-vitals{position:absolute;z-index:2;top:85px;left:16px;right:16px;background:#102b2bef;border:1px solid #81998c;padding:11px 14px;font-size:12px;line-height:1.6;border-radius:8px;font-variant-numeric:tabular-nums;text-align:center}
.life-objective{position:absolute;z-index:2;top:142px;left:16px;max-width:min(470px,calc(100% - 32px));padding:10px 14px;background:#0d242ced;border-left:3px solid #e7c681;font-size:12px;line-height:1.5;border-radius:4px}.life-compass{position:absolute;right:16px;top:145px;font-size:10px;letter-spacing:1px;color:#fff;background:#0c242ae6;padding:8px;border-radius:4px}
.life-stick{position:absolute;z-index:3;bottom:max(42px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));width:118px;height:118px;border:2px solid #d5d9c9;border-radius:50%;background:#173b39dd;touch-action:none}.life-stick:after{content:'WALK';position:absolute;top:100%;width:100%;text-align:center;color:#fff;font:700 10px Arial;padding-top:6px;letter-spacing:1px}.life-stick span{position:absolute;top:50%;left:50%;width:48px;height:48px;background:#edc975;border:2px solid #fff2d1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.life-action{position:absolute;z-index:3;right:max(20px,env(safe-area-inset-right));bottom:max(52px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:50%}.life-nearby{background:#102b2bea;padding:7px 10px;border-radius:5px;font-size:12px;line-height:1.4;max-width:240px;text-align:right}#mb-life .life-action button{background:#e8ca83;color:#102b25;border-color:#fff0c4;font-size:15px;min-width:160px;min-height:58px}.life-help{position:absolute;bottom:10px;left:160px;right:160px;margin:0;background:#0c242ae8;padding:7px 12px;border-radius:5px;text-align:center;color:#fff;font-size:11px;line-height:1.5}.life-toast{position:absolute;z-index:4;left:50%;bottom:195px;transform:translateX(-50%);margin:0;background:#0c242af0;border:1px solid #aac1ad;border-radius:8px;padding:10px 14px;max-width:min(600px,90vw);font-size:12px;line-height:1.6;pointer-events:none}.life-toast:empty{display:none}
.life-sheet[hidden]{display:none!important}.life-sheet{position:absolute;inset:0;z-index:10;background:#071812b8;display:grid;place-items:center;padding:24px;overflow:auto;touch-action:pan-y}.life-sheet>div{position:relative;background:#112d29;border:1px solid #c4ac73;border-radius:16px;padding:35px;max-width:620px;width:100%;max-height:calc(100dvh - 48px);overflow:auto}.life-sheet small{font-size:10px;line-height:1.6;letter-spacing:1px;color:#e7c681;display:block;padding-right:35px}.life-sheet h2{font:600 32px/1.15 Georgia,serif;margin:16px 0;color:#fff1d0}.life-sheet p{font-size:15px;line-height:1.75;color:#edf0dd;margin:0 0 22px;white-space:normal}.life-choices{display:grid;gap:10px}#mb-life .life-choices button{text-align:left;background:#23463d;color:#fff5dd}#mb-life .life-choices button:first-child{background:#e7c681;color:#102b25}.life-close{position:absolute;right:14px;top:14px;font-size:22px!important;min-width:44px}
#rally-game .life-launch{margin:18px 0;padding:24px;border:1px solid #d7bf79;border-radius:12px;background:linear-gradient(110deg,#153c32,#142b37);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff5df}#rally-game .life-launch h3{font:600 27px/1.2 Georgia,serif!important;color:#ffedbd!important;margin:7px 0!important}#rally-game .life-launch p{font:14px/1.65 Arial,sans-serif!important;color:#e0e9df!important;max-width:620px;margin:0!important}#rally-game .life-launch small{font:700 10px Arial;color:#e7c681;letter-spacing:1.5px}#rally-game .life-launch button{min-height:50px;background:#e7c681;color:#102b25;border:0;border-radius:6px;padding:14px 20px;font:800 13px Arial;cursor:pointer;white-space:nowrap}
@media(max-width:650px){.life-header{padding:10px 12px}.life-header strong{font-size:17px}.life-header small{font-size:8px}.life-header button{font-size:11px!important;padding:9px!important;min-height:42px!important}.life-vitals{top:72px;left:10px;right:10px;font-size:10px;padding:8px}.life-objective{top:126px;left:10px;font-size:10px;max-width:calc(100% - 20px);padding:8px 10px}.life-compass{display:none}.life-stick{width:100px;height:100px;left:15px;bottom:48px}.life-action{right:15px;bottom:48px;max-width:53%}.life-nearby{font-size:10px}#mb-life .life-action button{min-width:140px;min-height:50px;font-size:12px}.life-help{left:12px;right:12px;bottom:8px;font-size:9px}.life-toast{bottom:180px;width:90%;font-size:11px;padding:8px 12px}.life-sheet{padding:14px}.life-sheet>div{padding:24px;max-height:calc(100dvh - 28px)}.life-sheet h2{font-size:27px}#rally-game .life-launch{display:block;padding:20px}#rally-game .life-launch button{margin-top:16px}}
@media(max-height:500px) and (orientation:landscape){.life-header{padding:7px 14px}.life-header strong{font-size:16px}.life-header small{font-size:8px}.life-header button{min-height:36px!important;padding:7px 12px!important}.life-vitals{top:61px;padding:5px 10px;font-size:10px}.life-objective{top:99px;font-size:10px;max-width:420px;padding:6px 10px}.life-compass{display:none}.life-stick{width:86px;height:86px;bottom:30px}.life-stick span{width:38px;height:38px}.life-action{bottom:35px}.life-nearby{font-size:10px}.life-help{bottom:4px;left:130px;right:180px;font-size:9px}.life-toast{bottom:37px;max-width:44%;font-size:10px;padding:5px 8px}.life-sheet>div{padding:22px;max-width:650px}.life-sheet h2{font-size:24px;margin:8px 0}.life-sheet p{font-size:12px;margin-bottom:12px}.life-choices{gap:7px}#mb-life .life-choices button{min-height:40px;font-size:12px}}
body.life-active{overflow:hidden;overscroll-behavior:none}

/* Respect iPhone cutouts and keep conversation panels scrollable. */
#mb-life .life-vitals{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
@media(max-width:650px){.life-header{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.life-vitals{top:calc(72px + env(safe-area-inset-top))}.life-objective{top:calc(126px + env(safe-area-inset-top))}.life-stick{left:max(15px,env(safe-area-inset-left))}.life-action{right:max(15px,env(safe-area-inset-right))}}
@media(max-height:500px) and (orientation:landscape){.life-header{padding:max(7px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 7px max(14px,env(safe-area-inset-left))}.life-vitals{top:calc(61px + env(safe-area-inset-top))}.life-objective{top:calc(99px + env(safe-area-inset-top))}}

#rally-game .life-launch button:disabled{cursor:default;background:#283e38;color:#f5e7bd;border:1px solid #92835c;white-space:normal;line-height:1.5;opacity:1}

/* Exploration controls: free camera and driving remain clear of the viewing center. */
#mb-life .life-header>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:5px}
#mb-life .life-header [data-life^="zoom"]{min-width:44px;padding:8px}
#mb-life [hidden]{display:none!important}
#mb-life.life-driving .life-stick:after{content:'STEER / DRIVE'}
#mb-life .life-action [data-life="brake"]{background:#183831;color:#fff1d0;min-height:44px;border-color:#a8bbac;touch-action:none}
@media(max-width:650px) and (orientation:portrait){#mb-life .life-header{align-items:flex-start;min-height:126px}#mb-life .life-header>div:first-child{max-width:42%;padding-top:3px}#mb-life .life-header>div:last-child{max-width:57%}#mb-life .life-header strong{font-size:16px}#mb-life .life-header button{font-size:10px!important;padding:8px!important;min-height:44px!important}#mb-life .life-vitals{top:calc(132px + env(safe-area-inset-top));font-size:10px;padding:7px}#mb-life .life-objective{top:calc(191px + env(safe-area-inset-top));font-size:10px;max-width:calc(100% - 32px)}#mb-life .life-compass{display:none}}
@media(max-height:500px) and (orientation:landscape){#mb-life .life-header>div:first-child{max-width:35%}#mb-life .life-header button{min-height:44px!important;padding:6px 9px!important}#mb-life .life-action button{min-height:44px;font-size:11px}#mb-life .life-action{gap:5px;bottom:max(28px,env(safe-area-inset-bottom))}#mb-life .life-nearby{max-width:180px;padding:4px 7px}}