:root{font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;color:#fff8ec;background:radial-gradient(circle at 20% 10%,rgba(255,222,154,.45),transparent 25%),radial-gradient(circle at 80% 15%,rgba(129,222,205,.22),transparent 22%),linear-gradient(180deg,#7fc2d4,#f1d8b2 49%,#d28c63)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden;overscroll-behavior:none}button{font:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.app-shell,.title-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell{min-height:100vh;cursor:default;touch-action:none}.scene{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at center,rgba(255,248,220,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%)}.scene-frame{position:relative;width:100vw;height:100vh;overflow:hidden}.scene-stage{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden;border-radius:2.2rem;box-shadow:0 24px 60px #311d1438;background:radial-gradient(circle at center,rgba(255,248,220,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%)}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,calc(var(--delight-flash, 0) * .14)),transparent 30%),radial-gradient(circle at center,rgba(255,84,84,calc(var(--danger-flash, 0) * .12)),transparent 38%);pointer-events:none}.sun-glow{position:absolute;width:42rem;height:42rem;top:-18rem;right:-10rem;background:radial-gradient(circle,rgba(255,236,173,.76) 0%,rgba(255,222,154,.18) 45%,transparent 72%);filter:blur(14px)}.skyline{position:absolute;left:-5%;width:110%;background-repeat:repeat-x;opacity:.78}.skyline--far{top:10%;height:24%;background-image:radial-gradient(circle at 8% 10%,rgba(255,242,221,.25) 0 2%,transparent 2.1%),linear-gradient(90deg,transparent 0 3%,rgba(111,146,153,.42) 3% 8%,transparent 8% 9%,rgba(111,146,153,.38) 9% 15%,transparent 15% 18%,rgba(111,146,153,.44) 18% 25%,transparent 25% 27%,rgba(111,146,153,.4) 27% 33%,transparent 33% 36%,rgba(111,146,153,.44) 36% 42%,transparent 42% 45%,rgba(111,146,153,.38) 45% 51%,transparent 51% 55%,rgba(111,146,153,.43) 55% 61%,transparent 61% 65%,rgba(111,146,153,.38) 65% 70%,transparent 70% 73%,rgba(111,146,153,.45) 73% 80%,transparent 80% 84%,rgba(111,146,153,.34) 84% 90%,transparent 90%);filter:blur(1px)}.skyline--mid{top:18%;height:28%;background-image:linear-gradient(90deg,rgba(87,124,132,.8) 0 10%,transparent 10% 13%,rgba(87,124,132,.84) 13% 21%,transparent 21% 24%,rgba(87,124,132,.76) 24% 34%,transparent 34% 38%,rgba(87,124,132,.88) 38% 47%,transparent 47% 52%,rgba(87,124,132,.74) 52% 60%,transparent 60% 64%,rgba(87,124,132,.8) 64% 76%,transparent 76% 80%,rgba(87,124,132,.76) 80% 90%,transparent 90% 100%)}.street-stage{position:absolute;inset:14% 5% 10%;border-radius:3rem;background:linear-gradient(180deg,#fff6e585,#f5d6ba24),linear-gradient(180deg,#d39a6d,#c17d58 28%,#9f6146);box-shadow:inset 0 2px #ffffff73,inset 0 -10px 40px #68302038,0 18px 40px #4b2b202e}.city-block{position:absolute;width:30%;height:31%;background:linear-gradient(180deg,#fae7c9d6,#d18f637a);border-radius:2.7rem;box-shadow:inset 0 2px #fffaf057}.city-block:after{content:"";position:absolute;inset:8%;border-radius:2rem;background:radial-gradient(circle at 14% 25%,rgba(111,167,111,.8) 0 7%,transparent 8%),radial-gradient(circle at 70% 22%,rgba(91,150,103,.68) 0 6%,transparent 7%),radial-gradient(circle at 42% 72%,rgba(245,230,180,.5) 0 10%,transparent 11%)}.city-block--top-left{left:4%;top:4%}.city-block--top-right{right:4%;top:4%}.city-block--bottom-left{left:4%;bottom:4%}.city-block--bottom-right{right:4%;bottom:4%}.building{position:absolute;inset:16% 14%;border-radius:2rem 2rem 1.4rem 1.4rem;background:linear-gradient(180deg,#ffefc7,#f7b768 28%,#d98351);box-shadow:inset 0 5px #ffffff70,inset 0 -10px 18px #7c3d1e29}.cluster-b{background:linear-gradient(180deg,#d2f4eb,#73c4b1 28%,#307c72)}.cluster-c{background:linear-gradient(180deg,#ffe7c7,#ec9c70 32%,#9d5344)}.cluster-d{background:linear-gradient(180deg,#fff0de,#f2cf88 24%,#c9904e)}.awning,.window,.sign,.planter,.bench,.tiny-lane{position:absolute}.awning{left:16%;bottom:10%;width:54%;height:18%;border-radius:1rem;background:repeating-linear-gradient(90deg,#fff6dd 0 13%,#ec6f5f 13% 26%)}.window{top:18%;width:18%;height:22%;border-radius:1rem;background:linear-gradient(180deg,#eefcff,#9fc3d4);box-shadow:inset 0 0 0 4px #fff9e999}.window--round{left:16%;border-radius:50%}.window--tall{left:42%;height:30%}.window--wide{left:22%;width:48%;border-radius:1.4rem}.sign{padding:.32rem .7rem;border-radius:999px;background:#194442e6;color:#fef8e9;font-size:.72rem;letter-spacing:.05em}.sign--tram{right:12%;top:14%}.sign--tea{right:10%;top:15%;background:#86392fe6}.sign--mail{left:12%;top:14%;background:#785f20e6}.planter{right:12%;bottom:12%;width:18%;height:22%;border-radius:1rem 1rem 1.4rem 1.4rem;background:linear-gradient(180deg,#8a5c37,#714326);box-shadow:inset 0 0 0 4px #ffebcc38,0 -16px 0 -6px #5da866,-10px -22px 0 -9px #79b975,10px -20px 0 -10px #4b9152}.bench{left:18%;bottom:14%;width:24%;height:12%;border-radius:1rem;background:linear-gradient(180deg,#94643c,#62381f);box-shadow:0 14px 0 -7px #59371feb,0 20px 0 -9px #59371feb}.tiny-lane{left:8%;bottom:9%;width:26%;height:11%;border-radius:999px;background:linear-gradient(180deg,#8f6347,#6b4633);box-shadow:inset 0 0 0 3px #ffebd633}.road{position:absolute;background:linear-gradient(180deg,#495666,#2d3843);box-shadow:inset 0 0 0 10px #fdeccb0f,inset 0 22px 26px #ffffff0a,inset 0 -22px 26px #0000001f}.road--vertical{top:3%;bottom:3%;left:42%;width:16%;border-radius:2.5rem}.road--horizontal{left:3%;right:3%;top:39%;height:22%;border-radius:2.5rem}.road--active{box-shadow:inset 0 0 0 10px #fdeccb0f,inset 0 22px 26px #ffffff0a,0 0 0 2px #7ee8b84d,0 0 30px #7ee8b838}.crosswalk{position:absolute;background:repeating-linear-gradient(90deg,rgba(255,250,238,.85) 0 10%,transparent 10% 20%);opacity:.85}.crosswalk--top,.crosswalk--bottom{width:16%;height:4%;left:42%}.crosswalk--left,.crosswalk--right{width:4%;height:22%;top:39%;background:repeating-linear-gradient(180deg,rgba(255,250,238,.85) 0 10%,transparent 10% 20%)}.crosswalk--top{top:35%}.crosswalk--bottom{top:61%}.crosswalk--left{left:38%}.crosswalk--right{left:58%}.crosswalk--go{filter:drop-shadow(0 0 12px rgba(149,235,189,.45))}.intersection-center{position:absolute;left:calc(50% - 7rem);top:calc(52.5% - 7rem);width:14rem;height:14rem;z-index:3}.roundabout-bloom{position:absolute;inset:1.1rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fdf4cf,#f9d989 24%,#e4a95d 26%,#ba6a48 60%,#8a4e3b);box-shadow:0 0 0 .7rem #fff5e059,inset 0 8px 12px #ffffff4d}.pip{position:absolute;inset:0}.speech-ribbon{position:absolute;top:-2.3rem;left:50%;transform:translate(-50%);min-width:12rem;padding:.55rem .95rem;border-radius:999px;background:#fff7e3e0;color:#6d412b;text-align:center;font-size:.82rem;box-shadow:0 10px 20px #66462724}.speech-ribbon--live{background:#ddfff8f0}.pip-tail{position:absolute;width:5.8rem;height:2.4rem;bottom:3.1rem;left:4.2rem;border-radius:999px;background:repeating-linear-gradient(90deg,#f5b160 0 16%,#fff6db 16% 31%,#c95f39 31% 47%);transform:rotate(24deg);box-shadow:inset 0 4px 8px #ffffff42}.pip-tail--poof{transform:rotate(36deg) scale(1.08);filter:saturate(1.1)}.pip-body{position:absolute;left:50%;top:50%;width:5.6rem;height:6.4rem;transform:translate(-50%,-48%)}.pip-cap{position:absolute;top:0;left:.9rem;width:3.8rem;height:1.7rem;border-radius:1.3rem 1.3rem .9rem .9rem;background:linear-gradient(180deg,#17384a,#0f2231);box-shadow:inset 0 3px #ffffff24,0 0 0 .2rem #f1c35f}.pip-cap:after{content:"";position:absolute;width:1rem;height:1rem;left:50%;top:.25rem;transform:translate(-50%);border-radius:50%;background:#ffd565}.pip-face{position:absolute;top:1.15rem;left:.85rem;width:3.9rem;height:3.8rem;border-radius:2rem 2rem 1.7rem 1.7rem;background:radial-gradient(circle at 30% 43%,#fff9ea 0 14%,transparent 14.5%),radial-gradient(circle at 70% 43%,#fff9ea 0 14%,transparent 14.5%),linear-gradient(180deg,#dc7444,#c25732);box-shadow:inset 0 7px #ffc77a4d}.pip-face:before,.pip-face:after{content:"";position:absolute;top:-.45rem;width:1rem;height:1.5rem;border-radius:1rem 1rem .2rem .2rem;background:#d6663e}.pip-face:before{left:.25rem;transform:rotate(-14deg)}.pip-face:after{right:.25rem;transform:rotate(14deg)}.eye{position:absolute;top:1.52rem;width:.34rem;height:.62rem;border-radius:999px;background:#40231b}.eye:first-child{left:1.35rem}.eye:last-child{right:1.35rem}.pip-baton{position:absolute;right:-.45rem;top:3rem;width:2.8rem;height:.55rem;border-radius:999px;background:linear-gradient(90deg,#fff8de 0 24%,#4be0e0 24% 100%);box-shadow:0 0 18px #4be0e061;transform-origin:.2rem 50%;transition:transform .18s ease}.pip-baton--ns{transform:rotate(-44deg)}.pip-baton--ew{transform:rotate(10deg)}.vehicle{position:absolute;z-index:5;filter:drop-shadow(0 9px 10px rgba(50,34,28,.26));transition:box-shadow .12s ease}.vehicle--favored{filter:drop-shadow(0 11px 14px rgba(50,34,28,.28)) drop-shadow(0 0 12px rgba(126,232,184,.16))}.vehicle__body,.vehicle__roof,.vehicle__window,.vehicle__wheel{position:absolute}.vehicle__body{inset:0;border-radius:1.3rem 1.8rem;background:linear-gradient(180deg,var(--body) 0%,color-mix(in srgb,var(--body) 72%,#513226) 100%)}.vehicle__roof{left:18%;top:16%;width:44%;height:46%;border-radius:1rem 1rem .8rem .8rem;background:linear-gradient(180deg,var(--roof) 0%,rgba(255,255,255,.7) 100%)}.vehicle__window{right:14%;top:20%;width:22%;height:30%;border-radius:.6rem;background:linear-gradient(180deg,#edf9ff,#7ba8c3)}.vehicle__wheel{width:.9rem;height:.9rem;bottom:-.22rem;border-radius:50%;background:#253241;box-shadow:inset 0 0 0 .15rem #768394}.vehicle__wheel--front{right:16%}.vehicle__wheel--rear{left:16%}.hud{position:absolute;left:2rem;right:2rem;top:1.6rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:20}.brand-chip,.status-panel,.mic-panel,.announcement-bar,.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-chip{display:inline-flex;flex-direction:column;gap:.18rem;padding:.7rem .88rem;border-radius:1.15rem;background:#1a29309e;box-shadow:0 14px 28px #1614142e}.brand-chip__eyebrow,.card__eyebrow,.metric__label{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;opacity:.75}.status-panel{display:flex;gap:.9rem;padding:.6rem;border-radius:1.2rem;background:#1a29307a}.metric{min-width:5.7rem;padding:.42rem .72rem;border-radius:.9rem;background:#fff8ea1a}.metric strong{display:block;font-size:1rem;margin-top:.12rem}.mic-panel{position:absolute;left:2rem;bottom:1.8rem;width:clamp(14rem,28%,21rem);max-width:calc(100% - 4rem);min-width:13rem;padding:.68rem .72rem .62rem;border-radius:1.1rem;background:#1a293094;box-shadow:0 16px 36px #1d141329;z-index:20}.mic-panel__top{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.mic-panel__command{margin-left:auto;color:#e7fff9;font-size:.68rem;max-width:100%}.permission-dot{width:.62rem;height:.62rem;border-radius:50%;background:#ffd47d}.permission-dot--granted{background:#7ee8b8;box-shadow:0 0 12px #7ee8b8a6}.permission-dot--denied{background:#ff8c7c;box-shadow:0 0 12px #ff8c7c66}.meter{height:.52rem;border-radius:999px;background:#fffbf41f;overflow:hidden}.meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#63d1c0,#87f1c0 52%,#f7da77 86%,#f88b77);box-shadow:0 0 18px #87f1c066}.mic-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.4rem}.mic-stat{padding:.34rem .45rem;border-radius:.75rem;background:#fff8ea14;min-width:0}.mic-stat__label{display:block;margin-bottom:.08rem;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:#fff3db9e}.mic-stat strong{display:block;font-size:.71rem;color:#fff7e8eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter--level{margin-top:.38rem;height:.38rem}.meter__fill--level{background:linear-gradient(90deg,#ffd46b,#ffb35c 48%,#ff8a6c);box-shadow:0 0 14px #ffb35c47}.hint-pill{margin-top:.4rem;padding:.36rem .45rem;border-radius:.8rem;background:#fff8ea14;color:#fff4dd;font-size:.62rem;line-height:1.2;letter-spacing:.01em}.announcement-bar{position:absolute;left:50%;bottom:1.7rem;transform:translate(-50%);padding:.82rem 1.2rem;border-radius:999px;background:#fff7e3d6;color:#704429;z-index:18;box-shadow:0 12px 24px #58362124}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;z-index:30;background:#10181c59}.overlay--gameover{background:#2b171273}.card{width:min(42rem,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:auto;scrollbar-width:none;padding:2rem;border-radius:2rem;background:linear-gradient(180deg,#fffaf0ed,#ffecd6e0);color:#6b3e2d;box-shadow:0 24px 70px #2a140f3d}.card--hero{display:flex;flex-direction:column;overflow:hidden}.card__body{min-height:0;overflow:auto;padding-right:.15rem;scrollbar-width:none}.card__body::-webkit-scrollbar{width:0;height:0}.card__footer{margin-top:auto;padding-top:1rem;background:transparent}.card__footer .primary-button{width:100%}.scene-stage .announcement-bar{max-width:calc(100% - 4rem);text-align:center}.card::-webkit-scrollbar{width:0;height:0}.card--hero h1,.card--gameover h2{margin:.15rem 0 .7rem;color:#462619;font-size:clamp(2.2rem,4vw,3.5rem)}.card p{line-height:1.5}.concept-list,.quickstart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.3rem 0 1.5rem}.concept-list>div,.quickstart-list>div,.gameover-stats>div{padding:.85rem .95rem;border-radius:1.2rem;background:#71452b14}.concept-list strong,.quickstart-list strong,.gameover-stats strong{display:block;margin-bottom:.35rem;color:#4e2b1e}.quickstart-list{grid-template-columns:1fr}.start-tip{margin:-.2rem 0 1rem;color:#6c4533;font-weight:600}.primary-button{border:0;padding:.95rem 1.35rem;border-radius:999px;background:linear-gradient(180deg,#2d8b81,#185d59);color:#fdf7ea;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px #185d5947;cursor:pointer}.card__microcopy{margin-top:.85rem;font-size:.88rem;opacity:.82}.gameover-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 1.4rem}@media(max-width:920px){.concept-list,.quickstart-list{grid-template-columns:1fr}}@media(max-width:720px){.card{padding:1.35rem}.card__footer{padding-top:.8rem}.gameover-stats{grid-template-columns:1fr}}@media(max-height:860px){.mic-panel{padding:.72rem .78rem .68rem}}@media(max-width:1100px){.mic-panel{width:clamp(14rem,34%,21rem)}.mic-panel__command{margin-left:0;flex-basis:100%}}@media(max-height:720px){.overlay{place-items:start center;padding-top:.75rem;padding-bottom:.75rem}.card{width:min(38rem,calc(100% - 1rem));padding:1.1rem}.card--hero h1,.card--gameover h2{font-size:clamp(1.8rem,5vw,2.6rem)}}:root{font-family:Inter,ui-rounded,Avenir Next,Trebuchet MS,system-ui,sans-serif;color:#fffaf0;background:#193b3b;font-synthesis:none;text-rendering:optimizeLegibility}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe38d;outline-offset:3px}.scene{background:radial-gradient(circle at 50% 18%,rgba(255,232,166,.28),transparent 34%),linear-gradient(155deg,#2a6766,#173d3e 55%,#102c31)}.scene-stage{border:1px solid rgba(255,255,255,.24);border-radius:2.6rem;box-shadow:0 50px 110px #031a1e7a,0 0 0 12px #ffffff09;isolation:isolate}.scene-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at 50% 52%,rgba(255,230,160,calc(var(--boost-flash, 0) * .15)),transparent 30%)}.scene--paused .street-stage,.scene--paused .objective-strip,.scene--paused .control-dock,.scene--paused .shift-panel,.scene--paused .announcement-bar{filter:saturate(.7) blur(1.5px)}.cloud{position:absolute;z-index:0;width:9rem;height:2.4rem;border-radius:999px;background:#ffefca6b;filter:blur(.5px);opacity:.75;animation:cloud-drift 28s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:4rem;height:4rem;left:1rem;bottom:0}.cloud:after{width:5rem;height:5rem;right:.6rem;bottom:-.1rem}.cloud--one{left:12%;top:8%}.cloud--two{right:10%;top:15%;transform:scale(.68);animation-delay:-9s}@keyframes cloud-drift{0%{translate:-18px 0}to{translate:24px 4px}}.hud{left:1.7rem;right:1.7rem;top:1.35rem;align-items:center}.brand-chip{flex-direction:row;align-items:center;gap:.65rem;min-width:14rem;padding:.62rem .82rem .62rem .65rem;border:1px solid rgba(255,255,255,.16);border-radius:1.15rem;background:#112f31bd;box-shadow:0 14px 32px #0f26272e}.brand-chip strong{display:block;font-size:.94rem;letter-spacing:-.015em}.brand-chip__eyebrow{display:block;margin-bottom:.1rem;color:#f4d98a;opacity:.9;font-size:.55rem}.brand-mark{display:flex;align-items:center;justify-content:center;gap:.16rem;width:2.2rem;height:2.2rem;border-radius:.75rem;background:linear-gradient(145deg,#f8c962,#ea8859);box-shadow:inset 0 1px #ffffff80,0 8px 16px #492a193d}.brand-mark i{display:block;width:.18rem;border-radius:99px;background:#1c4b4a}.brand-mark i:nth-child(1){height:.55rem}.brand-mark i:nth-child(2){height:1rem}.brand-mark i:nth-child(3){height:.72rem}.status-panel{align-items:center;gap:.35rem;padding:.38rem;border:1px solid rgba(255,255,255,.14);background:#112f31ad;box-shadow:0 14px 32px #0f262729}.metric{min-width:4.7rem;padding:.38rem .6rem;border-radius:.8rem;background:transparent}.metric+.metric{border-left:1px solid rgba(255,255,255,.1);border-radius:0}.metric__label{font-size:.52rem;color:#fff8e59e}.metric strong{font-variant-numeric:tabular-nums;color:#fff8e8}.metric--score strong{color:#ffe184}.icon-button{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:.8rem;color:#fff6dc;background:#ffffff1a;cursor:pointer}.icon-button:hover{background:#ffffff2b}.music-toggle{position:relative;font-size:1.05rem;opacity:.55}.music-toggle:after{position:absolute;right:.35rem;bottom:.34rem;width:.36rem;height:.36rem;border-radius:50%;background:#80918c;content:""}.music-toggle--on{color:#fff0a8;opacity:1}.music-toggle--on:after{background:#72f0bc;box-shadow:0 0 8px #72f0bccc}.objective-strip{position:absolute;top:5.75rem;left:50%;z-index:22;display:flex;align-items:center;gap:.65rem;min-width:19rem;padding:.48rem .75rem;transform:translate(-50%);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#2d4f4d;background:#fff8e1e6;box-shadow:0 12px 28px #47301f29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.objective-strip__label{padding:.22rem .45rem;border-radius:999px;color:#fff8e9;background:#2c7770;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.objective-strip strong{font-size:.76rem}.objective-strip__queue{margin-left:auto;font-size:.63rem;opacity:.72}.street-stage{inset:13.5% 4.2% 9%;border:1px solid rgba(255,248,224,.38);box-shadow:inset 0 2px #ffffff80,inset 0 -14px 44px #642f1f3d,0 22px 54px #40261b38}.voice-wave{position:absolute;left:50%;top:50%;width:5.7rem;height:5.7rem;transform:translate(-50%,-50%);pointer-events:none}.voice-wave i{position:absolute;inset:0;border:2px solid rgba(255,219,109,.48);border-radius:50%;animation:voice-pulse 2.2s ease-out infinite}.voice-wave i:nth-child(2){animation-delay:.7s}.voice-wave i:nth-child(3){animation-delay:1.4s}.voice-wave--stop i{border-color:#ff72669e}@keyframes voice-pulse{0%{scale:.28;opacity:.85}85%,to{scale:1.18;opacity:0}}.control-dock,.shift-panel{position:absolute;bottom:1.25rem;z-index:24;border:1px solid rgba(255,255,255,.16);color:#fff8e8;background:linear-gradient(160deg,#133a39e6,#0f2b2dd6);box-shadow:0 18px 42px #0f232447;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-dock{left:1.5rem;width:17rem;min-height:7rem;padding:.62rem;border-radius:1.18rem}.control-dock__header,.shift-panel__top,.listening-row{display:flex;align-items:center}.control-dock__header,.shift-panel__top{justify-content:space-between}.panel-kicker{display:block;margin-bottom:.14rem;color:#fff3d794;font-size:.52rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.control-dock__header strong,.shift-panel__top strong{font-size:.78rem}.mode-switch{display:flex;gap:.16rem;padding:.18rem;border-radius:.72rem;background:#ffffff14}.mode-switch button{border:0;padding:.3rem .48rem;border-radius:.55rem;color:#fff8e7ad;background:transparent;font-size:.58rem;font-weight:800;cursor:pointer}.mode-switch button.is-active{color:#214f4c;background:#ffe197;box-shadow:0 4px 10px #00000024}.listening-row{gap:.45rem;margin-top:.58rem;color:#fff7e3bd;font-size:.62rem}.listening-row strong{margin-left:auto;color:#ffe18e;font-variant-numeric:tabular-nums}.audio-visualizer{display:flex;align-items:end;gap:.22rem;height:1.65rem;margin:.36rem 0;padding:.28rem .38rem;border-radius:.72rem;background:#fff1}.audio-visualizer i{flex:1;height:calc(var(--bar-level) * 100%);min-height:.18rem;border-radius:99px;background:linear-gradient(180deg,#ffe287,#6fd8b5);transition:height 90ms ease}.dock-action{width:100%;border:1px solid rgba(255,225,151,.32);padding:.44rem .7rem;border-radius:.68rem;color:#fff2c9;background:#ffd5771a;font-size:.63rem;font-weight:800;cursor:pointer}.control-hint,.control-error{margin:.38rem 0 0;font-size:.54rem;line-height:1.3}.control-hint{color:#fff3d98f}.control-error{color:#ffc4b9}.lane-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.32rem;margin-top:.58rem}.lane-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:3.65rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;color:#fff8e6b8;background:#fff1;cursor:pointer;-webkit-user-select:none;user-select:none}.lane-button:hover{background:#ffffff1c}.lane-button span{color:#ffe08c;font-size:1rem}.lane-button strong{margin:.12rem 0;font-size:.63rem}.lane-button small{color:#fff8e670;font-size:.46rem}.lane-button--active{border-color:#ffe291b8;color:#244f4c;background:linear-gradient(180deg,#ffe8aa,#f6bf68);box-shadow:0 8px 16px #eda54f38}.lane-button--active span,.lane-button--active small{color:#4e6a59}.lane-button--stop.lane-button--active{color:#fff;background:linear-gradient(180deg,#f78570,#c94f48)}.lane-button--boost.lane-button--active{color:#194b47;background:linear-gradient(180deg,#9af0c7,#56c4a1)}.shift-panel{right:1.5rem;width:14.25rem;min-height:7rem;padding:.68rem;border-radius:1.18rem}.mood-orb{width:.72rem;height:.72rem;border-radius:50%;background:#73dab1;box-shadow:0 0 0 .35rem #73dab11f,0 0 18px #73dab173}.mood-orb--building{background:#f1d474;box-shadow:0 0 0 .35rem #f1d4741f}.mood-orb--tense{background:#ee9e63;box-shadow:0 0 0 .35rem #ee9e631f}.mood-orb--critical{background:#f27469;box-shadow:0 0 0 .35rem #f274691f}.congestion-meter{height:.72rem;margin:.7rem 0 .55rem;overflow:hidden;border-radius:999px;background:#ffffff17}.congestion-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70ddb4,#f4d16f 52%,#ed735f);transition:width .24s ease}.shift-stats{display:flex;justify-content:space-between;gap:.3rem;color:#fff7e48a;font-size:.51rem}.shift-stats b{color:#fff1c8;font-weight:800}.level-progress{height:.24rem;margin:.75rem 0 .35rem;overflow:hidden;border-radius:999px;background:#ffffff14}.level-progress span{display:block;height:100%;border-radius:inherit;background:#ffe08c;transition:width .3s ease}.shift-panel>small{color:#fff6e07a;font-size:.5rem}.announcement-bar{bottom:1.55rem;display:flex;align-items:center;gap:.42rem;max-width:26rem!important;min-height:2.5rem;padding:.6rem .9rem;border:1px solid rgba(116,77,42,.13);color:#70452c;background:#fff7e0eb;font-size:.68rem;font-weight:700;box-shadow:0 14px 28px #462d1d2e}.announcement-bar span{color:#db8e46}.overlay{z-index:50;padding:1.25rem;background:#0c2223a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay--title{padding:1.7rem;background:radial-gradient(circle at 82% 12%,rgba(255,202,102,.2),transparent 30%),linear-gradient(145deg,#0d3131fa,#133e3af0);-webkit-backdrop-filter:none;backdrop-filter:none}.intro-card{display:grid;grid-template-columns:.86fr 1.14fr;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:2.2rem;background:#f6e7c6;box-shadow:0 32px 80px #051a1b70}.intro-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:3.1rem 2.8rem;color:#294b46;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.72),transparent 30%),linear-gradient(155deg,#fff5dd,#f0d4a5)}.intro-copy:after{content:"";position:absolute;inset:auto -4rem -5rem auto;width:13rem;height:13rem;border:1.5rem solid rgba(71,127,109,.08);border-radius:50%}.intro-brand{display:inline-flex;align-items:center;align-self:flex-start;gap:.42rem;margin-bottom:auto;padding:.36rem .58rem .36rem .38rem;border:1px solid rgba(45,93,82,.15);border-radius:999px;color:#3b6d61;background:#ffffff6b;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.intro-brand__mark{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;color:#fff8e3;background:#3c7569;font-size:.78rem}.intro-copy .card__eyebrow{margin:1.2rem 0 .5rem;color:#b66f43;font-weight:900;opacity:1}.intro-copy h1{margin:0;color:#1e4946;font-family:Georgia,Times New Roman,serif;font-size:4.7rem;line-height:.84;letter-spacing:-.07em;text-wrap:balance}.intro-lead{max-width:27rem;margin:1.25rem 0;color:#527069;font-size:.9rem;line-height:1.55}.feature-pills{display:flex;flex-wrap:wrap;gap:.42rem;margin-bottom:1.3rem}.feature-pills span{padding:.36rem .58rem;border:1px solid rgba(45,93,82,.14);border-radius:999px;color:#55776e;background:#ffffff61;font-size:.55rem;font-weight:800}.start-actions{position:relative;z-index:2;display:flex;gap:.6rem}.primary-button,.secondary-button{border:0;border-radius:.95rem;cursor:pointer;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active{transform:translateY(0)}.primary-button{padding:.82rem 1.15rem;background:linear-gradient(180deg,#347d70,#245d57);box-shadow:0 10px 24px #1f564f40}.primary-button--voice{display:inline-flex;align-items:center;gap:.65rem;min-width:11.2rem;text-align:left}.primary-button--voice span:last-child{display:flex;flex-direction:column}.primary-button--voice small{margin-bottom:.08rem;color:#f4cf79;font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.button-icon{color:#ffcd64;filter:drop-shadow(0 0 8px rgba(255,207,100,.5))}.secondary-button{padding:.82rem 1rem;border:1px solid rgba(40,84,76,.18);color:#356259;background:#ffffff73}.intro-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.25rem;color:#6c837d;font-size:.58rem}.intro-footer strong{color:#345e56}.text-button{border:0;padding:.25rem;color:inherit;background:transparent;font-weight:800;cursor:pointer}kbd{display:inline-block;margin-left:.2rem;padding:.08rem .28rem;border:1px solid rgba(47,85,77,.18);border-radius:.3rem;background:#ffffff6b;font:inherit}.intro-art{position:relative;overflow:hidden;background:#dda76b}.intro-art img{width:100%;height:100%;object-fit:cover;object-position:53% center;transform:scale(1.015)}.art-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,77,68,.12),transparent 28%),linear-gradient(180deg,transparent 60%,rgba(31,59,50,.36));pointer-events:none}.art-caption,.art-callout{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.36);box-shadow:0 16px 30px #3f281933;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.art-caption{left:1.4rem;bottom:1.4rem;display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border-radius:.9rem;background:#1e4941c2}.art-caption span:last-child{display:flex;flex-direction:column}.art-caption small{color:#fff7e2a8;font-size:.5rem;text-transform:uppercase}.art-caption strong{margin-top:.08rem;font-size:.72rem}.live-dot{width:.62rem;height:.62rem;border-radius:50%;background:#f3cf6b;box-shadow:0 0 0 .28rem #f3cf6b2b}.art-callout{display:flex;flex-direction:column;min-width:6.8rem;padding:.55rem .65rem;border-radius:.82rem;color:#35554d;background:#fff8e2d4}.art-callout b{font-size:.65rem}.art-callout span{margin-top:.1rem;font-size:.5rem;opacity:.68}.art-callout--low{top:4.5rem;left:1.4rem}.art-callout--high{top:8.6rem;right:1.4rem}.overlay--pause,.overlay--gameover,.overlay--help{background:#0c2323b3}.pause-card,.results-card,.help-card{position:relative;width:min(38rem,calc(100% - 2rem));padding:2rem;border:1px solid rgba(255,255,255,.42);border-radius:1.8rem;color:#315850;background:linear-gradient(155deg,#fff7e5,#efd4a8);box-shadow:0 28px 70px #0a212257}.pause-card{width:min(26rem,calc(100% - 2rem));text-align:center}.pause-card__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:1.15rem;color:#fff4d8;background:#39766b;box-shadow:0 12px 24px #26625838}.pause-card h2,.help-card h2{margin:.25rem 0 .5rem;color:#234d48;font-family:Georgia,Times New Roman,serif;font-size:2rem}.pause-card p{color:#6f8079}.pause-card .primary-button{display:block;width:100%;margin:1rem 0 .5rem}.results-card{width:min(39rem,calc(100% - 2rem))}.results-card__header{text-align:center}.results-card__header p{margin:.8rem 0 0;color:#6c7d76}.results-card__header h2{margin:.1rem 0;color:#214b46;font:700 4rem/1 Georgia,serif}.results-card__header>span:last-child{color:#9a8468;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.results-badge{display:inline-block;padding:.32rem .62rem;border-radius:999px;color:#fff5da;background:#39766b;font-size:.55rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gameover-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0}.gameover-stats>div{padding:.8rem;text-align:center;background:#38635814}.gameover-stats span{display:block;color:#7c8b84;font-size:.52rem}.gameover-stats strong{margin:.25rem 0 0;color:#2e5b54}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.help-card{width:min(43rem,calc(100% - 2rem))}.close-button{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;color:#43665f;background:#36645a1a;font-size:1.25rem;cursor:pointer}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.2rem 0}.help-grid>div{display:grid;grid-template-columns:auto 1fr;gap:0 .65rem;padding:.8rem;border-radius:1rem;background:#36645a13}.cue-icon{grid-row:1 / 3;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.72rem;color:#fff6de;background:#3d786d}.help-grid strong{align-self:end;font-size:.72rem}.help-grid p{margin:.15rem 0 0;color:#71827b;font-size:.58rem;line-height:1.4}.help-note{margin-bottom:1rem;padding:.8rem;border-left:3px solid #d3904f;color:#6a7c75;background:#d3904f14;font-size:.66rem}.help-note strong{display:block;margin-bottom:.2rem;color:#4b6962}.help-card>.primary-button{width:100%}@media(max-width:760px){.intro-card{grid-template-columns:1fr}.intro-art{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.title-page{position:relative;display:grid;min-height:100vh;min-height:100svh;padding:clamp(.75rem,2.4vw,2rem);overflow-x:hidden;overflow-y:auto;color:#fff8e8;background:radial-gradient(circle at 82% 12%,rgba(255,205,111,.22),transparent 32%),radial-gradient(circle at 12% 86%,rgba(85,181,158,.18),transparent 30%),linear-gradient(145deg,#0d3031,#153f3d 55%,#0b292d)}.title-page__glow{position:fixed;width:24rem;height:24rem;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.2}.title-page__glow--one{top:-10rem;right:-6rem;background:#f5bd61}.title-page__glow--two{bottom:-11rem;left:-8rem;background:#58c5ad}.title-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(25rem,.84fr) minmax(0,1.16fr);align-self:center;width:min(92rem,100%);min-height:min(49rem,calc(100svh - clamp(1.5rem,4.8vw,4rem)));margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:clamp(1.4rem,2.5vw,2.6rem);background:#f6e7c6;box-shadow:0 38px 100px #04181a80,0 0 0 10px #ffffff06}.title-layout .intro-copy{min-width:0;min-height:0;padding:clamp(2rem,4.4vw,4.5rem)}.intro-heading{display:flex;flex-direction:column;justify-content:center;margin-block:clamp(1.5rem,5vh,4.5rem)}.title-layout .intro-copy .card__eyebrow{margin:0 0 .8rem}.title-layout .intro-copy h1{display:flex;flex-direction:column;gap:.05em;margin:0;max-width:100%;font-size:clamp(3.55rem,6.8vw,7.1rem);line-height:.82;letter-spacing:-.075em}.title-layout .intro-copy h1 span{display:block;max-width:100%}.title-layout .intro-copy h1 span:last-child{font-size:.74em;line-height:.95;white-space:nowrap}.title-layout .intro-lead{max-width:34rem;margin:clamp(1rem,2.6vh,1.8rem) 0 0;font-size:clamp(.9rem,1.15vw,1.1rem)}.title-layout .feature-pills{margin-bottom:clamp(1rem,2.4vh,1.6rem)}.title-layout .intro-footer{padding-top:clamp(1rem,3vh,2rem)}.title-page>.overlay{position:fixed}@media(max-width:1080px){.title-layout{grid-template-columns:minmax(22rem,.92fr) minmax(0,1.08fr)}.title-layout .intro-copy{padding:clamp(1.8rem,3.6vw,3rem)}.title-layout .intro-copy h1{font-size:clamp(3.5rem,7vw,5.7rem)}}@media(max-width:860px){.title-page{display:block}.title-layout{grid-template-columns:1fr;min-height:auto}.title-layout .intro-copy{min-height:min(43rem,82svh);padding:clamp(1.6rem,6vw,3rem)}.intro-heading{margin-block:clamp(2rem,7vh,4.5rem)}.title-layout .intro-copy h1{font-size:clamp(3.8rem,15vw,7rem)}.title-layout .intro-art{display:block;min-height:56svh}}@media(max-width:560px){.title-page{padding:0}.title-layout{border:0;border-radius:0;box-shadow:none}.title-layout .intro-copy{min-height:100svh;padding:1.4rem}.title-layout .intro-copy h1{font-size:clamp(3.55rem,18vw,5.25rem)}.title-layout .intro-copy h1 span:last-child{white-space:normal}.intro-heading{margin-block:2.5rem}.start-actions{display:grid;grid-template-columns:1fr}.primary-button--voice{width:100%}.title-layout .intro-art{min-height:46svh}.art-callout{display:none}.intro-footer{gap:1rem}}@media(max-height:690px)and (min-width:861px){.title-layout{min-height:calc(100svh - 1.5rem)}.title-layout .intro-copy{padding-block:1.5rem}.intro-heading{margin-block:1rem}.title-layout .intro-copy h1{font-size:clamp(3.4rem,10vh,5.2rem)}.title-layout .intro-lead{margin-top:.8rem;font-size:.86rem}.title-layout .feature-pills{margin-bottom:.75rem}.title-layout .intro-footer{padding-top:.8rem}}.game-world-art,.world-lighting,.ambient-particles{position:absolute;inset:0}.game-world-art{z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02) brightness(.96);transform:scale(1.008)}.vehicle-layer{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none}.building-occlusion{position:absolute;inset:0;z-index:21;overflow:hidden;pointer-events:none}.building-occlusion__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02) brightness(.96);transform:scale(1.008)}.building-occlusion__image--left{clip-path:polygon(0 28%,13% 28%,15.4% 34%,15.8% 40%,15.6% 48%,16% 55%,18% 60%,21.5% 64%,24.5% 67%,27.5% 71%,31% 75%,32% 100%,0 100%)}.street-stage{isolation:isolate;overflow:hidden;cursor:default}.world-lighting{z-index:23;pointer-events:none;background:radial-gradient(circle at 50% 49%,rgba(255,224,137,calc(.08 + var(--boost-flash, 0) * .16)),transparent 20%),linear-gradient(180deg,rgba(255,225,157,.06),transparent 40%,rgba(15,47,45,.12));mix-blend-mode:screen;animation:daylight-breathe 12s ease-in-out infinite alternate}.world-lighting:before{content:"";position:absolute;inset:-12% -38%;background:radial-gradient(ellipse at 35% 45%,rgba(24,61,54,.11),transparent 26%),radial-gradient(ellipse at 64% 58%,rgba(255,244,200,.12),transparent 30%);mix-blend-mode:multiply;animation:cloud-shadow 18s linear infinite}.ambient-particles{z-index:8;overflow:hidden;pointer-events:none}.ambient-particles i{position:absolute;width:.24rem;height:.24rem;border-radius:50%;background:#ffe28fcc;box-shadow:0 0 10px #ffd270a6;animation:firefly-float 7s ease-in-out infinite}.ambient-particles i:nth-child(1){left:7%;top:28%;animation-delay:-1s}.ambient-particles i:nth-child(2){left:14%;top:67%;animation-delay:-5s}.ambient-particles i:nth-child(3){left:22%;top:17%;animation-delay:-3s}.ambient-particles i:nth-child(4){left:31%;top:78%;animation-delay:-6s}.ambient-particles i:nth-child(5){left:38%;top:34%;animation-delay:-2s}.ambient-particles i:nth-child(6){left:46%;top:14%;animation-delay:-4s}.ambient-particles i:nth-child(7){left:53%;top:84%;animation-delay:-7s}.ambient-particles i:nth-child(8){left:61%;top:23%;animation-delay:-3.5s}.ambient-particles i:nth-child(9){left:68%;top:71%;animation-delay:-1.8s}.ambient-particles i:nth-child(10){left:76%;top:19%;animation-delay:-5.5s}.ambient-particles i:nth-child(11){left:82%;top:62%;animation-delay:-2.6s}.ambient-particles i:nth-child(12){left:91%;top:31%;animation-delay:-6.4s}.ambient-particles i:nth-child(13){left:57%;top:45%;animation-delay:-4.8s}.ambient-particles i:nth-child(14){left:28%;top:49%;animation-delay:-.8s}@keyframes firefly-float{0%,to{translate:0 0;opacity:.25;scale:.65}40%{translate:9px -14px;opacity:.9;scale:1}70%{translate:-6px -24px;opacity:.45;scale:.8}}@keyframes daylight-breathe{0%{opacity:.78}to{opacity:1}}@keyframes cloud-shadow{0%{translate:-12% 0}to{translate:12% 0}}.street-stage>.city-block{opacity:0;pointer-events:none}.street-stage .road{z-index:2;border-radius:0;background:#2a4c4b06;box-shadow:none;transition:background .22s ease,box-shadow .22s ease}.street-stage .road--active{background:linear-gradient(90deg,transparent,rgba(101,231,184,.055),transparent);box-shadow:inset 0 0 24px #6aeabc1f}.street-stage .road--horizontal.road--active{background:linear-gradient(180deg,transparent,rgba(101,231,184,.055),transparent)}.street-stage .crosswalk{z-index:3;opacity:.16;mix-blend-mode:screen}.street-stage .crosswalk--go{opacity:.48;filter:drop-shadow(0 0 9px rgba(255,216,129,.52))}.intersection-center{z-index:24;pointer-events:none}.intersection-center .roundabout-bloom{opacity:0}.pip-avatar{position:absolute;left:50%;top:50%;width:4.4rem;height:4.4rem;overflow:hidden;transform:translate(-50%,-47%);border:.24rem solid rgba(255,228,159,.9);border-radius:50%;background:#0c4a49;box-shadow:0 14px 24px #2b22174d,0 0 0 .34rem #fff7d833,0 0 24px #ffcf633d;animation:pip-breathe 3.4s ease-in-out infinite}.pip-avatar img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 47%;transform:scale(1.04)}.pip-avatar__pose{animation:pip-pose-enter .32s cubic-bezier(.2,.8,.25,1) both}.pip-avatar__pose--jam{object-position:center 45%}.pip-avatar__pose--stop{object-position:center 44%}.pip-avatar__pose--cheer{object-position:center 50%}@keyframes pip-pose-enter{0%{opacity:.35;filter:brightness(1.18) saturate(.86)}to{opacity:1;filter:brightness(1) saturate(1)}}.pip-avatar__glow{position:absolute;inset:-20%;z-index:2;border-radius:50%;box-shadow:inset 0 0 24px #ffdc8429;pointer-events:none}.pip-avatar--urgent{border-color:#ff9f87;box-shadow:0 18px 30px #2b221752,0 0 0 .45rem #ff7a6833,0 0 36px #ff685c57;animation:pip-alert .55s ease-in-out infinite alternate}@keyframes pip-breathe{0%,to{transform:translate(-50%,-47%) scale(1)}50%{transform:translate(-50%,-49%) scale(1.018)}}@keyframes pip-alert{0%{transform:translate(-50%,-47%) rotate(-1deg)}to{transform:translate(-50%,-47%) rotate(1deg) scale(1.02)}}.speech-ribbon{top:-1.4rem;z-index:5;border:1px solid rgba(89,69,42,.12);background:#fff9e5f0;font-weight:800;box-shadow:0 12px 28px #4d362033}.signal-cluster{position:absolute;z-index:6;width:4.35rem;height:7.25rem;overflow:visible;pointer-events:none;transform-origin:center bottom}.signal-cluster:after{position:absolute;left:50%;bottom:3.2%;z-index:-1;width:34%;height:5.5%;border-radius:50%;background:#30221857;filter:blur(.22rem);transform:translate(-50%);content:""}.signal-cluster--far-left{left:34%;top:21.5%}.signal-cluster--far-right{left:59.4%;top:21.5%}.signal-cluster--near-left,.signal-cluster--near-right{z-index:22;width:6.2rem;height:10.3rem}.signal-cluster--near-left{left:31.5%;top:42%}.signal-cluster--near-right{left:60.8%;top:42%}.signal-cluster__body{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .24rem .18rem rgba(30,23,16,.34));animation:signal-state-in .11s ease-out both}.signal-cluster--far-right .signal-cluster__body,.signal-cluster--near-right .signal-cluster__body{transform:scaleX(-1)}@keyframes signal-state-in{0%{opacity:.82}to{opacity:1}}.vehicle{z-index:12;filter:drop-shadow(0 10px 7px rgba(36,27,19,.34))}.vehicle__body{overflow:hidden;border:1px solid color-mix(in srgb,var(--body) 70%,white);background:radial-gradient(circle at 23% 24%,rgba(255,255,255,.6),transparent 18%),linear-gradient(180deg,color-mix(in srgb,var(--body) 88%,white) 0%,var(--body) 52%,color-mix(in srgb,var(--body) 58%,#40291f) 100%);box-shadow:inset 0 3px 4px #ffffff4d,inset 0 -3px 6px #361e1633;animation:vehicle-suspension 1.4s ease-in-out infinite alternate}.vehicle__body:after{content:"";position:absolute;left:9%;top:12%;width:44%;height:18%;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.66),transparent);transform:rotate(-6deg)}.vehicle__roof{border:1px solid rgba(65,79,83,.16);box-shadow:inset 0 3px 4px #ffffff73,0 3px 5px #2c22192e}.vehicle__window{border:1px solid rgba(220,247,255,.52);background:linear-gradient(145deg,#e8fbff,#77a7b9 48%,#3c7184);box-shadow:inset 0 2px 3px #ffffff80}.vehicle--favored .vehicle__body{box-shadow:inset 0 3px 4px #ffffff4d,inset 0 -3px 6px #361e1633,0 0 14px #7ee8b859}@keyframes vehicle-suspension{0%{translate:0 -.5px}to{translate:0 1.2px}}.vehicle{--vehicle-rotation: 0deg;--vehicle-scale: 1;--accel-tilt: 0deg;--speed-level: 0;--motion-duration: .8s;--wobble-delay: 0s;filter:none;pointer-events:none;will-change:left,top}.vehicle__rig{position:absolute;inset:0;transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(var(--accel-tilt));transform-origin:50% 54%;will-change:transform}.vehicle--moving .vehicle__rig{animation:vehicle-drive var(--motion-duration) ease-in-out var(--wobble-delay) infinite}.vehicle--waiting .vehicle__rig{animation:vehicle-idle 1.15s ease-in-out var(--wobble-delay) infinite}.vehicle--braking .vehicle__rig{animation:vehicle-brake .34s cubic-bezier(.2,.9,.3,1) both}.vehicle__sprite{position:absolute;inset:0;z-index:4;display:block;width:100%;max-width:none;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 2px rgba(39,29,23,.22)) drop-shadow(0 8px 7px rgba(39,29,23,.2))}.vehicle--favored .vehicle__sprite{filter:drop-shadow(0 4px 2px rgba(39,29,23,.22)) drop-shadow(0 8px 7px rgba(39,29,23,.2)) drop-shadow(0 0 7px rgba(127,255,201,.4))}.vehicle__ground-shadow{position:absolute;left:27%;right:27%;top:12%;z-index:1;height:78%;border-radius:50%;background:#281e1852;filter:blur(4px);transform:scaleX(.92);opacity:.82}.vehicle__speed-trail{position:absolute;left:29%;bottom:-48%;z-index:0;width:42%;height:62%;opacity:calc(var(--speed-level) * .72);transform-origin:right center}.vehicle__speed-trail i{position:absolute;bottom:0;width:3px;height:100%;border-radius:999px;background:linear-gradient(180deg,rgba(211,255,239,.58),transparent);transform:scaleY(calc(.38 + var(--speed-level) * .62));transform-origin:top;animation:speed-streak .48s ease-out infinite}.vehicle__speed-trail i:first-child{left:8%}.vehicle__speed-trail i:last-child{right:8%;height:72%;animation-delay:-.24s}.vehicle__exhaust{position:absolute;left:36%;bottom:5%;z-index:2;width:28%;height:38%;opacity:0}.vehicle--moving .vehicle__exhaust,.vehicle--waiting .vehicle__exhaust{opacity:.8}.vehicle__exhaust i{position:absolute;left:40%;top:55%;width:8px;height:8px;border-radius:50%;background:#e8f3efb8;filter:blur(.8px);animation:exhaust-puff 1.05s ease-out infinite}.vehicle__exhaust i:nth-child(2){animation-delay:-.35s}.vehicle__exhaust i:nth-child(3){animation-delay:-.7s}.vehicle__headlight,.vehicle__brake-light{position:absolute;z-index:5;border-radius:50%;pointer-events:none}.vehicle__headlight{top:9%;width:5px;height:5px;background:#fff7bc;box-shadow:0 -4px 9px 4px #ffef946b;opacity:.82}.vehicle__headlight--one{left:31%}.vehicle__headlight--two{right:31%;opacity:.55}.vehicle__brake-light{bottom:10%;width:6px;height:6px;background:#ff715f;box-shadow:0 4px 8px 3px #ff453729;opacity:.3;transition:opacity .12s ease,box-shadow .12s ease}.vehicle__brake-light--one{left:29%}.vehicle__brake-light--two{right:29%}.vehicle--braking .vehicle__brake-light,.vehicle--waiting .vehicle__brake-light{opacity:1;box-shadow:-5px 0 12px 5px #ff45378c}.vehicle--boosted .vehicle__headlight{background:#e8fff7;box-shadow:7px 0 16px 7px #82ffd3a3;animation:headlight-spark .48s ease-in-out infinite alternate}.vehicle__mood{position:absolute;left:58%;bottom:88%;z-index:8;display:grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .28rem;border:2px solid rgba(69,57,43,.14);border-radius:999px;color:#375a56;background:#fffbe4f5;box-shadow:0 6px 12px #34281d2e;font-size:.82rem;font-weight:900;line-height:1;animation:mood-pop 1.15s ease-in-out infinite}.vehicle__mood:after{content:"";position:absolute;left:30%;bottom:-.28rem;width:.45rem;height:.45rem;background:inherit;transform:rotate(45deg)}.voice-wave--boost i{border-color:#ffdc7eb8;box-shadow:0 0 20px #ffdc7e24;animation-duration:1.05s}.pip-avatar img{transition:transform .26s cubic-bezier(.22,.8,.3,1),filter .18s ease}.pip-avatar--eastWest img{transform:scaleX(-1) scale(1.06) rotate(-2deg)}.pip-avatar--northSouth img{transform:scale(1.06) rotate(2deg)}.pip-avatar--stop img{filter:saturate(.82) contrast(1.05);transform:scale(1.08) rotate(0)}.scene-stage.scene--danger .street-stage{box-shadow:inset 0 0 0 3px rgba(255,116,89,calc(.28 + var(--danger-flash, 0) * .34)),inset 0 0 5rem rgba(124,24,19,calc(var(--danger-flash, 0) * .18)),0 22px 54px #40261b38}@keyframes vehicle-drive{0%,to{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(var(--accel-tilt)) translateY(-.8px)}44%{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(var(--accel-tilt)) translateY(1.4px) rotate(.35deg)}72%{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(var(--accel-tilt)) translateY(.2px) rotate(-.25deg)}}@keyframes vehicle-idle{0%,to{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) translateY(0) rotate(-.4deg)}50%{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) translateY(1.3px) rotate(.55deg)}}@keyframes vehicle-brake{0%{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(0)}45%{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) scaleY(.95) translateY(2px)}to{transform:rotate(var(--vehicle-rotation)) scale(var(--vehicle-scale)) rotate(var(--accel-tilt))}}@keyframes exhaust-puff{0%{opacity:0;transform:translate(0) scale(.35)}18%{opacity:.72}to{opacity:0;transform:translate(-2px,22px) scale(1.45)}}@keyframes speed-streak{0%{opacity:0;translate:0 -12px}35%{opacity:.9}to{opacity:0;translate:0 8px}}@keyframes mood-pop{0%,to{transform:translateY(0) rotate(-2deg) scale(.96)}50%{transform:translateY(-4px) rotate(2deg) scale(1.04)}}@keyframes headlight-spark{0%{opacity:.7}to{opacity:1}}.orientation-hint{display:none}@media(max-width:680px)and (orientation:portrait){.orientation-hint{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;width:min(21rem,calc(100% - 2rem));padding:.8rem 1rem;transform:translate(-50%);border:1px solid rgba(255,255,255,.18);border-radius:1rem;color:#fff5db;background:#0e3434e6;box-shadow:0 18px 36px #061c1e5c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.orientation-hint strong{font-size:.82rem}.orientation-hint span{margin-top:.2rem;color:#fff5dba6;font-size:.68rem}}