:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#25352e;background:#e9eee6}*{box-sizing:border-box}body{margin:0}#app{max-width:1440px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 18px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#73837a;margin:0 0 5px}h1{font-size:29px;margin:0;letter-spacing:-1px}#connection{font-size:13px;background:#fff;border-radius:20px;padding:8px 12px;box-shadow:0 2px 12px #6572631a}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}#game-wrap{height:min(75vh,720px);min-height:510px;background:#a7d9e4;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 12px 35px #68776830}#game{height:100%}canvas{display:block}#scene-label,#hint{position:absolute;z-index:2;background:#fcfffae6;border-radius:9px;padding:7px 10px;font-size:11px;letter-spacing:.8px}#scene-label{top:12px;left:12px}#hint{bottom:12px;left:12px;color:#5a695f;letter-spacing:0}aside{background:#f9fcf6;border-radius:18px;padding:14px;box-shadow:0 12px 35px #68776820;overflow:auto}.tabs{display:flex;gap:7px;border-bottom:1px solid #e0e6de;padding-bottom:13px}button{border:0;border-radius:9px;padding:9px 10px;background:#eaf0e8;color:#405046;font:inherit;font-size:13px;cursor:pointer}button.active{background:#334f41;color:#fff}.panel{padding:16px 2px 4px}.hidden{display:none}h2{font-size:13px;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;color:#66766c}.person{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf1eb}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.person b,.person span{display:block}.person b{font-size:14px}.person span{font-size:11px;color:#78877e;margin-top:2px}.portrait{width:32px;height:32px;border-radius:50%;object-fit:cover}.accent{background:#e87b4d;color:#fff;width:100%;margin-top:4px}.panel p{font-size:13px;line-height:1.45;color:#66756c;margin:0 0 13px}#catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px}.item-button{text-align:left;background:#edf3ea}.item-button.selected{outline:2px solid #e87b4d;background:#fff3ec}.build-note{font-size:12px;margin-top:15px;background:#eef4ea;padding:10px;border-radius:8px}.activity{border-top:1px solid #e0e6de;margin-top:13px}.presence{font-size:13px;color:#64736a}@media(max-width:800px){#app{padding:12px}main{grid-template-columns:1fr}#game-wrap{height:58vh;min-height:400px}aside{min-height:300px}}