@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eef4f2;background:#0b1118;font-family:Space Grotesk,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}main{min-height:100vh;padding:18px clamp(14px,3vw,42px) 36px;background:radial-gradient(circle at 18% -10%,#223747 0,transparent 34%),#0b1118}header{height:74px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #263540}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:48px;height:48px;object-fit:cover;border-radius:10px}h1{font-size:22px;margin:0;letter-spacing:0}.brand span,small,.muted{color:#8fa3ac;font-size:12px}.connection,.tick{font:500 12px DM Mono;color:#9eb2ba;letter-spacing:.08em}.connection i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ec8d5a}.connection i.online{background:#6de19a;box-shadow:0 0 10px #6de19a}.tick strong{color:#f4c76c;font-size:18px;margin-left:8px}.resources{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px 0}.resource{border:1px solid #2a3a45;background:#111c25;padding:8px 12px;display:flex;align-items:center;gap:8px;text-transform:capitalize;font-size:13px}.resource img{width:26px;height:26px;object-fit:contain;flex-shrink:0}.resource span{flex:1}.resource strong{color:#f4c76c}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.main-column,aside{min-width:0;display:grid;gap:14px;align-content:start}.world-frame{overflow:hidden;border:1px solid #304651;background:#101923;box-shadow:0 12px 34px #0005}.village-stage{position:relative;width:100%;aspect-ratio:1672 / 941;overflow:hidden;background:#101923}.village-stage>img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.npc-slot{position:absolute;width:8%;aspect-ratio:1;transform:translate(-50%,-55%);transition:left .9s cubic-bezier(.45,.05,.55,.95),top .9s cubic-bezier(.45,.05,.55,.95)}.npc-shadow{position:absolute;left:50%;bottom:-10%;width:70%;height:24%;transform:translate(-50%);background:radial-gradient(ellipse at center,#00000073,#0000 72%);border-radius:50%;pointer-events:none}.npc-shadow.walking{animation:npc-shadow-pulse .9s ease-in-out}.npc-flip{position:relative;width:100%;height:100%;transition:transform .16s ease}.npc-flip.flip{transform:scaleX(-1)}.npc-anim{width:100%;height:100%;transform-origin:50% 100%}.npc-anim.walking{animation:npc-hop .9s ease-in-out}.npc-anim.idle-breathe{animation:npc-breathe 2.6s ease-in-out infinite}.npc-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));pointer-events:none}@keyframes npc-hop{0%{transform:translateY(0) scale(1)}15%{transform:translateY(-16%) scale(1.08,.92)}50%{transform:translateY(-24%) scale(.95,1.07)}85%{transform:translateY(-6%) scale(1.05,.96)}to{transform:translateY(0) scale(1)}}@keyframes npc-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes npc-shadow-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(.8)}}.panel{border:1px solid #2a3a45;background:#111c25}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;text-transform:uppercase;letter-spacing:.09em;font:500 12px DM Mono;color:#e6f0ec;border-bottom:1px solid #2a3a45}.panel-title span{color:#7f969e;font-size:10px}.npc-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;color:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid #20303a;cursor:pointer}.npc-row:hover,.npc-row.selected{background:#193029}.npc-row img{width:42px;height:42px;object-fit:cover;border-radius:6px}.npc-row span{flex:1;display:grid;gap:4px}.npc-row b{font-size:13px}.npc-row em{color:#69d997;font:11px DM Mono;font-style:normal}.event{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #20303a}.event-dot{width:7px;height:7px;background:#f4c76c;border-radius:50%}.event span:nth-child(2){display:grid;gap:4px;flex:1}code{color:#6d8994;font:10px DM Mono}.detail{display:flex;gap:16px;padding:16px;min-height:110px}.detail img{width:82px;height:82px;object-fit:cover;border-radius:8px}.detail p{color:#d0dbd8;font-size:13px;margin:9px 0 0}.empty,.loading{color:#8fa3ac;padding:28px;text-align:center}@media(max-width:900px){.layout{grid-template-columns:1fr}.resources{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){main{padding:12px}header{gap:12px}.brand span{display:none}.resources{grid-template-columns:repeat(2,1fr)}.connection{font-size:10px}}