.city-screen{position:fixed;inset:0;z-index:55;color:#f4ead8;pointer-events:none;font:14px/1.5 "Microsoft YaHei",sans-serif;--city-edge:#ac8b52;--city-paper:#241c13ef}
body.city-active #c{cursor:grab}body.city-active.city-camera-dragging #c{cursor:grabbing}
.city-screen[hidden],.city-screen [hidden]{display:none!important}
.city-screen button{pointer-events:auto;min-height:44px;padding:8px 14px;border:1px solid var(--city-edge);color:#f4ead8;background:var(--city-paper);font:inherit;cursor:pointer;border-radius:3px;box-sizing:border-box}
.city-screen button:hover{border-color:#f2c14e;background:#4d3424}.city-screen button:focus-visible{outline:2px solid #fff0ba;outline-offset:3px}
.city-head{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:18px;padding:16px max(18px,env(safe-area-inset-right));background:linear-gradient(#17110ce6,transparent)}
.city-screen .city-identity{display:flex;align-items:center;gap:12px;min-width:180px;text-align:left;border-color:#ac8b5266;background:#24190fc4}
.city-identity i{display:grid;place-items:center;width:40px;height:40px;font:28px var(--brush,"KaiTi",serif);background:#772b24;border:1px solid #d3aa60;font-style:normal}
.city-identity i{font-size:18px;white-space:nowrap;flex:none}
.city-identity b{font-size:16px}.city-identity small{display:block;color:#d3b985;font-size:12px}
.city-map{position:absolute;right:max(12px,env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:164px;pointer-events:auto}.city-map canvas{display:block;width:164px;height:164px;cursor:pointer;touch-action:manipulation;background:#211c16;box-shadow:0 4px 18px #0005}.city-place{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 2px;background:#21180dc9;white-space:nowrap}.city-place b{font:16px var(--brush,"KaiTi",serif);color:#f2c14e}.city-place small{font-size:10px;color:#dbceb3}
.city-dock{position:absolute;right:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:7px;padding:7px;background:#16110b99;border:1px solid #ac8b5244}.city-dock button{min-width:64px}.city-screen .city-primary{background:linear-gradient(135deg,#852c22,#471912);border-color:#e2b265;color:#fff0ba}.city-screen.new-notice [data-a="more"]::after{content:'•';color:#ff8974;margin-left:5px}
.city-help{position:absolute;left:18px;top:98px;max-width:300px;padding:14px;background:var(--city-paper);border-left:2px solid #b38c4d;pointer-events:auto}.city-help b{font:21px var(--brush,"KaiTi",serif);color:#f2c14e}.city-help p{margin:8px 0;color:#ddcdb0;font-size:13px}.city-help button{padding:5px 12px;min-height:36px}
.city-guide{position:absolute;top:95px;left:50%;transform:translateX(-50%);min-width:190px;padding:10px 44px 10px 14px;border:1px solid var(--city-edge);background:var(--city-paper)}.city-guide b,.city-guide small{display:block}.city-guide small{color:#ddbc78}.city-screen .city-guide button{position:absolute;right:0;top:0;min-width:40px;border:0;background:none;font-size:23px}
.city-tag{position:absolute;top:0;left:0;white-space:nowrap;font-size:12px!important;min-height:26px!important;padding:2px 7px!important;background:#21180b99!important;border-color:transparent!important;color:#d7d3c8!important}.city-tag.npc{color:#f4d38e!important;border-color:#ba8f4366!important;background:#21180bd9!important}.city-tag.focused{outline:2px solid #f2c14e;outline-offset:3px}.city-landmark{position:absolute;top:0;left:0;padding:3px 14px;border-bottom:2px solid #d5a654;background:#20180da6;font:20px var(--brush,"KaiTi",serif);color:#f2d18e;white-space:nowrap;text-shadow:0 2px 4px #000}
.city-screen .city-interact{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);font-size:17px;border-color:#f2c14e;box-shadow:0 8px 30px #0008;max-width:90vw}
.city-stamina{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#24190fc9;padding:5px 10px;font-size:12px}.city-stamina i{display:block;width:130px;height:6px;background:#100f0b;border:1px solid #b38c4d}.city-stamina i b{display:block;height:100%;background:#73b8a0;width:100%}
.city-toast,.system-message{position:fixed;z-index:85;top:15%;left:50%;transform:translateX(-50%);max-width:min(680px,90vw);box-sizing:border-box;padding:12px 22px;border:1px solid #ba8f43;background:#24190fee;color:#f4ead8;font:18px/1.5 var(--brush,"KaiTi",serif);pointer-events:none;text-align:center;box-shadow:0 8px 30px #0006}.system-message[hidden]{display:none}
.city-status{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);max-width:min(540px,80vw);text-align:center;background:#20170bee;padding:6px 14px;margin:0;border-radius:3px}.city-status:empty{display:none}
.city-dialog{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:80vh;box-sizing:border-box;background:linear-gradient(135deg,#32271d,#18110d);border:1px solid #b08c4e;color:#f4ead8;padding:22px;box-shadow:0 15px 80px #000b;display:flex;flex-direction:column}.city-dialog header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #9f7b3b;padding-bottom:12px}.city-dialog h2{flex:1;margin:0;font:28px var(--brush,"KaiTi",serif);color:#f2c14e}.city-dialog header button{border:0;font-size:24px;background:none}.city-content{min-height:0;overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;padding:8px 0}.city-content button{display:block;width:100%;margin:8px 0;text-align:left;min-height:52px}.city-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex:none}.city-dialog article{border-bottom:1px solid #bea98866;padding-bottom:10px}
.city-screen:has(.city-dialog:not([hidden]))::before{content:'';position:absolute;inset:0;background:#0c09096b;pointer-events:auto;z-index:8}.city-dialog{z-index:9}
body.city-active #touchui #tAttack,body.city-active #touchui #tCharge,body.city-active #touchui #tMusou{display:none!important}body.city-ui-blocked #touchui{display:none!important}
.t-city-nav{display:none}#title.city-mode-modal{z-index:68;background:linear-gradient(90deg,#160e08f5,#160e08dc);overflow:auto;pointer-events:auto}#title.city-mode-modal>.t-veil,#title.city-mode-modal>.t-tag,#title.city-mode-modal .t-logo,#title.city-mode-modal .t-main,#title.city-mode-modal .t-press{display:none!important}
#title.city-mode-modal .t-city-nav{display:flex;position:sticky;top:0;z-index:3;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#1b130df5;border-bottom:1px solid #9f7b3b;font:15px "Microsoft YaHei",sans-serif;color:#ddc8a0}#title.city-mode-modal .t-city-nav button{min-height:44px;padding:8px 16px;border:1px solid #9f7b3b;border-radius:3px;color:#f4ead8;background:#302217}
#title.city-mode-modal .t-band{position:relative;inset:auto;margin:20px auto 95px;max-width:960px;width:calc(100% - 60px)}#title.city-mode-modal :is(.t-cpanel,.t-dpanel){margin-top:0;gap:50px}#title.city-mode-modal .t-menu b{font:26px var(--brush,"KaiTi",serif)}#title.city-mode-modal .t-menu small{font-size:12px}#title.city-mode-modal .t-menu button{min-height:64px;padding:10px 10px 12px 32px;margin-bottom:6px}#title.city-mode-modal .t-menu button::before{top:25px;left:8px}#title.city-mode-modal :is(.t-ccard,.t-dcard){width:340px;max-width:45vw;font-size:14px}#title.city-mode-modal .ui-foot{left:24px;bottom:16px;font-size:15px}#title.city-mode-modal .ui-foot small{font-size:12px}