/* Quiet HUD, one city hub, and a clear split between shopping and ownership. */
.collection-summary .text-button{width:auto;flex-shrink:0}.collection-summary>span{white-space:nowrap}
#cityToolbar,body:not(.touch-ui):not(.in-duel) #cityToolbar{position:fixed;top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:374px;max-width:calc(100vw - 32px);padding:5px;border:1px solid #fff9;border-radius:19px;background:#fcf9edee;box-shadow:0 5px 25px #173f3612}
#cityToolbar .pill{border:0;background:transparent;min-width:0;padding:10px;gap:7px;height:46px;min-height:46px;justify-content:center;font-size:12px;border-radius:13px}#cityToolbar .pill:hover{background:#e5eadb}#cityToolbar svg,#quickActions svg{width:21px;height:21px;flex-shrink:0}#cityToolbar #coinCount{font-size:10px;font-weight:600;background:#efe4bf;border-radius:7px;padding:3px 5px;color:#72592f}#cityToolbar #shopButton>span{color:inherit;font-size:12px}
#quickActions{position:fixed;right:28px;bottom:25px;z-index:4;display:flex;gap:9px;align-items:flex-end}.quick-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:65px;height:65px;border-radius:19px;border:1px solid #fff9;background:#fcf9edf0;color:#254a40;box-shadow:0 5px 24px #173f3618;font-size:10px;font-weight:600;touch-action:manipulation}#quickActions #chatButton{background:#244c43;color:#fff8e6;border-color:#769385}.quick-action:active{scale:.96}
.playing .sunset-label,.playing .controls,.playing .minimap{display:none}
.quest{width:210px;padding:9px 13px;border-radius:14px}.quest .eyebrow,.quest p,.quest-head strong{display:none}.quest-head{position:absolute;right:12px;top:12px;margin:0}.quest-head>span{font-size:11px}.quest .text-button{font-size:11px;min-height:32px;height:32px;margin:0;padding:0 40px 0 0;border:0;display:flex;align-items:center}.quest .text-button span{display:none}.quest .progress{height:3px;margin:3px 0 0}.location{bottom:28px;max-width:230px}.location small{display:none}.location strong{font-size:12px}.touch-hint{display:none}
.city-back{display:block;border:0;background:transparent;padding:4px 0 12px;min-height:44px;font-size:12px;color:#486b59}.city-back:hover{text-decoration:underline}.city-back[hidden]{display:none}
#cityMenuDialog{width:min(560px,94vw)}.city-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 20px}.city-tile{display:flex;align-items:center;gap:12px;text-align:left;min-height:96px;padding:16px 13px;border:1px solid #d3dacb;background:#fffdf3;border-radius:15px;color:#264d40}.city-tile:hover{border-color:#759573;background:#edf0e0}.city-tile>svg{width:25px;height:25px;flex-shrink:0}.city-tile>span{min-width:0}.city-tile strong{display:block;font-size:13px;font-weight:650}.city-tile small{display:block;font-size:10px;line-height:1.4;color:#70816f;margin-top:6px}.city-tile>b{margin-left:auto;font-size:20px;font-weight:400}.city-menu-footer{display:flex;gap:10px;border-top:1px solid #d5ddcc;padding-top:16px}.city-menu-footer button{flex:1;justify-content:center;font-size:11px;min-height:44px;padding:10px}.in-duel #cityMenuDialog #vehiclesButton,.in-duel #cityMenuDialog #adsButton,.touch-ui #cityMenuDialog #adsButton{display:flex}
#collectionDialog{width:min(820px,96vw);padding:25px;scrollbar-width:thin}.collection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.collection-summary>span{font-size:12px;font-weight:650;color:#6e5a2e;background:#eee4c7;border-radius:8px;padding:9px 12px}.collection-summary .text-button{font-size:12px;min-height:44px;padding:8px 0;margin:0;border:0}.collection-intro{font-size:12px;color:#677b69;line-height:1.6;margin:5px 0 16px}
#collectionTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#e7ebdc;padding:4px;border-radius:13px;margin-bottom:18px}#collectionTabs button{background:transparent;border:0;border-radius:10px;min-height:44px;padding:10px 6px;color:#607563;font-size:12px;font-weight:600}#collectionTabs button[aria-selected=true]{background:#fffdf3;color:#214d3b;box-shadow:0 2px 7px #203e3210}
#collectionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;outline:none}.collection-card{border:1px solid #d5dccb;border-radius:17px;background:#fffdf4;overflow:hidden;min-width:0;display:flex;flex-direction:column}.collection-art{height:164px;display:flex;align-items:center;justify-content:center;position:relative;background:#ebedde;overflow:hidden}.collection-art img{width:100%;height:100%;object-fit:contain}.collection-art.vehicles img{object-fit:cover}.collection-art.emotes{color:#406c59;background:linear-gradient(145deg,#e9eddc,#e1e9da)}.collection-art svg{width:85px;height:85px}.food-symbol{font-size:56px}.collection-badge{position:absolute;top:10px;left:10px;background:#fcfbeded;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:600;color:#4c6b54}.collection-body{padding:13px;display:flex;flex-direction:column;flex:1;gap:8px}.collection-body h3{font-family:Manrope,sans-serif;margin:0;font-size:15px;letter-spacing:-.3px;line-height:1.35}.collection-note{font-size:11px;color:#6f7c68;margin:0;line-height:1.5;min-height:17px}.collection-use{margin-top:auto;min-height:44px;background:#284f40;color:#fff9e6;border:0;border-radius:10px;font-size:12px;font-weight:600}.collection-use:disabled{background:#e6e8da;color:#7e8978;cursor:default}.collection-pin,.collection-preview{border:0;background:transparent;min-height:40px;font-size:11px;color:#52715b}.collection-pin{border:1px solid #d7decc;border-radius:9px}.collection-pin[aria-pressed=true]{color:#315a42;background:#edf0dd;border-color:#b7c8a9}.collection-preview{min-height:36px;text-decoration:underline;text-underline-offset:3px}.collection-empty{grid-column:1/-1;text-align:center;padding:30px 15px;font-size:13px;color:#63775f}.collection-empty h3{font-size:17px;color:#34553d}.collection-empty .secondary{font-size:12px;min-height:44px;margin:12px auto 0}
#collectionStatus{font-size:12px;line-height:1.5;color:#2d6645;padding:12px;border:1px solid #bccdb4;border-radius:10px;background:#edf1e1;margin:0 0 12px}#collectionStatus[data-error=true]{color:#944831;background:#fcf0e5;border-color:#e2c9ad}#collectionStatus:empty{display:none}#collectionOpenBag{font-size:12px;min-height:44px;margin:0 0 16px}#collectionDialog .account-panel{margin-top:24px;padding:15px;border-radius:12px;background:#eaeddf}#collectionDialog .account-panel strong{font-size:12px}#collectionDialog .account-panel p{font-size:11px;line-height:1.6}#collectionDialog .account-actions a{font-size:11px;min-height:44px;padding:12px}
#emoteWheelDialog{width:min(410px,calc(100vw - 24px));padding:20px;background:#fbf8eb;color:#2e5142;border:1px solid #fff;max-height:85dvh;margin:auto 18px 110px auto;border-radius:23px}.wheel-heading h2{color:#2e5142;font-size:23px}.wheel-heading small{color:#6c8066;font-size:8px;letter-spacing:.1em}.wheel-heading .round{color:#345a47;border:1px solid #cdd7c1;background:transparent;min-width:44px;min-height:44px}.emote-wheel{height:auto;margin:18px 0 12px;background:none;border:0;aspect-ratio:auto;border-radius:0}#emoteWheelSlots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:static}.wheel-emote{position:static;transform:none;inset:auto;width:auto;min-width:0;min-height:117px;border:1px solid #d1dac5;border-radius:15px;background:#ecf0df;color:#315b45;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:7px}.wheel-emote:hover,.wheel-emote:focus-visible{background:#dce7c9;border-color:#6d9468;transform:none}.wheel-emote svg{width:43px;height:43px}.wheel-emote span{font-size:11px;color:inherit;white-space:normal}.wheel-emote small{color:#75866a;font-size:9px}.wheel-center{display:none}.wheel-pages{position:static;display:flex;justify-content:center;gap:18px;margin:4px 0 12px;color:#5f745a}.wheel-pages[hidden]{display:none}.wheel-pages button{background:transparent;color:#3b644d;border:1px solid #cbd7bd;width:44px;height:44px}.emotes-loading{grid-column:1/-1;font-size:13px}#emoteCollection{background:transparent;border:1px solid #cbd7bd;color:#42624b;border-radius:11px}#emoteWheelError{color:#9c4e38;font-size:12px;line-height:1.5}
.chat-writing #quickActions,.chat-writing #cityToolbar{visibility:hidden}#vehicleSpeed{bottom:145px}#exitVehicle{bottom:92px}#eatingStatus{bottom:94px}
.touch-ui #cityToolbar,.touch-ui.in-duel #cityToolbar{left:var(--edge-left);right:var(--edge-right);top:calc(max(12px,env(safe-area-inset-top)) + 112px);bottom:auto;transform:none;width:auto;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:2px;border-radius:16px}
.touch-ui #cityToolbar .pill,.touch-ui.in-duel #cityToolbar .pill{height:46px;min-height:46px;font-size:11px;padding:6px;gap:5px;min-width:0}.touch-ui #cityToolbar svg{width:18px;height:18px}.touch-ui #cityToolbar #shopButton>span{font-size:11px}.touch-ui #coinCount{font-size:9px;padding:3px 4px}
.touch-ui .quest{top:calc(max(12px,env(safe-area-inset-top)) + 58px);width:180px;padding:4px 12px 8px;min-height:43px}.touch-ui .quest .text-button{height:30px;min-height:30px;font-size:11px}.touch-ui .quest-head{top:8px}.touch-ui .quest-head>span{padding:1px 4px}.touch-ui .progress{margin:0;height:2px}.touch-ui .location,.touch-ui .minimap{display:none}
.touch-ui #quickActions{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 90px);gap:10px}.touch-ui .quick-action{width:62px;height:61px;border-radius:18px;font-size:10px}.touch-ui #quickActions svg{width:23px;height:23px}.touch-ui #jump{right:var(--edge-right);bottom:var(--edge-bottom);width:70px;height:70px}.touch-ui #run{right:calc(var(--edge-right) + 86px);bottom:calc(var(--edge-bottom) + 3px);width:58px;height:58px}.touch-ui .move-pad{width:104px}.touch-ui #joystick{width:104px;height:104px}.touch-ui #stick{top:28px;left:28px}
.touch-ui #arenaHud{top:190px}.touch-ui.in-duel #cityToolbar{top:calc(max(12px,env(safe-area-inset-top)) + 58px)}.touch-ui.in-duel #arenaHud{top:135px}.touch-ui #routeHud{bottom:184px}.touch-ui #shopInteract,.touch-ui #cafeInteract,.touch-ui #adInteract,.touch-ui #arenaInteract{bottom:190px;max-width:calc(100vw - 32px);font-size:11px}.touch-ui #eatingStatus{bottom:188px}.touch-ui #vehicleSpeed{bottom:190px}.touch-ui #exitVehicle{bottom:var(--edge-bottom)}
.touch-ui #emoteWheelDialog{margin:auto 12px calc(var(--edge-bottom) + 90px);width:calc(100vw - 24px);max-height:calc(100dvh - 145px);padding:17px}.touch-ui #collectionDialog{padding:20px 14px}.touch-ui #collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.touch-ui .collection-art{height:151px}.touch-ui .collection-body{padding:11px}.touch-ui .collection-body h3{font-size:14px}.touch-ui #collectionTabs button{font-size:11px}.touch-ui .collection-summary>span{font-size:11px;padding:8px}.touch-ui .collection-summary .text-button{font-size:11px}.touch-ui .city-tile{padding:14px 11px;gap:9px;min-height:96px}.touch-ui .city-tile>b{display:none}.touch-ui .city-tile>svg{width:22px}.touch-ui .city-tile strong{font-size:12px}.touch-ui .city-tile small{font-size:9px}.touch-ui .toast{top:188px;padding:12px;width:calc(100vw - 32px)}.touch-ui .toast .stamp{display:none}.touch-ui .toast strong{font-size:15px;margin:4px 0}.touch-ui .toast p{font-size:11px}
@media(max-width:360px){.touch-ui #cityToolbar svg{display:none}.touch-ui .city-tile{flex-direction:column;align-items:flex-start}.touch-ui .collection-art{height:133px}.touch-ui .collection-body h3{font-size:13px}}
@media(max-height:540px) and (orientation:landscape){.touch-ui #cityToolbar,.touch-ui.in-duel #cityToolbar{top:70px;left:var(--edge-left);right:auto;width:290px}.touch-ui .quest{display:none}.touch-ui #quickActions{bottom:calc(var(--edge-bottom) + 70px);gap:8px}.touch-ui .quick-action{width:53px;height:53px;border-radius:15px}.touch-ui #jump{width:58px;height:58px}.touch-ui #run{right:calc(var(--edge-right) + 72px);width:50px;height:50px}.touch-ui #arenaHud,.touch-ui.in-duel #arenaHud{top:70px;right:var(--edge-right);width:245px}.touch-ui #emoteWheelDialog{width:450px;margin:auto;max-height:94dvh;padding:14px}.wheel-emote{min-height:80px;padding:7px}.wheel-emote svg{height:30px;width:30px}.touch-ui #emoteWheelSlots{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-ui .emote-wheel{margin:12px 0 8px}.touch-ui #collectionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-ui #routeHud{bottom:70px;left:40%;max-width:190px}.touch-ui #shopInteract,.touch-ui #cafeInteract,.touch-ui #adInteract,.touch-ui #arenaInteract{bottom:75px}.touch-ui #vehicleSpeed,.touch-ui #eatingStatus{bottom:24px}.touch-ui .toast{top:130px;width:300px}.touch-ui .toast p{display:block}}
@media(prefers-reduced-motion:reduce){.quick-action:active{scale:1}}