/* GTA: GRAND THEFT ASS — CITY LIVE / v3
   A fictional, responsive game UI. The new art and motion are CSS-made. */
:root{--v3-gold:#ffd48c;--v3-glow:#ff58bc;--v3-teal:#85f9d3}
.side-menu{justify-content:center}.side-link{height:41px}.side-new-tag{margin-left:auto;font:900 9px var(--display);letter-spacing:0;color:#160816;background:#ffda91;padding:2px 3px;transform:skew(-8deg)}
.event-nav-dot,.broadcast-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a2ffb6;box-shadow:0 0 9px #a2ffb6;animation:broadcastPulse 2.8s infinite}.event-nav-dot{margin-right:8px}.v3-nav{color:#e6f4e7}.citylive-broadcast{color:#a5ffbe;font-size:10px;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;margin-left:10px}
@keyframes broadcastPulse{50%{opacity:.33;box-shadow:0 0 3px #a2ffb6}}
.home-city-alert{position:absolute;top:13%;right:3%;z-index:3;width:270px;border:1px solid #ef80c5ba;background:linear-gradient(160deg,#150a1eeb,#160d23ed);box-shadow:0 7px 30px #05040caa,0 0 19px #f33ea130;backdrop-filter:blur(14px);font-family:var(--display)}
.home-city-top,.home-city-progress{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;font-size:10px;font-weight:900;letter-spacing:1.3px;gap:4px}.home-city-top{border-bottom:1px solid #ff8bd64d;color:#d9ffd6}.home-city-top button{border:0;background:transparent;color:#ffc1e8;font:900 10px var(--display);letter-spacing:1px}.home-city-top .broadcast-dot{width:6px;height:6px;margin-right:4px}.home-city-content{padding:12px 14px 9px}.home-city-content small{font:800 9px var(--display);color:#ffd98f;letter-spacing:1.7px}.home-city-content h3{font:900 26px/.93 var(--display);letter-spacing:.7px;margin:7px 0;text-shadow:2px 2px 0 #09030b}.home-city-content p{font:500 11px/1.4 var(--body);color:#f3dbe8;max-width:240px;margin:0 0 11px}.home-city-action{background:var(--pink);color:#220519;border:0;padding:8px 10px;font:900 12px var(--display);letter-spacing:1px;display:flex;justify-content:space-between;width:100%}.home-city-action:hover{filter:brightness(1.2)}.home-city-progress{background:#0b0914b0;border-top:1px solid #ff8bd64d;color:#b9a4b6}.home-city-progress span:first-child{color:#9ddfc3}
.citylive-view{background:linear-gradient(90deg,#0a0912f2,#100818f3 57%,#170c23e8);overflow-y:auto}.citylive-head{margin-bottom:19px}.citylive-head h2{font-size:clamp(38px,4.5vw,70px)}.citylive-head p{max-width:620px}.citylive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;color:#eadbdf;flex-wrap:wrap}.citylive-toolbar-left,.citylive-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.citylive-toolbar-left{font:800 10px var(--display);letter-spacing:1.2px}.citylive-toolbar-left>span:not(:first-child){border-left:1px solid #af8aab;padding-left:10px}.toolbar-tag{background:#2b192e;border:1px solid #9e447b;color:#ffc6e6;padding:8px 10px}.v3-theme-btn,.call-mia-button{height:30px;border:1px solid #8f6588;background:#150c1c;color:#ead4e2;font:900 11px var(--display);letter-spacing:1px;padding:0 11px}.v3-theme-btn.active{border-color:var(--pink);background:#ef57b1;color:#21071c;box-shadow:0 0 13px #ff5bba70}.call-mia-button{border-color:#bdbbbf;color:#fff}.call-mia-button:hover{background:#383042}
.citylive-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(305px,.95fr);gap:13px;height:min(48vh,425px);min-height:312px}.citylive-feature,.citylive-board{min-width:0;background:#0b0812;border:1px solid #a66a9a;box-shadow:0 10px 25px #0007}.citylive-feature{display:flex;flex-direction:column}.feature-art{position:relative;flex:1;overflow:hidden;background:linear-gradient(90deg,#100a1dad 0%,#160b2055 55%,#12071b85),linear-gradient(0deg,#1c081ae0 0%,transparent 50%),url('assets/mission-3.webp') center 54%/cover}.citylive-view.night-shift .feature-art{background:linear-gradient(90deg,#05091bd4,#090d24a8),linear-gradient(0deg,#1a1024d0,transparent 65%),url('assets/mission-3.webp') center/cover}.feature-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px);opacity:.15}.feature-corner{position:absolute;z-index:2;top:14px;font:800 10px var(--display);letter-spacing:1.6px;color:#ffe8f6;text-shadow:1px 2px #000}.feature-corner.top-left{left:18px}.feature-corner.top-right{right:16px;color:#ffd699}.feature-hero-copy{position:absolute;z-index:3;left:25px;bottom:24px;width:min(70%,420px)}.feature-kicker{color:#f8b3dc;font:900 13px var(--display);letter-spacing:2px;text-shadow:0 2px 5px #000}.feature-hero-copy h3{font:900 clamp(46px,5.8vw,90px)/.84 var(--impact);letter-spacing:-1px;margin:10px 0;text-shadow:5px 6px 0 #07050e,0 0 22px #100517}.feature-hero-copy h3 em{font-style:normal;color:#ff67be}.feature-hero-copy p{font:600 13px/1.45 var(--body);text-shadow:0 2px 6px #000;max-width:320px;margin-bottom:15px}.feature-hero-copy .btn-main{min-width:200px;font-size:16px}.feature-coordinates{position:absolute;right:12px;bottom:13px;color:#fff8;font:800 10px var(--display);letter-spacing:1.8px}.feature-bottom{display:flex;justify-content:space-between;padding:10px 14px;gap:8px;background:#100b18;align-items:center;font:900 11px var(--display);letter-spacing:1px}.feature-bottom span:first-child{color:#aeffce}.feature-bottom b{color:#ff78c6;margin-left:4px;font-size:14px}.feature-bottom .broadcast-dot{width:7px;height:7px;margin-right:3px}
.v3-sun-disc{width:360px;height:360px;border:7px solid #ffb17b13;border-radius:50%;background:radial-gradient(circle,#ffbe6b16,#ff40820b 55%,transparent 65%);position:absolute;top:-90px;right:-55px;filter:blur(2px);pointer-events:none}.v3-street-lines{position:absolute;inset:70% 0 -90%;background:repeating-linear-gradient(90deg,transparent 0 50px,#ff70901a 50px 56px,transparent 56px 180px);transform:perspective(100px) rotateX(30deg);opacity:.4}.v3-drive-car{position:absolute;bottom:18%;right:2%;width:160px;height:63px;opacity:.82;filter:drop-shadow(0 5px 14px #ff6be7a1);animation:carIdle 4s ease-in-out infinite;pointer-events:none}.v3-car-top{position:absolute;left:44px;top:3px;width:75px;height:25px;background:linear-gradient(140deg,#221a39,#5a2462);transform:skew(-20deg);border:2px solid #fe82cb;border-bottom:0;border-radius:6px 13px 0 0}.v3-car-base{position:absolute;top:24px;left:0;width:156px;height:29px;background:linear-gradient(#7c2073,#200722 65%,#11050e);border:2px solid #ffb6e2;border-radius:10px 20px 6px 5px;box-shadow:0 8px 0 -4px #191222}.v3-car-base:after,.v3-car-base:before{content:'';position:absolute;bottom:-10px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#ccbad1 0 4px,#08080d 5px 10px,#9c708e 11px)}.v3-car-base:before{left:23px}.v3-car-base:after{right:20px}.v3-car-lights{position:absolute;right:0;top:26px;width:9px;height:12px;background:#ffac73;box-shadow:0 0 20px #ffa66e}@keyframes carIdle{50%{transform:translateX(-9px) translateY(-2px)}}
.citylive-board{display:flex;flex-direction:column}.board-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;background:#221327}.board-head b{font:900 24px var(--display);letter-spacing:1px}.board-head small{display:block;color:#d0b8c8;font:800 9px var(--display);letter-spacing:1.4px;margin-top:3px}.board-live-icon{font:900 10px var(--display);color:#a4ffb6;white-space:nowrap}.citylive-quests{overflow-y:auto;min-height:0;flex:1;scrollbar-color:#9e3f79 #0b0610}.city-quest{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:10px 13px;background:#110c1a;border:0;border-bottom:1px solid #ffffff22;color:#fff;transition:background .15s}.city-quest:hover,.city-quest:focus-visible{background:#3c193a}.city-quest.is-featured{background:#3b1936;border-left:3px solid #ff63bd}.city-quest-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:46px;background:linear-gradient(140deg,#6d225f,#25102d);border:1px solid #ad5095;color:#ffc1e3;font-size:23px}.city-quest-copy{flex:1;min-width:0}.city-quest-copy small{display:block;color:#ffd187;font:900 9px var(--display);letter-spacing:1.2px}.city-quest-copy strong{display:block;font:900 20px var(--display);letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-quest-copy span{display:block;color:#d6bdce;font:500 11px/1.3 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-quest-right{display:flex;flex-direction:column;align-items:end;gap:4px;white-space:nowrap}.city-quest-right b{color:#ff80c9;font:900 14px var(--display)}.city-quest-right small{color:#bcfcd3;font:800 9px var(--display)}.citylive-board-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 15px;background:#140e1e;font:800 9px var(--display);letter-spacing:1.3px;color:#aa93a8}.citylive-board-foot button{background:none;border:0;color:#ff82c9;font:900 11px var(--display);letter-spacing:1px}
.citylive-lower{padding:15px 0 0}.citylive-ticker{border:1px solid #a8759a;background:#0e0a15;display:flex;min-height:40px;align-items:center;gap:13px;overflow:hidden;font:900 11px var(--display);letter-spacing:1.4px}.ticker-live{padding:10px 14px;background:#ee4faf;color:#150414;white-space:nowrap;font-size:14px}.ticker-text{flex:1;min-width:0;color:#ffdfeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-badge{color:#96f7af;padding-right:16px}.citylive-low-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.citylive-low-cards button{min-width:0;background:#1a101fbd;border:1px solid #ffffff3d;color:#fff;display:flex;align-items:center;gap:14px;padding:11px 14px;text-align:left}.citylive-low-cards button:hover{background:#352039;border-color:#ff82c4}.citylive-low-cards button>b{font:900 28px var(--display);color:#ff76c7}.citylive-low-cards button>span{flex:1;min-width:0;font:900 17px var(--display);letter-spacing:.4px}.citylive-low-cards button small{display:block;font:800 9px var(--display);color:#c9aebf;letter-spacing:1px;margin-top:3px}.citylive-low-cards button i{font-style:normal;color:#ff80cf;font-size:18px}
/* Optional night shift affect just the environmental treatment, not the story UI. */
.app.v3-is-night .skyback{filter:brightness(.58) hue-rotate(17deg) saturate(1.3)}.app.v3-is-night .view-home:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(130deg,#180f3e17,#05091d5c)}.app.v3-is-night .view-home>*{z-index:1}.app.v3-is-night .home-copy{z-index:2}.app.v3-is-night .home-hud,.app.v3-is-night .home-city-alert{z-index:3}
.map-city-events{position:absolute;inset:0;z-index:4;pointer-events:none}.map-event-pin{position:absolute;pointer-events:auto;display:grid;place-items:center;min-width:36px;height:36px;border-radius:9px;transform:translate(-50%,-50%);background:#ffd28e;color:#240c22;border:2px solid #fff;box-shadow:0 0 0 6px #ffc78524,0 3px 24px #ff4fae8c;font-size:19px;transition:scale .2s}.map-event-pin:hover{scale:1.16}.map-event-pin:after{content:'LIVE';font:900 8px var(--display);position:absolute;top:-18px;color:#acffd5;letter-spacing:1px}.map-event-pin.completed{background:#94efb5}.map-side:after{content:'★ GOLD MARKERS = BONUS CITY LIVE EVENTS';display:block;color:#ffd590;font:900 10px var(--display);letter-spacing:1px;margin-top:13px}
/* New activity mini-game overlay, uses self-contained panel to avoid v2 arcade collisions. */
.city-event-overlay,.city-call-overlay{position:absolute;inset:0;z-index:75;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s}.city-event-overlay.show,.city-call-overlay.show{visibility:visible;opacity:1;pointer-events:auto}.city-event-shade,.city-call-shade{position:absolute;inset:0;background:#07050ddc;backdrop-filter:blur(10px)}.city-event-panel{position:relative;z-index:1;width:min(790px,calc(100vw - 32px));max-height:92dvh;overflow:auto;background:linear-gradient(150deg,#211029,#0c0814 60%);border:1px solid #f474bf;box-shadow:8px 8px 0 #06030a,0 0 90px #fb55ae26;padding:0 30px 20px}.ce-header,.ce-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font:900 11px var(--display);letter-spacing:1.4px}.ce-header{padding:14px 0;border-bottom:1px solid #fff3}.ce-header button,.ce-footer button{border:0;background:none;color:#ffc3e4;font:900 12px var(--display);letter-spacing:1px}.ce-top{display:flex;justify-content:space-between;gap:12px;color:#ffd294;font:900 12px var(--display);letter-spacing:2px;margin:18px 0 7px}.city-event-panel>h2{font:900 clamp(55px,7vw,97px)/.87 var(--display);letter-spacing:1px;text-shadow:4px 4px #08030c}.city-event-panel>p{color:#f6cde3;font:600 14px var(--body);line-height:1.5;margin:12px 0 18px}.ce-game{min-height:220px;border:1px solid #a56893;background:linear-gradient(140deg,#211226,#100c1b);padding:17px}.ce-footer{border-top:1px solid #fff2;margin-top:17px;padding-top:14px;color:#b69fad}.ce-game h3{font:900 26px var(--display);letter-spacing:.5px;margin-bottom:9px}.ce-description{color:#edcddf;font:600 12px/1.45 var(--body);margin-bottom:17px}.ce-steps{color:#ffd08c;font:900 12px var(--display);letter-spacing:1px;margin-bottom:10px}.ce-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ce-options button,.ce-answer-button{border:1px solid #b65c95;background:#311a35;color:#fff;padding:13px 10px;font:900 16px var(--display);min-height:48px;letter-spacing:.7px;transition:background .15s,transform .15s}.ce-options button:hover,.ce-answer-button:hover{background:#65315d;transform:translateY(-2px)}.ce-options button:disabled{opacity:.4}.ce-route-map{height:150px;margin-bottom:14px;background:linear-gradient(120deg,#182b39,#272037);display:flex;align-items:center;justify-content:space-around;position:relative;overflow:hidden}.ce-route-map:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 35px,#ffffff10 36px 40px),repeating-linear-gradient(120deg,transparent 0 50px,#ffffff12 51px 55px);pointer-events:none}.ce-route-map span{z-index:1;background:#4b204b;border:1px solid #ffa8d4;color:#fff;font:900 13px var(--display);padding:9px 12px}.ce-route-map .route-car{font-size:45px;border:0;background:transparent}.ce-feedback{min-height:28px;color:#bdf5ce;font:800 13px var(--display);letter-spacing:.6px;padding:10px 0}.ce-photo-zone{height:190px;position:relative;overflow:hidden;margin:8px 0 12px;background:linear-gradient(0deg,#110d20b0,#0000),url('assets/city-hero.webp') center 45%/cover}.ce-photo-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:116px;border:3px solid #fff8;border-radius:2px}.ce-photo-mark:before,.ce-photo-mark:after{content:'';position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px solid #fff3}.ce-photo-mark:after{left:-3px;right:-3px;top:50%;bottom:auto;border:0;border-top:1px solid #fff3}.ce-photo-target{position:absolute;top:40%;left:0%;width:70px;height:70px;border:3px solid #ffd883;background:#ffa6d344;display:grid;place-items:center;font-size:40px;border-radius:50%;animation:photoTrack 2.9s linear infinite alternate}.ce-photo-zone.frozen .ce-photo-target{animation-play-state:paused}@keyframes photoTrack{from{left:5%}to{left:85%}}.ce-photo-overlay{position:absolute;inset:0;pointer-events:none;border:7px solid #fff7;opacity:0}.ce-photo-zone.flashed .ce-photo-overlay{animation:photoFlash .34s ease-out}@keyframes photoFlash{0%{background:white;opacity:1}100%{opacity:0}}.ce-shot-button{background:#ff60ba;color:#180815;border:0;padding:12px 28px;font:900 22px var(--display);letter-spacing:1px}.ce-billboard{min-height:150px;border:5px solid #130d18;box-shadow:0 0 0 2px #c36caa,0 15px 0 -8px #0a0610;background:linear-gradient(140deg,#5f205b,#170923);display:grid;place-items:center;text-align:center;transform:rotate(-1deg);margin:8px 4px 26px;padding:15px}.ce-billboard strong{font:900 clamp(27px,4vw,48px)/.95 var(--impact);color:#fff;text-shadow:3px 3px 0 #07030d;max-width:98%}.ce-billboard strong em{color:#ff9cdd;font-style:normal}.ce-peach-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.ce-peach-grid button{aspect-ratio:1;min-width:0;background:linear-gradient(140deg,#2b2438,#4a2546);border:1px solid #9c638f;color:#e9d3e7;font-size:36px}.ce-peach-grid button:hover{background:#60355e}.ce-peach-grid button.found{border-color:#ffd98b;background:#684047;box-shadow:0 0 25px #ffcc6e55}.ce-done{text-align:center;padding:18px 3px 20px}.ce-done-stars{font-size:42px;color:#ffdb8c;letter-spacing:10px}.ce-done h3{font:900 clamp(50px,6vw,75px)/.92 var(--display);margin:12px 0;color:#fff}.ce-done h3 em{color:#ff77c3;font-style:normal}.ce-done p{color:#f4d3e3;margin:6px 0 20px}.ce-done .btn-main{min-width:225px}
.city-call-toast{position:absolute;left:26px;bottom:35px;z-index:44;width:min(380px,calc(100vw - 52px));display:flex;align-items:center;gap:11px;padding:9px 12px;background:#130e1fea;border:1px solid #e683c4;box-shadow:0 12px 42px #000a;backdrop-filter:blur(10px);transform:translateY(145%);opacity:0;visibility:hidden;transition:transform .4s,opacity .35s,visibility .35s}.city-call-toast.show{transform:translateY(0);opacity:1;visibility:visible}.call-toast-avatar img{width:46px;height:46px;object-fit:cover;border:2px solid #ff88cf}.call-toast-copy{flex:1;min-width:0}.call-toast-copy small{font:900 10px var(--display);letter-spacing:1px;color:#a7ffd1}.call-toast-copy b{display:block;font:900 15px var(--display)}.call-toast-actions{display:flex;gap:4px}.call-toast-actions button{border:0;background:#a1ffb8;color:#12301a;padding:9px;font:900 11px var(--display)}.call-toast-actions button:last-child{background:#f46e94;color:#2c0d1d}.city-call-overlay{z-index:78}.city-call-device{z-index:1;position:relative;width:min(360px,calc(100vw - 38px));min-height:520px;max-height:95dvh;padding:22px 25px 27px;overflow:auto;display:flex;align-items:center;flex-direction:column;background:linear-gradient(160deg,#421a4b,#18112b 58%,#090d18);border:8px solid #0a0710;outline:2px solid #aa91b1;border-radius:35px;box-shadow:0 0 65px #fe61bc66;text-align:center}.call-top-hud{font:900 9px var(--display);letter-spacing:1px;color:#d9bfcf;align-self:stretch;display:flex;justify-content:space-between}.call-avatar{margin-top:38px;width:125px;height:125px;border-radius:50%;padding:5px;border:2px solid #f99ad5;box-shadow:0 0 0 10px #fc82c320,0 0 45px #ff86cc44;overflow:hidden}.call-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.call-name-label{margin:26px 0 4px;font:900 11px var(--display);color:#b6ffcf;letter-spacing:2px}.city-call-device h3{font:900 57px var(--display)}.call-transcript{font:600 15px/1.45 var(--body);color:#fbe3f0;min-height:58px;margin:14px 0}.call-response-row{width:100%;display:flex;flex-direction:column;gap:8px}.call-response-row button{width:100%;background:#ff67bb;color:#1c071a;border:0;padding:12px 10px;font:900 16px var(--display);letter-spacing:1px}.call-response-row button:nth-child(2){background:#34253d;color:#fee7f4;border:1px solid #9a6695}.hangup-btn{margin-top:20px;background:#d74568;border:0;color:white;padding:11px 27px;border-radius:100px;font:900 13px var(--display);letter-spacing:1px}
@media(max-width:1270px){.topnav{gap:9px}.topnav-link{font-size:14px}.side-link{height:38px}.citylive-grid{height:380px}.feature-hero-copy h3{font-size:58px}.home-city-alert{top:13%}}
@media(max-width:1040px){.home-city-alert{top:11%;width:230px}.home-city-content h3{font-size:22px}.home-city-content p{font-size:10px}.citylive-grid{grid-template-columns:1fr 310px}.citylive-head h2{font-size:50px}.feature-hero-copy h3{font-size:55px}.feature-hero-copy p{font-size:11px}.citylive-toolbar-left #cityWeather{display:none}}
@media(max-width:850px){.citylive-grid{grid-template-columns:1fr;height:auto}.citylive-feature{height:340px}.citylive-board{height:330px}.citylive-view{padding-top:30px}.citylive-low-cards{grid-template-columns:1fr}.citylive-lower{padding-bottom:40px}.citylive-toolbar{gap:8px}.home-city-alert{display:none}.topnav .v3-nav{display:none}.side-new-tag{display:none}}
@media(max-width:700px){.side-menu .v3-sidelink{display:flex!important}.side-menu{overflow-x:auto;justify-content:flex-start;gap:2px;padding-right:8px}.side-link{width:auto;flex:0 0 auto;min-width:70px;padding:0 6px!important;font-size:12px!important}.side-link i{display:none}.side-menu .v3-sidelink{min-width:82px}.citylive-view{padding:32px 15px 110px}.citylive-head .stage-stamp{display:none}.citylive-head h2{font-size:48px}.citylive-head p{font-size:12px}.citylive-toolbar-left{font-size:9px}.toolbar-tag{padding:6px}.citylive-toolbar-right{width:100%}.v3-theme-btn,.call-mia-button{height:34px}.citylive-feature{height:355px}.feature-hero-copy{left:16px;bottom:20px;width:82%}.feature-hero-copy h3{font-size:55px}.feature-hero-copy p{font-size:11px}.feature-hero-copy .btn-main{min-width:185px;font-size:13px}.feature-bottom{padding:10px 6px;font-size:9px}.feature-bottom span:first-child{display:none}.citylive-board{height:345px}.feature-corner.top-right{display:none}.citylive-low-cards button>span{font-size:16px}.city-event-panel{width:calc(100vw - 16px);padding:0 15px 18px;max-height:94dvh}.city-event-panel>h2{font-size:56px}.ce-options{grid-template-columns:1fr}.ce-route-map{height:115px}.ce-photo-zone{height:165px}.ce-peach-grid{gap:4px}.ce-peach-grid button{font-size:25px}.city-call-toast{bottom:90px;left:10px;width:calc(100vw - 20px)}.home-hud{display:none}.map-event-pin{width:30px;height:30px;min-width:30px;font-size:16px}}
@media(max-height:760px) and (min-width:851px){.citylive-view{padding-top:30px}.citylive-head{margin-bottom:12px}.citylive-head h2{font-size:50px}.citylive-grid{height:310px;min-height:300px}.citylive-toolbar{margin-bottom:7px}.feature-hero-copy h3{font-size:60px}.citylive-low-cards button{padding:7px 10px}.citylive-lower{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.v3-drive-car,.broadcast-dot,.ce-photo-target{animation:none!important}.city-event-overlay,.city-call-overlay,.city-call-toast{transition:none}}

/* Final readability fixes after visual review. */
@media(min-width:701px){.side-menu{bottom:160px}.v3-sidelink>span:nth-child(2){white-space:nowrap}.side-new-tag{display:none}.app:has(.citylive-view.active) .phone-launcher{display:none}}
@media(min-width:851px){.feature-hero-copy{width:85%;max-width:none}.feature-hero-copy h3{font-size:clamp(43px,4.3vw,66px)} }
@media(min-width:701px) and (max-width:850px){.side-menu{bottom:105px}.v3-sidelink>span:nth-child(2){white-space:nowrap}}
@media(max-width:700px){.side-new-tag{display:none!important}.feature-hero-copy{width:94%}.feature-hero-copy h3{font-size:45px}}

.home-live-mobile{display:none}.v3-profile-sidejobs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:11px;background:#180f22;border:1px solid #ff77bb60;font:900 12px var(--display);letter-spacing:1px}.v3-profile-sidejobs span{color:#e5aecb}.v3-profile-sidejobs strong{color:#ffd591;font-size:20px}.v3-profile-sidejobs button{margin-left:auto;border:1px solid #f276b8;background:#522342;color:white;padding:8px 11px;font:900 13px var(--display)}
@media(max-width:700px){.home-live-mobile{display:flex;align-items:center;gap:8px;margin-top:11px;padding:8px 9px;border:1px solid #ffa8dc;background:#1b1029e6;color:#b7ffc7;font:900 12px var(--display);letter-spacing:.6px;white-space:nowrap}.home-live-mobile .broadcast-dot{width:6px;height:6px}.home-live-mobile b{margin-left:5px;color:#ff8ecc}.v3-profile-sidejobs{font-size:11px}}