*{box-sizing:border-box} [hidden]{display:none!important} html{min-height:100%;background:#444648} body{margin:0 auto;max-width:620px;min-height:100vh;color:#f1f3f4;background:#303234;font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #606468;padding:10px 12px;min-height:42px;color:#f1f3f4;background:#252729;border-radius:2px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #9edcff;outline-offset:3px}input{width:100%;min-width:0;border:1px solid #606468;background:#1c1e20;color:#f1f3f4;padding:10px;margin-top:5px}label{display:block;margin:12px 0}h1,h2,h3,p{margin:0}h2{font-size:19px}h3{font-size:15px}p{margin:10px 0} .page{padding:10px}.brand{display:flex;align-items:center;gap:10px;padding:14px 8px 18px}.brand h1{font-size:25px;line-height:1.2;letter-spacing:.025em}.brand p{margin:3px 0 0;font-size:12px;color:#b8bdc2}.version{margin-left:auto;font-size:11px;color:#b8bdc2}.b{border:1px solid #606468;background:#292b2d;padding:10px;margin-bottom:9px;border-radius:2px}.title{background:#181a1c;border:1px solid #606468;text-align:center;padding:8px;font-size:15px;font-weight:650;margin:-1px -1px 10px}.city-picture{display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;border:1px solid #494d50}.introduction p{padding:0 4px}.entry-facts{display:flex;justify-content:space-around;gap:5px;border-top:1px solid #494d50;padding-top:10px;color:#b8bdc2;font-size:12px}.auth-card{padding:14px 20px}.auth-tabs{display:flex;gap:5px;margin-bottom:18px}.auth-tabs button{flex:1}.auth-tabs button[aria-selected=true]{border-bottom:3px solid #9edcff!important;background:#35393c!important}.auth-card h2{text-align:center;font-size:18px}.auth-card form{max-width:400px;margin:auto}.submit{width:100%;margin-top:8px}.text-button{color:#9edcff!important;display:block;margin:10px auto 0;border:none!important;background:transparent!important;text-decoration:underline}.muted,.entry-note{color:#b8bdc2;font-size:12px}.entry-note{text-align:center;padding:5px}.notice{border:1px solid #9e7471;background:#3e2e2d;color:#ffe3df;padding:12px;margin-bottom:10px;overflow-wrap:anywhere}.notice.success{background:#293b31;border-color:#6f9a78;color:#dcf5e3}.recovery-card code{display:block;word-break:break-all;color:#9edcff;font-size:17px;padding:16px 8px;margin:15px 0;background:#1c1e20;border:1px solid #606468;user-select:all}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;margin:0}.sticky_header{border:1px solid #606468;padding:10px;display:flex;gap:12px;margin-bottom:9px}.status-bars{flex:1;min-width:0}.resource{position:relative;background:#1c1e20;border:1px solid #151719;margin:4px 0;height:23px;overflow:hidden;line-height:21px}.resource .fill{height:100%;position:absolute;inset:0 auto 0 0}.resource .value{position:relative;display:block;padding-left:8px;font-weight:600;font-size:12px;color:#fff;text-shadow:0 1px 2px #000}.resource.health .fill{background:#c6383d}.resource.mana .fill{background:#258ad0}.resource.stamina .fill{background:#43814b}.fill.w0{width:0}.fill.w25{width:25%}.fill.w50{width:50%}.fill.w75{width:75%}.fill.w100{width:100%}.status-meta{display:flex;flex-direction:column;justify-content:center;min-width:100px;max-width:42%;font-size:12px;overflow-wrap:anywhere}.status-meta strong{color:#9edcff;font-size:15px}.location-heading{display:flex;align-items:center;justify-content:center;gap:10px}.location-heading h2{font-size:15px}.location-heading span{font-size:11px;color:#b8bdc2;font-weight:400;white-space:nowrap}.location-content{padding:0 4px}.eyebrow{color:#9edcff;font-size:12px}.exits{display:grid;grid-template-columns:1fr 1fr;gap:7px}.exit{display:flex;flex-direction:column;text-align:left;gap:3px}.exit strong{color:#9edcff;font-size:14px}.exit small{color:#b8bdc2;font-size:11px}.exit.townhall{grid-column:1/-1;text-align:center;background:#303234!important}.tip{font-size:12px;color:#b8bdc2}.b_foot{position:sticky;bottom:0;display:flex;gap:4px;background:#1d1f21;border:1px solid #606468;padding:7px;margin-top:10px;z-index:10}.b_foot button{flex:1;min-width:0;padding:5px 2px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px}.b_foot button span{font-size:24px;line-height:1.1;color:#9edcff}.b_foot button[aria-current=page]{border-color:#cfa45d!important;color:#e5c691!important}.b_foot button[aria-current=page] span{color:#e5c691}.site-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 4px 8px;color:#b8bdc2;font-size:10px}.character-card{display:flex;justify-content:center;align-items:center;gap:22px;padding:10px}.character-card img{background:#202224;border:1px solid #606468}.character-card h2{color:#9edcff;overflow-wrap:anywhere}.character-bars{padding:0 10px 10px}.character-bars .resource{height:29px;line-height:27px}.character-bars .value{font-size:14px}.details{margin:0}.details div{display:flex;justify-content:space-between;gap:10px;padding:9px 8px;border-top:1px solid #494d50}.details dt{color:#b8bdc2}.details dd{margin:0;text-align:right}.journal{list-style:none;margin:0;padding:0}.journal li{padding:12px 5px;border-top:1px solid #494d50;display:flex;flex-direction:column;gap:3px}.journal small{color:#b8bdc2;font-size:11px}.guide-row{border-top:1px solid #494d50;padding:10px 0}.guide-row h3{color:#9edcff}.guide-row p{font-size:13px}.map-instruction{text-align:center;color:#b8bdc2;font-size:12px}.map-scroll{overflow:auto}.city-map{width:100%;min-width:300px;aspect-ratio:1;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:3px;padding:10px;background:#202224;border:1px solid #494d50;position:relative}.map-node{position:relative;z-index:1;padding:0;min-height:0;font-size:12px;font-weight:600;border:1px solid #606468!important;color:#b8bdc2!important}.map-node.visited{color:#9edcff!important;background:#273640!important}.map-node.current{background:#665236!important;border-color:#cfa45d!important;color:#fff!important}.map-node.neighbor{border-color:#9edcff!important;cursor:pointer}.map-node:not(.neighbor){cursor:default}.map-road{background:#494d50;align-self:center;height:2px;grid-column:1/12;grid-row:6}.map-road.vertical{grid-column:6;grid-row:1/12;width:2px;height:auto;justify-self:center;align-self:stretch}.map-key{display:flex;justify-content:center;gap:13px;color:#b8bdc2;font-size:11px;padding:12px 0}.map-key span:first-child{color:#e5c691}.map-current{text-align:center;padding:10px;background:#202224;border:1px solid #494d50;margin-bottom:10px}.map-label{font-size:11px;color:#b8bdc2;align-self:center;justify-self:center}.map-label.north{grid-column:7/12;grid-row:1}.map-label.south{grid-column:7/12;grid-row:11}.map-label.west{grid-column:1/5;grid-row:7}.map-label.east{grid-column:8/12;grid-row:7} @media(max-width:500px){.brand{padding:12px 4px}.brand h1{font-size:23px}.version{display:none}.auth-card{padding:12px}.sticky_header{gap:8px}.exits{grid-template-columns:1fr}.site-footer span{display:none}.entry-facts{font-size:11px}.location-heading{flex-direction:column;gap:0}.character-card{gap:14px}.character-card img{width:90px;height:110px}.city-map{gap:2px;padding:5px}.map-label{font-size:9px}}

/* Другой Мир: requested compact header and direction controls. */
.sticky_header{display:block}.status-bars{display:flex;gap:5px}.status-bars .resource{flex:1;min-width:0;height:25px;line-height:23px}.status-bars .resource .value{font-size:11px;padding-left:5px}.status-meta{max-width:none;flex-direction:row;gap:15px;justify-content:space-between;align-items:center;padding:5px 2px 0}.status-meta strong{font-size:13px}.status-bars .stamina .value{font-size:0}.status-bars .stamina .value::first-letter{font-size:0}
.resource.compact .value{font-size:11px}.compass{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:6px;padding:12px 0;max-width:460px;margin:auto}.direction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;min-height:75px}.direction strong{font-size:20px;color:#9edcff}.direction span{font-size:12px}.direction small{font-size:10px;color:#b8bdc2;text-align:center;overflow-wrap:anywhere}.direction.north{grid-column:2;grid-row:1}.direction.west{grid-column:1;grid-row:2}.direction.east{grid-column:3;grid-row:2}.direction.south{grid-column:2;grid-row:3}.compass-center{grid-column:2;grid-row:2;align-self:center;justify-self:center;font-size:35px;color:#b8bdc2}.character-menu-link{display:block;margin:0 auto;color:#9edcff!important;text-decoration:underline;border:0!important;background:transparent!important}.library-article{border-top:1px solid #494d50;padding:11px 0}.library-article summary{color:#9edcff;cursor:pointer}.library-article p{font-size:13px}.maintenance-card{text-align:center;padding:30px 15px}.maintenance-title{font-size:19px;color:#9edcff}.maintenance-card img{margin:10px auto}.maintenance-card button{min-width:150px;margin-top:15px}textarea,select{font:inherit;width:100%;padding:10px;margin-top:5px;color:#f1f3f4;background:#1c1e20;border:1px solid #606468}.character-bars .stamina .value{font-size:14px}
.col-1{grid-column:1}.row-1{grid-row:1}
.col-2{grid-column:2}.row-2{grid-row:2}
.col-3{grid-column:3}.row-3{grid-row:3}
.col-4{grid-column:4}.row-4{grid-row:4}
.col-5{grid-column:5}.row-5{grid-row:5}
.col-6{grid-column:6}.row-6{grid-row:6}
.col-7{grid-column:7}.row-7{grid-row:7}
.col-8{grid-column:8}.row-8{grid-row:8}
.col-9{grid-column:9}.row-9{grid-row:9}
.col-10{grid-column:10}.row-10{grid-row:10}
.col-11{grid-column:11}.row-11{grid-row:11}
@media(max-width:420px){.status-bars{gap:3px}.status-bars .resource .value{font-size:10px;padding-left:3px}.status-meta{gap:6px}.direction{min-height:65px}}

.status-bars .stamina .value{font-size:11px}.status-bars .stamina .value::first-letter{font-size:inherit}
@media(max-width:420px){.status-bars .stamina .value{font-size:10px}}

.fill.w0{width:0%}
.fill.w1{width:1%}
.fill.w2{width:2%}
.fill.w3{width:3%}
.fill.w4{width:4%}
.fill.w5{width:5%}
.fill.w6{width:6%}
.fill.w7{width:7%}
.fill.w8{width:8%}
.fill.w9{width:9%}
.fill.w10{width:10%}
.fill.w11{width:11%}
.fill.w12{width:12%}
.fill.w13{width:13%}
.fill.w14{width:14%}
.fill.w15{width:15%}
.fill.w16{width:16%}
.fill.w17{width:17%}
.fill.w18{width:18%}
.fill.w19{width:19%}
.fill.w20{width:20%}
.fill.w21{width:21%}
.fill.w22{width:22%}
.fill.w23{width:23%}
.fill.w24{width:24%}
.fill.w25{width:25%}
.fill.w26{width:26%}
.fill.w27{width:27%}
.fill.w28{width:28%}
.fill.w29{width:29%}
.fill.w30{width:30%}
.fill.w31{width:31%}
.fill.w32{width:32%}
.fill.w33{width:33%}
.fill.w34{width:34%}
.fill.w35{width:35%}
.fill.w36{width:36%}
.fill.w37{width:37%}
.fill.w38{width:38%}
.fill.w39{width:39%}
.fill.w40{width:40%}
.fill.w41{width:41%}
.fill.w42{width:42%}
.fill.w43{width:43%}
.fill.w44{width:44%}
.fill.w45{width:45%}
.fill.w46{width:46%}
.fill.w47{width:47%}
.fill.w48{width:48%}
.fill.w49{width:49%}
.fill.w50{width:50%}
.fill.w51{width:51%}
.fill.w52{width:52%}
.fill.w53{width:53%}
.fill.w54{width:54%}
.fill.w55{width:55%}
.fill.w56{width:56%}
.fill.w57{width:57%}
.fill.w58{width:58%}
.fill.w59{width:59%}
.fill.w60{width:60%}
.fill.w61{width:61%}
.fill.w62{width:62%}
.fill.w63{width:63%}
.fill.w64{width:64%}
.fill.w65{width:65%}
.fill.w66{width:66%}
.fill.w67{width:67%}
.fill.w68{width:68%}
.fill.w69{width:69%}
.fill.w70{width:70%}
.fill.w71{width:71%}
.fill.w72{width:72%}
.fill.w73{width:73%}
.fill.w74{width:74%}
.fill.w75{width:75%}
.fill.w76{width:76%}
.fill.w77{width:77%}
.fill.w78{width:78%}
.fill.w79{width:79%}
.fill.w80{width:80%}
.fill.w81{width:81%}
.fill.w82{width:82%}
.fill.w83{width:83%}
.fill.w84{width:84%}
.fill.w85{width:85%}
.fill.w86{width:86%}
.fill.w87{width:87%}
.fill.w88{width:88%}
.fill.w89{width:89%}
.fill.w90{width:90%}
.fill.w91{width:91%}
.fill.w92{width:92%}
.fill.w93{width:93%}
.fill.w94{width:94%}
.fill.w95{width:95%}
.fill.w96{width:96%}
.fill.w97{width:97%}
.fill.w98{width:98%}
.fill.w99{width:99%}
.fill.w100{width:100%}
.direction.nw{grid-column:1;grid-row:1}.direction.ne{grid-column:3;grid-row:1}.direction.sw{grid-column:1;grid-row:3}.direction.se{grid-column:3;grid-row:3}.direction.ne span,.direction.nw span,.direction.se span,.direction.sw span{font-size:11px}

.bank-balances{display:flex;justify-content:space-between;gap:10px;padding:8px;border:1px solid #494d50;background:#202224}.bank-balances p{margin:0;color:#9edcff}.bank-actions{display:flex;gap:8px}.bank-actions button{flex:1}.bank-panel{padding:10px 0}

.menu-icon{display:block;margin:0 auto 3px;object-fit:contain}.character-card img{object-fit:cover;object-position:center 25%;border:1px solid #786447}.location-content>a{display:block;padding:12px;border:1px solid #606468;margin:8px 0}#bank-view .city-picture,#townhall-view .city-picture{aspect-ratio:2}

.compass{max-width:280px;gap:4px;padding:7px 0;grid-template-rows:repeat(3,48px)}.direction{min-height:48px!important;padding:3px!important}.direction strong{font-size:17px}.direction span{font-size:10px!important}.direction small{display:none}.compass-center{width:28px;height:28px}.b_foot{padding:3px!important;gap:3px!important}.b_foot button{min-height:41px!important;padding:3px 2px!important;font-size:10px!important}.b_foot .menu-icon{width:18px;height:18px;margin-bottom:1px}.map-node.current{position:relative;border:3px solid #f2d386!important;background:#68512c!important;color:#fff!important;box-shadow:0 0 0 3px #181a1c,0 0 12px #e2bd64;z-index:3}.map-player{position:absolute;left:50%;top:-17px;transform:translateX(-50%);background:#e2bd64;color:#181a1c;padding:0 4px;font-size:10px;line-height:14px;border-radius:2px;white-space:nowrap}.map-current{border:1px solid #b7a178;padding:9px;background:#202224;color:#f2d386;font-weight:bold;text-align:center;margin-bottom:10px}.auth-card{margin-top:20px}#register-link{display:block;width:100%;margin-top:10px}
.social-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.social-tabs button{padding:6px 8px;min-height:32px;font-size:12px}.social-tabs button[aria-pressed=true]{border-bottom:2px solid #b7a178!important}.social-row{padding:10px 0;border-top:1px solid #494d50}.social-row small{display:block;color:#b8bdc2;font-size:11px}.social-body{white-space:pre-wrap;overflow-wrap:anywhere}#social-content form{margin-bottom:18px}#social-content h3{margin:12px 0}
.login-logo{display:block;width:100%;max-width:540px;height:auto;margin:8px auto 12px;border:0}.auth-card{margin-top:8px}

/* Text remains selectable on desktop and touch devices in every theme. */
html,body,.view,.notice,.location-activity{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
.inventory-bulk-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;align-items:center;border-top:1px solid #606468;padding:8px 0}.inventory-bulk-row label{margin:0}.inventory-bulk-row .check{min-width:0}.inventory-bulk-row small{display:block}.inventory-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.inventory-bulk-confirm{border:1px solid #606468;padding:10px;margin:10px 0}

html{scrollbar-gutter:stable}.resource .value,.companion-clock,#game-online-count,.ranking-pagination{font-variant-numeric:tabular-nums}.mail-link-badge,.news-badge{min-width:1.6em;text-align:center}.item-info-large-icon{aspect-ratio:1;object-fit:contain}