/* One persistent phone frame for every city app. */
.city-tools>button,.city-tools>.music-widget,#quest,header #menu{display:none!important}.city-tools{top:310px;max-height:180px;pointer-events:none}@media(min-width:701px){.chat{width:330px}#messages{height:min(240px,32vh)}}#phone-toggle{position:fixed;right:25px;bottom:28px;z-index:9;display:flex;gap:12px;align-items:center;background:#17282beF;border:1px solid #829082;border-radius:15px;padding:13px 20px;font-size:26px;color:#f1ce84;box-shadow:0 8px 30px #0005}#phone-toggle span{font:10px monospace;letter-spacing:2px}#phone-toggle small{border:1px solid #586e6e;border-radius:3px;padding:3px;margin-left:10px;font-size:9px;color:#a6bbb9}.city-phone{position:fixed;inset:auto 24px 20px auto;margin:0;width:408px;height:min(780px,calc(100dvh - 40px));max-height:none;max-width:calc(100vw - 24px);padding:75px 0 33px;background:#15292e;border:7px solid #080f14;border-radius:42px;box-shadow:0 0 0 1px #778885,0 35px 100px #000b;overflow:hidden}.city-phone::backdrop{background:#050e1740;backdrop-filter:blur(2px)}.phone-status{position:absolute;top:0;left:0;right:0;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:bold 10px monospace;color:#d6e4dc;pointer-events:none}.phone-island{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:88px;height:22px;border-radius:15px;background:#070d11}.phone-toolbar{position:absolute;left:12px;right:40px;top:35px;height:36px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #67887e33}.phone-toolbar>button{border:0;background:none;padding:4px 8px;color:#a7cabb;font-size:21px}.phone-toolbar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px monospace;color:#9dbcb3}.city-phone .close{right:11px;top:38px;font-size:22px;z-index:2}.city-phone #panel-content{height:100%;overflow:auto;padding:16px 19px 25px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56726d transparent;background:radial-gradient(ellipse at 0 0,#32554c66,transparent 65%)}.city-phone h2{font-size:28px;line-height:1.05;letter-spacing:-1px;margin:10px 0 17px}.city-phone h3{font-size:18px}.city-phone p{font-size:11px;line-height:1.7}.city-phone button{border-radius:9px}.city-phone .eyebrow{font-size:8px;letter-spacing:1.5px}.city-phone label{font-size:8px;margin-top:15px}.city-phone input,.city-phone select{border-radius:8px}.city-phone .row{gap:8px}.city-phone .row button{font-size:10px;padding:10px}.phone-welcome>span{font:8px monospace;letter-spacing:2px;color:#93b9a9}.city-phone .phone-welcome h2{font-size:38px;margin:16px 0}.phone-welcome p{color:#b5cbbd}.phone-account{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;margin:18px 0 25px;background:#9eb99411;border:1px solid #86a69144;border-radius:14px}.phone-account span{font:7px monospace;letter-spacing:1px;color:#aec0ac}.phone-account strong{font:19px monospace;color:#f0ce8d}.phone-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px 8px}.city-phone .phone-app{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;border:0;color:#d3e1d7;font-size:10px}.app-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,#45786a,#244139);border:1px solid #91b49a55;color:#e2e8d6;font:26px Georgia,serif;box-shadow:0 6px 10px #06191144,inset 0 1px #cbe2c333}.phone-app:nth-child(3n+2) .app-icon{background:linear-gradient(145deg,#7d7251,#49462f);border-color:#c0af7755}.phone-app:nth-child(3n) .app-icon{background:linear-gradient(145deg,#526776,#2b3e4b);border-color:#7e9cac55}.phone-app:hover .app-icon{transform:translateY(-2px);filter:brightness(1.18)}.phone-tip{text-align:center;color:#87a194!important;margin-top:28px!important;font:8px/1.8 monospace!important}#phone-home-bottom{position:absolute;bottom:0;left:0;width:100%;height:32px;border:0;background:#122329;border-radius:0;display:grid;place-items:center;padding:0}#phone-home-bottom i{display:block;width:95px;height:4px;background:#becfc3;border-radius:4px}.city-phone .chat{display:block;position:static;width:100%;border:1px solid #4c6864;border-radius:12px;overflow:hidden}.city-phone #messages{height:260px;max-height:40dvh}.city-phone .chat small{font-size:7px}.city-phone #chat-toggle{font-size:9px}.city-phone #chat-toggle span{font-size:8px}.city-phone #chat-input{font-size:12px;min-width:0}.city-phone .music-widget{padding:20px;border-radius:15px;gap:20px}.city-phone .music-widget>button{font-size:12px}.city-phone .music-widget small{font-size:8px}.city-phone .music-widget label{font-size:8px;margin:0}.city-phone .music-widget input{width:120px}.city-phone .motor-grid{grid-template-columns:1fr}.city-phone .avatar-layout{grid-template-columns:1fr}.city-phone .avatar-stage{flex-direction:row;padding:10px;border-radius:12px}.city-phone .avatar-stage canvas{width:125px;height:108px}.city-phone .avatar-stage small{display:none}.city-phone .avatar-stage button{margin:0}.city-phone .race-reward{grid-template-columns:1fr;padding:14px}.city-phone .race-medals{gap:4px}.city-phone .race-medals span{font-size:7px;padding:5px}.city-phone .race-card{padding:14px}.city-phone .resident-id canvas{width:120px;height:104px}.city-phone .resident-id{gap:9px;padding-right:10px}.phone-open #phone-toggle{visibility:hidden}.city-phone .mini-board{gap:9px}.city-phone .mini-tile b{font-size:28px}.city-phone .mini-tile span{font-size:7px}.city-phone .mini-result strong{font-size:28px}@media(max-width:700px){#phone-toggle{right:13px;bottom:calc(143px + env(safe-area-inset-bottom));padding:10px 13px;gap:7px;font-size:23px}#phone-toggle span{font-size:8px;letter-spacing:1px}#phone-toggle small{display:none}.city-phone{right:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(50%);height:min(760px,calc(100dvh - 20px));width:390px;border-width:6px;border-radius:34px}.city-phone #panel-content{padding:14px 17px 23px}.city-tools{top:202px;max-height:180px;width:120px}.phone-open .touch-controls{visibility:hidden}#minimap{top:100px}.city-phone::backdrop{background:#06101988;backdrop-filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.phone-app:hover .app-icon{transform:none}}

.journey-progress{height:5px;background:#24333c;border-radius:8px;overflow:hidden;margin-top:22px}.journey-progress span{display:block;height:100%;background:#a6d0ba;transition:width .3s}.journey-summary,.journey-reset{font-size:10px!important;letter-spacing:1px;color:#acd1bd!important}.journey-reset{padding:14px;background:#a6d0ba0b;border:1px solid #a6d0ba22;border-radius:12px;margin-bottom:18px}.journey-card{margin:12px 0;padding:18px;border:1px solid #ffffff13;border-radius:16px;background:linear-gradient(135deg,#ffffff06,#ffffff01)}.journey-card small{font-size:9px;letter-spacing:1.4px;color:#d4b57f}.journey-card h3{font-size:19px;margin:9px 0}.journey-card p{font-size:12px!important;line-height:1.65!important}.journey-card button{width:100%;margin-top:4px}.journey-card.complete{border-color:#a6d0ba25}.journey-card.complete small{color:#a6d0ba}.city-phone button:disabled{opacity:.45;cursor:default}