.town-section{padding-block:85px 80px;border-bottom:1px solid #88774e55;background:radial-gradient(ellipse at 85% 0,#4f5b3322,transparent 65%),#15241b}.town-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.town-card{background:#1b2c20;border:1px solid #ae9762;box-shadow:0 0 0 3px #0a180f,0 0 0 4px #71674455,0 16px 30px #0003;position:relative}.town-banner{height:174px;position:relative;display:grid;place-items:center;border-bottom:1px solid #8f8159;background-size:cover;background-position:center}.town-banner-0{background-image:linear-gradient(#12271b77,#11271adc),url('/assets/images/taiga.jpg')}.town-banner-1{background-image:linear-gradient(#13262777,#15271ddb),url('/assets/images/mountains.jpg')}.town-banner-2{background-image:linear-gradient(#302b1677,#17241bdc),url('/assets/images/caves.jpg')}.town-banner img{width:79px;height:89px;filter:drop-shadow(0 4px 0 #07160c99) drop-shadow(0 6px 14px #0007)}.town-banner>span{position:absolute;bottom:12px;color:#c7c9a7;font-size:8px;letter-spacing:.15em}.town-card-body{padding:26px}.town-card h3{font-size:31px;color:#e7d6ad}.town-card p{font-size:12px;color:#aab69f;margin-top:15px;min-height:74px;line-height:1.8}.town-card dl{margin:22px 0;display:flex;gap:38px;padding-block:15px;border-block:1px solid #95804e33}.town-card dt{font-size:9px;color:#9daf8c}.town-card dd{margin:3px 0 0;font:700 25px/1.1 var(--display);color:#ddc18b}.town-open{padding:0;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#dfc689;background:none;font-size:12px;min-height:31px}.town-open:hover{color:#f3dfb1}.town-coordinates{font-size:9px;color:#9aaf83;display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #867b4744;margin-top:12px}.town-coordinates:hover{color:#ddce9b}.town-card:hover .town-banner img{transform:translateY(-3px)}.town-banner img{transition:transform .3s}.world-feed{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;margin-top:48px;padding:30px;border:1px solid #8d7b51;background:#1a2c20;box-shadow:inset 0 0 0 4px #132418}.world-feed h3{font-size:29px;color:#e5d3a8}.world-feed>div>p{font-size:12px;color:#9aad8c;margin-top:14px;max-width:230px}.world-feed .entity-label{margin-bottom:13px;display:block}.event-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.event-list li{display:grid;grid-template-columns:46px 29px 1fr;align-items:start;gap:11px;padding:13px 0;border-bottom:1px solid #7b744238}.event-list li:first-child{padding-top:0}.event-list li:last-child{padding-bottom:0;border-bottom:0}.event-list time{font-size:10px;color:#8ea47b;line-height:29px}.event-list img{width:28px;height:28px;image-rendering:pixelated;border:1px solid #a18d5c}.event-list li>div{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.event-list button{background:none;padding:0;color:#d9d8b9;font-size:11px;font-weight:550;line-height:1.7}.event-list button:hover{color:#ead09b;text-decoration:underline;text-underline-offset:3px}.event-list span{font-size:11px;color:#a6b79b;line-height:1.7}.event-list .event-town{display:block;flex-basis:100%;text-align:left;color:#8fa67b;font-size:9px;font-weight:400;line-height:1.7}.entity-dialog{width:min(650px,calc(100% - 34px));padding:0;max-height:92dvh;overflow:auto}.entity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 28px;border-bottom:1px solid #8c774b66;background:#122519;position:sticky;top:0;z-index:2}.entity-toolbar>span{font:550 9px Onest,sans-serif;letter-spacing:.16em;color:#baa674}.entity-close{background:#243925;border:1px solid #99824e;color:#dcc48f;width:30px;height:30px;display:grid;place-items:center}.entity-close:hover{background:#415132}.entity-close .icon{width:16px;height:16px}.entity-dialog>h2{font-size:40px;margin:25px 30px 0;overflow-wrap:anywhere;line-height:1.1}.entity-dialog #communityBody{padding:26px 30px 32px}.entity-label{font-size:8px;letter-spacing:.13em;color:#b5a576}.player-id,.town-id{display:flex;align-items:center;gap:25px}.profile-avatar{width:92px;height:92px;image-rendering:pixelated;border:3px solid #bd9e63;box-shadow:0 0 0 3px #102017;flex:none}.player-id>div{min-width:0}.profile-status{display:flex;align-items:center;gap:8px;color:#bacda8;font-size:12px;margin-top:12px}.profile-town{padding:0;margin-top:9px;font-size:11px;color:#d4bd85;background:none;text-align:left}.profile-town:hover{text-decoration:underline}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-block:23px;margin:25px 0 0;border-block:1px solid #8a794b66}.profile-stats dt{font-size:10px;color:#9baf88}.profile-stats dd{font:700 29px/1.1 var(--display);color:#e3cc95;margin:8px 0 0;overflow-wrap:anywhere}.profile-stats dd small{font:9px/1.2 Onest,sans-serif;display:block;color:#a7b995;margin-top:5px}.profile-location{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:19px;border-bottom:1px solid #8a794b55;flex-wrap:wrap}.profile-location span{font-size:10px;color:#a8b894}.profile-location b{font:550 11px Onest,sans-serif;color:#d5d8b5;white-space:nowrap}.entity-map-link{width:100%;margin-top:26px;text-align:center;gap:17px}.town-id>img{width:70px;height:79px;flex:none}.town-id p{font-size:12px;color:#abbc9c;margin-top:12px;line-height:1.8}.resident-heading{font-size:24px;margin:22px 0 14px;color:#dcc494}.resident-list{display:grid;gap:7px}.resident{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 11px;background:#233b28;border:1px solid #6f84515c;color:#d5dfbe}.resident:hover{background:#384e30;border-color:#b09c62}.resident img{width:34px;height:34px;image-rendering:pixelated;border:1px solid #a38e5d}.resident>span{min-width:0;overflow-wrap:anywhere;font-size:11px}.resident small{display:block;font-size:9px;color:#8fac7c;margin-top:2px}.resident .status-dot{margin-left:auto}.player-preview a[data-player]{cursor:pointer}.towns-link{display:block;margin-top:27px;font-size:11px;color:#c5b881}
.motion-ready .town-card.reveal.is-visible:hover{transform:translateY(-4px)}.town-card.reveal{transition-delay:var(--reveal-delay,0ms)}
@media(max-width:1000px){.town-grid{gap:21px}.town-card-body{padding:23px 20px}.town-card h3{font-size:28px}.town-card p{min-height:90px;font-size:11px}.town-card dl{gap:27px}.world-feed{gap:30px}}
@media(max-width:700px){.town-grid{grid-template-columns:1fr;gap:28px}.town-card{display:grid;grid-template-columns:115px 1fr}.town-banner{height:100%;min-height:255px;border-bottom:0;border-right:1px solid #8f8159}.town-banner img{width:69px;height:78px}.town-banner>span{font-size:6px;max-width:85px;text-align:center;line-height:1.8;bottom:23px}.town-card-body{padding:22px}.town-card p{min-height:0;max-width:none}.town-card dl{margin-block:18px;gap:32px}.town-card h3{font-size:29px}.world-feed{grid-template-columns:1fr;gap:26px}.world-feed>div>p{max-width:none;font-size:12px}.event-list li{grid-template-columns:38px 28px 1fr;gap:8px}.event-list button,.event-list span{font-size:10px}}
@media(max-width:440px){.town-section{padding-block:65px}.town-card{display:block}.town-banner{height:138px;min-height:0;border-right:0;border-bottom:1px solid #8f8159}.town-banner img{width:63px;height:72px}.town-banner>span{font-size:7px;max-width:none;bottom:10px}.town-card-body{padding:24px}.town-card h3{font-size:30px}.town-card p{font-size:12px}.world-feed{padding:24px 18px;margin-top:35px}.world-feed h3{font-size:27px}.entity-toolbar{padding:12px 20px}.entity-toolbar>span{font-size:8px}.entity-dialog>h2{font-size:30px;margin:22px 20px 0}.entity-dialog #communityBody{padding:24px 20px}.player-id{gap:15px;align-items:center}.profile-avatar{width:67px;height:67px}.entity-label{font-size:7px;letter-spacing:.08em}.profile-status{font-size:10px}.profile-town{font-size:10px}.profile-stats{gap:11px;padding-block:19px}.profile-stats dt{font-size:8px}.profile-stats dd{font-size:25px}.profile-stats dd small{font-size:8px}.entity-map-link{font-size:10px;padding-inline:14px}.town-id{gap:17px}.town-id>img{width:55px;height:64px}.town-id p{font-size:11px}.profile-location span{font-size:9px}.profile-location b{font-size:10px}.resident-heading{font-size:22px}}