:root{font-family:Inter,system-ui,sans-serif;color:#183a32}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#8ec9de}button{font:inherit}#app,#game,#game canvas{width:100vw;height:100vh;display:block}.hud{position:fixed;z-index:5;background:#fbfff9ed;border:1px solid #fff;border-radius:15px;box-shadow:0 10px 32px #244f4230;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top{top:14px;left:14px;right:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.top b{font-size:17px}.top span{font-size:12px;margin-left:10px;color:#617970}#connection{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c55;margin-right:4px}#connection.ok{background:#4ba86c}.people{left:14px;top:73px;width:252px;max-height:calc(100vh - 155px);padding:12px;overflow:auto}.panel-title{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#667d73;margin-bottom:9px}.panel-title strong{float:right;color:#d26745}#characters button{width:100%;display:block;text-align:left;border:0;border-radius:10px;background:#edf4eb;padding:8px 9px;margin:5px 0;color:#26483f;cursor:pointer}#characters b,#characters small{display:block}#characters small{color:#6b8078;margin-top:2px}.drawer{right:-370px;top:73px;width:345px;bottom:76px;padding:13px;overflow:auto;transition:right .24s}.drawer.open{right:14px}.tools{display:flex;align-items:center;gap:8px;margin-bottom:9px}.tools button,.events button,#categories button,.catalog-item,.bottom button{border:0;border-radius:9px;background:#eaf2e8;color:#294b42;padding:8px 10px;cursor:pointer}.tools span{font-size:11px;color:#71827b}.tools .danger{background:#c8584d;color:#fff}#categories{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}#categories button{font-size:11px;padding:6px 8px}#categories button.active,.catalog-item.active,.bottom button.active{background:#356653;color:#fff}#catalog-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-item{text-align:left;min-height:52px}.catalog-item span,.catalog-item small{display:block}.catalog-item small{color:#aa6f46;margin-top:4px}.events{right:-330px;top:73px;width:300px;padding:13px;transition:right .24s}.events.open{right:14px}.events button{display:block;width:100%;text-align:left;margin:6px 0}.bottom{bottom:14px;left:50%;transform:translate(-50%);padding:7px;display:flex;gap:6px;white-space:nowrap}.bottom button:hover,#characters button:hover,.events button:hover{background:#d5e8d7}@media(max-width:760px){.top{top:7px;left:7px;right:7px}.people{left:7px;top:62px;width:205px;max-height:34vh}.drawer{top:62px;bottom:70px;width:min(330px,92vw)}.drawer.open,.events.open{right:7px}.events{top:62px;width:min(290px,88vw)}.bottom{left:7px;right:7px;transform:none;overflow-x:auto}.bottom button{padding:8px;font-size:12px}}