/* A small shared road tally belongs with the desktop greeting. */
#home-uturns{position:relative;display:flex;flex-direction:column;align-items:center;margin:13px auto 0;pointer-events:auto;z-index:44;width:max-content;max-width:100%;text-shadow:none}
#world #home #home-uturns .uturn-odometer{display:flex;align-items:center;gap:12px;padding:6px 11px;border:1px solid #ffffff40;border-radius:4px;background:#171920bc;color:#fff;box-shadow:0 1px 5px #0002;font:11px/1.15 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif)}
#world #home #home-uturns .uturn-road-sign{font:30px/1 Georgia,serif;color:#edddb8}
#world #home #home-uturns .uturn-city-label{text-align:left;color:#eee;font-size:10px}
#world #home #home-uturns .uturn-stat{display:flex;flex-direction:column;gap:3px;min-width:46px;text-align:center}
#world #home #home-uturns .uturn-stat strong{font:700 17px/1 "Lucida Grande",Tahoma,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.3px;color:#fff}
#world #home #home-uturns .uturn-stat small{font:9px/1.15 var(--desktop-font);color:#e3dee8}
#world #home #home-uturns button{font:11px/1.25 var(--desktop-font);min-height:28px;min-width:0;margin:0;border-radius:3px;transform:none;letter-spacing:0;text-shadow:none}
#world #home #home-uturns .uturn-open{padding:4px 0 4px 12px;border:0;border-left:1px solid #ffffff40;background:none;box-shadow:none;color:#fff;white-space:nowrap}
#world #home #home-uturns .uturn-arrival{position:fixed;top:auto;bottom:94px;right:18px;left:auto;translate:none;width:350px;max-height:calc(100dvh - 120px);max-width:calc(100vw - 32px);text-align:left;color:var(--paper-text,#eee);background:var(--paper-panel,#302e34);border:1px solid #7b7b82;border-radius:6px;box-shadow:0 8px 25px #0007;overflow:auto;font:12px/1.4 var(--desktop-font)}
#world #home #home-uturns .uturn-arrival[hidden]{display:none}
#world #home #home-uturns .uturn-titlebar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:5px 9px;color:#25252b;background:linear-gradient(#e5e5e5,#b7b7ba);border-bottom:1px solid #777;font-size:11px}
#world #home #home-uturns .uturn-close{width:20px;min-height:20px;padding:0;border:1px solid #76767a;background:#d7d7d9;color:#26262b;box-shadow:inset 0 1px #fff;font-size:16px}
#world #home #home-uturns .uturn-form{padding:15px}
#world #home #home-uturns h2{margin:0 0 14px;color:inherit;font:700 15px/1.35 var(--desktop-font);text-transform:none;letter-spacing:0}
#world #home #home-uturns .uturn-entry{display:flex;gap:5px;align-items:center}
#world #home #home-uturns .uturn-entry button{border:1px solid #7c7c84;background:var(--paper-high,#45434c);box-shadow:inset 0 1px #ffffff20;color:var(--paper-text,#fff);padding:6px 8px;min-height:33px}
#world #home #home-uturns .uturn-entry .uturn-submit{margin-left:auto;padding-inline:10px;font-size:11px}
#world #home #home-uturns input{box-sizing:border-box;width:46px;min-width:0;height:33px;padding:4px;border:1px solid #8c8794;border-radius:2px;background:var(--paper-inset,#201e24);color:var(--paper-text,#fff);font:16px/1 var(--desktop-font);text-align:center;appearance:textfield;-moz-appearance:textfield}
#world #home #home-uturns .uturn-name-label{display:block;margin-bottom:5px;font-size:11px}
#world #home #home-uturns .uturn-name-label span{color:var(--paper-muted,#ccc)}
#world #home #home-uturns #uturn-visitor-name{display:block;width:100%;margin:0 0 13px;padding:6px 8px;text-align:left;font-size:13px}
#home-uturns input::-webkit-inner-spin-button,#home-uturns input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#world #home #home-uturns button:disabled{opacity:.6;cursor:default}
#world #home #home-uturns .uturn-smallprint{font:10px/1.6 var(--desktop-font);color:var(--paper-muted,#ccc);margin:12px 0 9px}
#world #home #home-uturns .uturn-result{font:11px/1.45 var(--desktop-font);margin:10px 0 0;color:var(--paper-text,#fff)}
#world #home #home-uturns .uturn-result:empty{display:none}
#world #home #home-uturns .uturn-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
#world #home #home-uturns .uturn-skip{padding:3px 0;border:0;background:none;color:var(--paper-muted,#ddd);box-shadow:none;text-decoration:underline;text-underline-offset:3px}
#world #home #home-uturns .uturn-all-total{font-size:10px;color:var(--paper-muted,#ccc)}
#world #home #home-uturns .uturn-service-status{position:absolute;top:100%;padding:3px 6px;color:var(--wallpaper-title-ink,#fff);text-shadow:0 1px 3px #000;font:9px/1.4 var(--desktop-font)}
#world #home #home-uturns :is(button,input):focus-visible{outline:2px solid #91c9ff;outline-offset:2px}
@media(max-width:600px){#world #home #home-uturns .uturn-odometer{gap:8px;padding:5px 8px}#world #home #home-uturns .uturn-city-label{font-size:9px}#world #home #home-uturns .uturn-road-sign{font-size:24px}#world #home #home-uturns .uturn-stat strong{font-size:15px}#world #home #home-uturns .uturn-open{padding-left:8px;font-size:10px}#home-uturns{margin-top:12px}}
/* The arrival question must sit above movable windows, not behind them. */
#world #home .portal-brand:has(.uturn-arrival:not([hidden])){z-index:150!important}

@media(max-width:620px){#world #home #home-uturns .uturn-arrival{right:12px;bottom:82px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 108px)}#world #home #home-uturns .uturn-close{width:28px;min-height:28px}}
