/* City arcade: ink, electric blue, lilac and coral; square, thumb-sized controls. */
:root{--ink:#192b50;--cream:#f3f5ff;--lime:#67efda;--line:#c9d1e5}button{font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #fd9a4d;outline-offset:3px}button:disabled{cursor:default}.primary{background:#6544e8;color:#fff;box-shadow:0 4px 0 #352378;border-radius:5px;letter-spacing:.03em}.primary:hover{background:#7858fa;transform:none}.secondary{border-color:#b5bfdc;border-radius:5px;background:#e4e9fc;color:#21375e;font-weight:750}.pill,.round,.glass{border-radius:6px;backdrop-filter:blur(8px)}
.brand{color:#f5f6ff;text-shadow:0 2px 8px #10254666}.brand svg{color:#64f0d6}.top-actions .pill,.top-actions .round{background:#182544ee;color:#fff;border-color:#66749b55;box-shadow:0 3px 0 #0b173266}.top-actions .online-dot{background:#69f4ce}.intro h1{font-weight:900;letter-spacing:-3px;color:#17264a}.intro h1 em{color:#6c3bdb}.intro .eyebrow{color:#5a2d99}.intro .primary{background:linear-gradient(100deg,#653de4,#b344cb)}.intro .secondary{background:#5ce0d4;border-color:#152e59;color:#122b4a}.intro-detail{color:#293f69}
dialog,#collectionDialog,#cityMenuDialog{border:1px solid #bfcaeb;border-top:5px solid #8362f6;border-radius:9px;background:#f1f4ff;box-shadow:0 24px 100px #07122e88;color:#192b50}dialog::backdrop{background:#071025a6;backdrop-filter:blur(5px)}.modal-header h2{font-weight:900;letter-spacing:-.9px;color:#15284d}.modal-header .eyebrow,.eyebrow{color:#7651cd;letter-spacing:.13em}.close.round{border-radius:5px;background:#dde3f6;border:0;color:#1b3155;min-height:44px;min-width:44px}.city-back{color:#6250b4;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.08em}.modal-note,.social-note,.store-note{color:#526486}.text-button{color:#5341af}
#cityToolbar,body:not(.touch-ui):not(.in-duel) #cityToolbar,.touch-ui #cityToolbar,.touch-ui.in-duel #cityToolbar{background:#14213eee;border:1px solid #8798c84d;border-bottom:4px solid #7755f1;border-radius:7px;padding:4px;box-shadow:0 7px 25px #111c3d22}#cityToolbar .pill,.touch-ui #cityToolbar .pill{color:#f6f7ff;border-radius:4px;text-transform:uppercase;letter-spacing:.02em;font-size:10px}#cityToolbar .pill:hover{background:#314267}#cityToolbar .pill:nth-child(1) svg{color:#60efd7}#cityToolbar .pill:nth-child(2) svg{color:#ffc26d}#cityToolbar .pill:nth-child(3) svg{color:#c99dff}#cityToolbar #coinCount{background:#ffc165;color:#453118;border-radius:3px}#cityToolbar #shopButton>span,.touch-ui #cityToolbar #shopButton>span{font-size:10px}
.quest,.touch-ui .quest{border:1px solid #a1b4e244;background:#1a2a49e8;border-radius:6px;color:#fff}.quest .text-button{color:#edf2ff}.quest-head>span{background:#3c4d77;color:#bccefa}.progress{background:#344366}.progress>div{background:#71edd3}.location{background:#172b49ec;color:#f1f4ff}.location .live-dot{background:#64efd8}
.quick-action,.touch-ui .quick-action{border-radius:8px;background:#7350e8;color:#fff;border:1px solid #b79cf9;box-shadow:0 4px 0 #452c98}#quickActions #chatButton{background:#57dfd5;color:#102844;border-color:#b5fff3;box-shadow:0 4px 0 #1d797a}.quick-action span{text-transform:uppercase;letter-spacing:.04em;font-size:9px}.touch-ui #jump{border-radius:9px;background:#ffb35f;color:#202d4b;border-color:#ffe4bc;box-shadow:0 4px 0 #b66b32}.touch-ui #run{border-radius:7px;background:#233c66;color:#fbf5ff;border-color:#7a8db7;box-shadow:0 4px 0 #13213b}.touch-ui #run[aria-pressed=true]{background:#7c4ceb;color:white}.touch-ui #joystick{background:#16274888;border-color:#98b0e7aa}.touch-ui #stick{background:#cbd9ff;border-color:#fff}.touch-ui .move-pad>span{color:#d1dfff;text-shadow:0 1px 3px #111}
.city-menu-grid{gap:10px;margin:20px 0 16px}.city-tile,.touch-ui .city-tile{border-radius:5px;border:0;border-left:4px solid #64e7d3;background:#1d2e51;color:#f4f5ff;min-height:86px;box-shadow:0 3px 0 #bdc6df}.city-tile:nth-child(3n+2){border-left-color:#af84ff}.city-tile:nth-child(3n){border-left-color:#ffb05f}.city-tile:nth-child(4n){border-left-color:#f87fbb}.city-tile:hover{background:#304371;border-color:#fff}.city-tile small,.touch-ui .city-tile small{color:#bbc9e5}.city-tile strong{text-transform:uppercase;letter-spacing:.025em;font-size:12px}.city-glyph{font-size:25px;color:#92e4ee}.city-menu-footer .secondary{border-radius:4px}
#collectionTabs{background:#dce2f5;border-radius:5px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:3px}#collectionTabs button{border-radius:3px;color:#526487;font-size:11px;text-transform:uppercase;letter-spacing:.01em}#collectionTabs button[aria-selected=true]{background:#6843db;color:#fff;box-shadow:0 3px 0 #47317e}.touch-ui #collectionTabs button{font-size:9px;padding:8px 2px}#collectionTitle{text-transform:uppercase;font-size:27px}.collection-summary>span{background:#ffd584;color:#4c3515;border-radius:3px}.collection-summary .text-button{color:#6543be;text-transform:uppercase;letter-spacing:.04em}.collection-intro{color:#596c90}.collection-card{border-radius:6px;border:1px solid #cad3e9;background:#fff;box-shadow:0 3px 0 #d3dbef}.collection-art,.collection-art.emotes{background:linear-gradient(145deg,#c1dafa,#e8d3fc);color:#4e36a6}.collection-art.pets{background:#d9e5fa}.collection-badge{background:#172846;color:#fff;border-radius:3px;text-transform:uppercase;font-size:8px}.collection-body h3{color:#1e335c;font-weight:850}.collection-note{color:#69789b}.collection-use{border-radius:4px;background:#6543db;box-shadow:0 3px 0 #392773;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.collection-use:disabled{background:#dce2f1;color:#52658d;box-shadow:none;opacity:1}.collection-pin{border-radius:4px;color:#6846b6;border-color:#c9bee6}.collection-pin[aria-pressed=true]{background:#e7ddff;border-color:#9a78dc;color:#5e3599}.collection-preview{color:#4961a7}.collection-empty{color:#677599}.collection-empty h3{color:#304a77}#collectionDialog .account-panel{background:#dfe6fa;border-radius:5px;border-top:3px solid #9d77e7;color:#344b78}#collectionDialog .account-panel p{color:#566c95}#collectionDialog .account-actions a{border-radius:4px;background:#23365c;color:white;border:0;text-transform:uppercase;letter-spacing:.025em}
#emoteWheelDialog,.touch-ui #emoteWheelDialog{background:#142340;border-radius:9px;border:1px solid #8799c5;border-top:4px solid #ae7dff;color:#fff}.wheel-heading h2{color:#fff;text-transform:uppercase;font-weight:900}.wheel-heading small{color:#a9bfe8}.wheel-heading .round{border-radius:5px;color:#fff;border-color:#5a729e;background:#233b62}.wheel-emote{border-radius:5px;background:#253b63;color:#e4eaff;border:1px solid #455c86;box-shadow:0 3px 0 #0c1932}.wheel-emote:hover,.wheel-emote:focus-visible{background:#744cce;border-color:#baa2ed}.wheel-emote small{color:#a2dbec}.wheel-pages{color:#c6d8f6}.wheel-pages button{color:#fff;border-color:#7794be;border-radius:3px}#emoteCollection{color:#a8f3e7;border-color:#3c817e;border-radius:4px;background:#1e3c51}#emoteWheelError{color:#ffb486}
#quickChat,.touch-ui #quickChat{border-radius:8px;background:#142440f7;color:#fff;border:1px solid #57729a;border-top:4px solid #5ee6d2}.quick-chat-head small,.quick-chat-foot{color:#a7bbda}.quick-chat-head strong{color:#fff}#quickChatInput{background:#edf3ff;color:#183356;border:2px solid #6382ad;border-radius:4px}#quickChatSend{background:#57dfd5;color:#102a49;border-radius:4px;box-shadow:none}.quick-phrases button{border-radius:4px;background:#2d4266;color:#dbe9ff;border-color:#546e98}.quick-chat-head .round{border-radius:4px;background:#2b4162;color:#e4f3ff}#chatHistory{color:#aaeedf}.quick-chat-foot{font-size:9px}
.field input,.field select,.field textarea,select{border-radius:4px;border-color:#aab9d6;background:#fff;color:#233b61}.room-choice,.invite-actions button,.friend-actions button,.roster-add,.place,.life-card{border-radius:4px}.room-summary,.online-copy,.chat-note{color:#4e6688}.room-summary{background:#dce5fa}.room-choice{background:#e2e6ff;border-color:#b7bee7;color:#403a79}.online-dot{background:#61e1bb}.friend-row{border-color:#d1d9ea}.friend-row strong{color:#223960}.friend-row small{color:#627494}.friend-search{margin:20px 0;padding:16px;background:#dfe6fb;border-left:4px solid #7653de}.friend-search label{font-size:10px;letter-spacing:.07em;font-weight:850}.friend-search>div{display:flex;gap:8px;margin-top:8px}.friend-search input{min-width:0;flex:1;border:1px solid #a4b4d6;background:#fff;border-radius:3px;padding:11px;font:inherit;font-size:16px}.friend-search .primary{padding:10px 15px;min-height:44px;font-size:12px}.friend-search p{font-size:11px;line-height:1.5;color:#54698f;margin-bottom:0}#friendSearchResults{border-bottom:1px solid #c6d3ee}.friend-row>button{font-size:11px;min-height:44px;padding:10px}
#levelBadge{position:fixed;left:30px;top:185px;z-index:3;width:150px;padding:10px 12px;background:#4936a9;border:1px solid #c0a1fc;border-radius:5px;color:#fff;text-align:left;box-shadow:0 3px 0 #24234c}#levelBadge strong{font-family:Manrope,sans-serif;font-size:17px;font-weight:900}#levelBadge>span{float:right;font-size:8px;color:#d7caff;margin-top:6px}#levelBadge i{display:block;height:3px;background:#9b81c8;margin-top:8px}#levelBadge b{display:block;height:100%;background:#7bf4d8;width:0}#levelDialog{width:min(650px,94vw)}.level-hero{margin:20px 0;padding:22px;background:linear-gradient(120deg,#5935b6,#2967b4);color:#fff;border-radius:5px}.level-hero>span{display:block;font-weight:800;font-size:18px}.level-hero>strong{display:block;font-size:12px;margin:9px 0}.level-hero progress{width:100%;height:10px;accent-color:#6bf0d4}.level-reward{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #d1daed;padding:16px 0}.level-reward>strong{color:#7149c4;font-size:16px}.level-reward>span{font-size:12px;line-height:1.5;color:#4e6489}.level-reward button{border:0;min-height:44px;border-radius:4px;background:#6545d1;color:#fff;font-size:11px;padding:10px 13px}.level-reward button:disabled{background:#dbe1f1;color:#637698;opacity:1}
#storeDialog{width:min(660px,94vw)}.store-note{font-size:12px;line-height:1.7}.store-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.store-fields select{padding:12px;min-width:0;font-size:14px;width:100%;min-height:44px}.store-actions{display:flex;gap:12px}.store-actions button{flex:1;justify-content:center;padding:14px;font-size:12px;min-height:48px}#storePreview{--facade:#377bff;background:var(--facade);padding:22px 24px 0;text-align:center;color:#fff;border:4px solid #13213e;box-shadow:0 6px 0 #c5cce3;margin:20px 0 24px;overflow:hidden}#storePreview small{display:block;font-size:8px;letter-spacing:.15em;background:#172644;max-width:190px;margin:0 auto 14px;padding:5px}#storePreview strong{display:block;background:#142440e6;padding:8px;font-size:24px;font-family:Manrope,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}#storePreview>span{display:block;background:#142440cf;font-size:11px;padding:6px;overflow-wrap:anywhere}.store-windows{display:flex;gap:14px;margin-top:18px;align-items:flex-end;justify-content:center}.store-windows i{display:block;background:linear-gradient(120deg,#9be3fa,#29547b);border:5px solid #142644;width:29%;height:70px}.store-windows b{display:block;width:24%;height:84px;background:#172944;border:5px solid #d9e5f6;border-bottom:0}#storeError,#levelError{font-size:12px;line-height:1.6;color:#6844a8}
#cityActionButton,#storeInteract{position:fixed;left:50%;transform:translateX(-50%);bottom:105px;z-index:4;padding:14px 22px;font-size:12px;min-height:48px;white-space:nowrap;background:#4ae1cd;color:#142b4b;border:1px solid #b8fff0;box-shadow:0 4px 0 #187479;border-radius:5px}#cityActionButton:hover,#storeInteract:hover{transform:translateX(-50%)}#storeInteract{bottom:165px;background:#ab7aff;color:#172340;border-color:#d5baff;box-shadow:0 4px 0 #604099}#cityActivityHud{position:fixed;left:50%;top:100px;transform:translateX(-50%);z-index:3;padding:10px 16px;background:#172748ed;color:#c7fff1;border-left:4px solid #6de8d0;font-size:11px;max-width:90vw;text-align:center;font-weight:800}.toast{border-radius:6px;border-left:5px solid #a279ef;background:#172742;color:#fff}.toast strong{color:#fff}.toast small{color:#a8efdf}.toast p,.touch-ui .toast p{color:#c4d2e8}.player-name{border-radius:4px;background:#172845ed;color:#f1f6ff;border:1px solid #a3b9e899}.speech-bubble{border-radius:7px;background:#f4f5ff;color:#18355a}
.touch-ui #levelBadge{left:auto;right:var(--edge-right);top:calc(max(12px,env(safe-area-inset-top)) + 58px);width:138px;height:44px;padding:6px 10px}.touch-ui #levelBadge strong{font-size:14px}.touch-ui #levelBadge i{margin-top:4px}.touch-ui #levelBadge>span{font-size:7px;margin-top:4px}.touch-ui #cityActionButton{bottom:190px;max-width:calc(100vw - 28px);font-size:11px}.touch-ui #storeInteract{bottom:245px;font-size:10px}.touch-ui #cityActivityHud{top:190px;font-size:9px;width:calc(100vw - 32px)}.touch-ui .level-reward{grid-template-columns:43px 1fr auto;gap:8px}.touch-ui .level-reward>span{font-size:11px}.touch-ui .store-actions{flex-direction:column}.touch-ui .friend-search{padding:12px}.touch-ui .collection-summary .text-button{font-size:10px}
@media(max-width:360px){.touch-ui .quest{width:160px}.touch-ui #levelBadge{width:128px}.touch-ui .city-menu-grid{gap:8px}.touch-ui .city-tile{min-height:92px}.touch-ui .store-fields{grid-template-columns:1fr}.touch-ui #levelBadge>span{font-size:6px}}
@media(max-height:540px) and (orientation:landscape){.touch-ui #levelBadge{left:var(--edge-left);right:auto;top:133px;width:138px}.touch-ui #cityActivityHud{top:70px;left:55%;width:auto;max-width:250px}.touch-ui #cityActionButton{bottom:85px}.touch-ui #storeInteract{bottom:145px}.touch-ui .city-menu-grid{grid-template-columns:repeat(3,1fr)}.touch-ui .city-tile{min-height:85px}.touch-ui .store-actions{flex-direction:row}}
.account-city-link{grid-column:1/-1;text-decoration:none}.intro-account{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;color:#5636a8;text-decoration:none;padding:16px 0;min-height:44px}.intro-account:hover{text-decoration:underline}
#collectionTabs{grid-template-columns:repeat(6,minmax(0,1fr))}.touch-ui #collectionTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-ui #collectionTabs button{font-size:10px;min-height:40px}.collection-art.accessories{background:#e1e6f2}