.city-shell{--pixel-ink:#142b35;--pixel-edge:#0b202b;--pixel-face:#213e49;--pixel-rim:#486370;--pixel-text:#e7eee7;--pixel-soft:#b4c9ca;--pixel-gold:#ecc073;position:fixed;inset:0;overflow:hidden;background:var(--pixel-ink);color:var(--pixel-text)}:root[data-theme=light] .city-shell{--pixel-ink:#dde8df;--pixel-edge:#425c59;--pixel-face:#eaf0e7;--pixel-rim:#b5c9c1;--pixel-text:#17333c;--pixel-soft:#426260;--pixel-gold:#8a591c}.city-world{position:absolute;inset:0;z-index:0}.city-world .pixi-town{width:100%;height:100%;min-height:0;border:0}.city-world-wait{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pixel-text);background:var(--pixel-ink)}.city-world-wait h1{font-family:Pixelify Sans,sans-serif;font-size:40px}.city-world-wait p{max-width:32ch;text-align:center}.city-world-stale{position:absolute;top:90px;left:50%;transform:translateX(-50%);padding:10px 16px;background:var(--pixel-face);font-size:13px;max-width:90%;text-align:center}.pixel-frame{border:3px solid var(--pixel-edge);background:var(--pixel-face);box-shadow:inset 0 0 0 2px var(--pixel-rim),4px 4px 0 var(--pixel-edge);border-radius:0}.city-hud-top{position:absolute;z-index:10;left:24px;right:24px;top:20px;display:flex;align-items:flex-start;gap:16px;pointer-events:none}.city-hud-top>*{pointer-events:auto}.city-brand{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px}.city-brand:hover{color:var(--pixel-text)}.city-brand .hud-icon{width:48px;height:48px}.city-brand-name{display:block;font-family:Pixelify Sans,sans-serif;font-size:28px;line-height:1.1}.city-brand-sub{display:block;font-size:13px;color:var(--pixel-soft);margin-top:4px}.city-clock{padding:12px 18px;min-width:180px}.city-clock .game-time{font-family:Pixelify Sans,sans-serif;font-size:21px;color:var(--pixel-text);line-height:1.1}.city-clock>span{display:block;font-size:13px;color:var(--pixel-soft);margin-top:5px}.city-hud-utility{display:flex;gap:12px;align-items:center;padding:8px 12px;margin-left:auto}.city-hud-utility button{min-height:44px;font-size:13px;max-width:80px}.city-hud-utility .hud-icon{width:38px;height:38px}.hud-icon{width:40px;height:40px;display:inline-block;flex:none;background-image:url(/map/city-hud-icons.png);background-size:400% 400%;image-rendering:pixelated;vertical-align:middle}.city-shell a:focus-visible,.city-shell button:focus-visible,.city-shell input:focus-visible,.city-shell select:focus-visible{outline:3px solid var(--pixel-gold);outline-offset:3px}.city-shell a:hover,.city-shell button:hover{color:var(--pixel-gold)}.city-dock{position:absolute;z-index:10;left:50%;bottom:22px;right:auto;transform:translateX(-50%);display:flex;flex-direction:row;justify-content:center;gap:6px;padding:7px;margin:0;max-width:calc(100% - 32px)}.city-dock>a,.city-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:92px;min-height:76px;padding:4px 6px;border:2px solid transparent;font-family:Pixelify Sans,sans-serif;font-size:17px;line-height:1.1;color:var(--pixel-text);white-space:nowrap}.city-dock>a[aria-current],.city-dock>button[aria-expanded=true]{border:2px solid var(--pixel-gold);background:var(--pixel-ink);padding:4px 6px}.city-dock>a:hover,.city-dock>button:hover{background:var(--pixel-ink)}.city-dock>a:active,.city-dock>button:active{transform:translateY(2px)}.city-observer{position:absolute;z-index:10;bottom:28px;left:24px;padding:10px 14px;display:flex;gap:10px;align-items:center;font-family:Pixelify Sans,sans-serif;font-size:17px}.city-observer .hud-icon{width:32px;height:32px}.city-observer small{font-family:Instrument Sans Variable,sans-serif;font-size:13px;display:block;color:var(--pixel-soft);margin-top:3px}.pixel-window-bar{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--pixel-ink);border-bottom:3px solid var(--pixel-edge);padding:4px 8px 4px 16px;font-family:Pixelify Sans,sans-serif;font-size:21px}.pixel-window-bar>div{display:flex;align-items:center;gap:10px}.pixel-window-bar .hud-icon{width:32px;height:32px}.pixel-window-bar>button{font-family:Instrument Sans Variable,sans-serif;font-size:28px;line-height:1;min-width:44px;min-height:44px;text-align:center;color:var(--pixel-text)}.city-reading-window{position:absolute;z-index:20;right:28px;top:112px;bottom:128px;width:min(740px,calc(100% - 72px));display:flex;flex-direction:column}.city-window-content{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:24px 28px;color:var(--fog);background:var(--night);scrollbar-color:var(--pixel-rim) var(--pixel-ink)}.city-window-content .resident-name,.city-window-content h1,.city-window-content h2,.city-window-content h3{font-family:Pixelify Sans,sans-serif}.city-window-content h1{font-size:28px}.city-window-content nav{position:static;display:flex;flex-direction:row;background:none;padding:12px 0;margin:12px 0;flex-wrap:wrap}.city-window-content .feed-orientation{display:none}.city-window-content .quiet-hour{padding:36px 0!important}.city-window-content .ledger-page{margin:0;padding:0;background:none}.city-fiction{font-size:13px;color:var(--salt);margin-top:32px;padding-top:16px;border-top:1px solid var(--rope)}.city-selection{position:absolute;z-index:20;right:24px;top:116px;width:330px;max-height:calc(100dvh - 252px);display:flex;flex-direction:column}.city-selection-body{padding:18px;overflow:auto;overscroll-behavior:contain}.city-selection h2{font-family:Pixelify Sans,sans-serif;font-size:21px;margin:0 0 8px}.city-person-title{display:flex;gap:14px;align-items:center}.city-person-title p{margin:4px 0;font-size:13px;color:var(--pixel-soft)}.city-muted{color:var(--salt);font-size:15px}.city-selection .city-muted{color:var(--pixel-soft)}.pixel-action{display:block;padding:12px 16px;background:var(--pixel-ink);border:2px solid var(--pixel-rim);text-align:center;font-family:Pixelify Sans,sans-serif;font-size:17px;margin-top:16px}.city-occupants{display:flex;flex-direction:column;gap:8px}.city-occupants button{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px}.city-more{position:absolute;z-index:30;bottom:128px;left:50%;transform:translateX(-50%);width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 240px);overflow:auto}.city-more-grid{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.city-more-grid>a{min-height:68px;display:flex;gap:12px;align-items:center;padding:8px;font-family:Pixelify Sans,sans-serif;font-size:17px}.city-more-grid>a:hover{background:var(--pixel-ink)}.city-more-footer{padding:14px 20px;border-top:2px solid var(--pixel-rim);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--pixel-soft)}.city-more-footer>a{min-height:44px;display:flex;align-items:center;color:var(--pixel-text)}.city-help{position:absolute;z-index:30;right:24px;top:112px;width:340px;max-width:calc(100% - 32px)}.city-help>div:last-child{padding:12px 20px;font-size:15px}.city-help p{margin:8px 0 16px}.city-directory-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.city-directory-filters label{font-size:13px;color:var(--salt);display:flex;flex-direction:column;gap:6px}.city-directory-filters input,.city-directory-filters select{width:100%;min-height:44px;color:var(--fog);background:var(--hull);border:2px solid var(--rope);padding:8px;font:inherit;font-size:15px}.city-directory-list{list-style:none;margin:0;padding:0}.city-directory-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--rope)}.city-directory-list li>a{flex:1;min-width:0}.city-directory-list strong{font-family:Pixelify Sans,sans-serif;font-size:21px;font-weight:400;display:block}.city-directory-list span{display:block;color:var(--salt);font-size:13px}.city-directory-list button{font-size:13px;min-height:44px}@media(max-width:1150px){.city-observer{display:none}.city-hud-top{left:16px;right:16px}.city-brand-sub{display:none}.city-brand{min-height:70px}.city-reading-window{right:16px}}@media(max-width:700px){.city-hud-top{top:12px;left:12px;right:12px;gap:8px;align-items:stretch}.city-brand{padding:8px;min-height:58px;gap:7px}.city-brand .hud-icon{width:30px;height:30px}.city-brand-name{font-size:21px}.city-clock{padding:8px;min-width:0;display:flex;align-items:center;margin-left:auto}.city-clock .game-time{display:flex;flex-direction:column;gap:2px;font-size:17px}.city-clock>span{display:none}.city-hud-utility{padding:4px;margin:0;gap:0}.city-hud-utility>button:first-child{display:none}.city-hud-utility>button{font-size:11px;max-width:50px;min-width:44px;line-height:1.2}.city-dock{bottom:max(12px,env(safe-area-inset-bottom));padding:4px;gap:0;max-width:calc(100% - 16px);width:max-content}.city-dock>a,.city-dock>button{width:59px;min-height:68px;padding:3px 1px;font-size:12px}.city-dock>a[aria-current],.city-dock>button[aria-expanded=true]{padding:3px 1px}.city-dock .hud-icon{width:34px;height:34px}.city-reading-window{top:82px;bottom:102px;left:8px;right:8px;width:auto}.city-window-content{padding:18px 16px}.pixel-window-bar{height:48px;font-size:17px;padding-left:10px}.city-selection{top:84px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 194px)}.city-more{bottom:102px;max-height:calc(100dvh - 184px);max-width:calc(100% - 16px)}.city-more-grid{padding:8px;gap:2px}.city-more-grid>a{font-size:15px;gap:7px}.city-more-grid .hud-icon{width:32px;height:32px}.city-help{top:84px;right:12px}.city-directory-filters{grid-template-columns:1fr}.city-directory-list li{gap:10px}.city-directory-list strong{font-size:17px}.city-window-content .post-text{font-size:16px}.city-world-stale{top:85px}}@media(max-width:370px){.city-dock>a,.city-dock>button{width:51px;font-size:12px}.city-brand-name{font-size:18px}.city-brand .hud-icon{display:none}}