*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#1b2016}body{font:14px/1.35 system-ui,sans-serif;color:#f1ead8;-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit}button{background:#3d3426;border:1px solid #6b5a3e;border-radius:8px;padding:6px 12px;cursor:pointer}button:hover{background:#4a3f2d}button.on{background:#6b5a3e}button.primary{background:#5b7a3a;border-color:#86a95a}.app{position:relative;height:100%}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.login{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#141810e0}.login h1{margin:0;font-size:40px;letter-spacing:1px;color:#e9d7a8}.login .sub{margin:0 0 12px;color:#a59a80}.login input{width:260px;padding:9px 12px;border-radius:8px;border:1px solid #6b5a3e;background:#2a2419}.login .seg{display:flex;gap:4px}.login .note{max-width:300px;text-align:center;color:#d9b36a;font-size:12px;margin:0}.login .big{padding:10px 40px;font-size:16px}.help{color:#a59a80;font-size:12px;max-width:420px;text-align:center}.needs{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#191610b8;border-radius:10px}.bar{display:grid;grid-template-columns:70px 140px 28px;align-items:center;gap:8px;font-size:13px}.track{height:8px;background:#1d1912;border-radius:4px;overflow:hidden}.fill{height:100%;border-radius:4px;transition:width .3s}.sleep{color:#9cc3ea;font-size:12px}.online{color:#a59a80;font-size:12px}.hover{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:5px 12px;background:#191610bf;border-radius:8px;pointer-events:none}.progress{position:absolute;left:50%;bottom:120px;width:160px;height:8px;transform:translate(-50%);background:#00000080;border-radius:4px;overflow:hidden}.progress div{height:100%;background:#e9c46a}.stand{position:absolute;left:50%;bottom:130px;transform:translate(-50%)}.bottom{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:center;gap:10px}.buildbtn{height:52px}.inv{display:grid;grid-template-columns:repeat(10,46px);gap:4px;padding:6px;background:#191610b8;border-radius:10px}.slot{position:relative;width:46px;height:46px;border-radius:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.slot.full{cursor:pointer}.slot.full:hover{border-color:#e9c46a}.slot img{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:36px;height:36px;object-fit:contain}.slot .n{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:600;text-shadow:0 1px 2px #000}.panel{position:absolute;padding:10px;background:#1e1a13f0;border:1px solid #6b5a3e;border-radius:12px}.panel .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel .head button{padding:2px 8px}.build{right:12px;top:12px;width:320px;display:flex;flex-direction:column;gap:4px}.build .row{display:flex;justify-content:space-between;gap:10px;text-align:left}.build .row.dim{opacity:.5}.build .cost{color:#c9b98f;font-size:12px}.chest{left:50%;top:22%;transform:translate(-50%)}.chest .inv{background:none;padding:0}.toasts{position:absolute;left:50%;top:52px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.toast{padding:6px 14px;background:#78321ee6;border-radius:8px}.slot .fresh{position:absolute;left:5px;right:5px;bottom:3px;height:3px;background:#0000008c;border-radius:2px;overflow:hidden}.slot .fresh i{display:block;height:100%}.slot.rot img{filter:grayscale(.5) sepia(.8) hue-rotate(35deg) saturate(1.4) brightness(.9)}.slot.rot:after{content:"гниль";position:absolute;left:2px;top:1px;font-size:9px;color:#c8dc7a;text-shadow:0 1px 2px #000}.slot.rot{border-color:#8caa3c73}.cook{width:380px}.cook .row{align-items:center}.cook .row img{width:32px;height:32px;object-fit:contain;flex:none}.cook .row>span:first-of-type{flex:1;display:flex;flex-direction:column}.cook .row small{color:#9fb98a;font-size:11px}.cook .help{margin:4px 2px 0;font-size:12px;color:#a99c7c}.sick{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;cursor:pointer}.sick span{padding:1px 6px;font-size:11px;background:#963c28d9;border-radius:6px}.health{left:12px;top:128px;width:300px;max-height:calc(100% - 260px);overflow-y:auto}.health h4{margin:8px 0 4px;font-size:12px;color:#c9b98f;text-transform:uppercase;letter-spacing:.04em}.health .ok{margin:0;color:#9fca8a}.health .cond{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:4px 6px;margin-bottom:4px;background:#963c2840;border-radius:6px;font-size:13px}.health .cond span{font-size:11px;color:#d8c9a8;text-align:right}.health .cond .sev{grid-column:1 / -1;height:3px;background:#0006;border-radius:2px;overflow:hidden}.health .cond .sev i{display:block;height:100%;background:#d9774f}.health .caps,.health .body{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:12px}.health .caps div,.health .body div{display:flex;justify-content:space-between}.health .low b{color:#e0884f}.health .body .part{grid-column:1 / -1;margin-top:3px;color:#c9b98f}.health .body .part b{display:none}.health .help{margin:8px 0 0;font-size:11px;color:#a99c7c}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0806b8}.death .box{width:360px;padding:18px 20px;background:#1e1a13f7;border:1px solid #6b5a3e;border-radius:14px;display:flex;flex-direction:column;gap:8px}.death h2{margin:0;font-size:22px;color:#e9c46a}.death h3{margin:6px 0 0;font-size:14px;color:#c9b98f}.death p{margin:0;font-size:13px;color:#d8c9a8;line-height:1.4}.death .cause{color:#e0884f;font-size:15px}.chest .sub{margin:-4px 0 8px;font-size:12px;color:#e0884f}.slot.on{border-color:#e9c46a;box-shadow:0 0 0 1px #e9c46a inset}.progress.charge div{background:#d9774f}.sidebtns{display:flex;flex-direction:column;gap:4px}.terr{margin-top:4px;font-size:11px;color:#f4dca0}.terr.mine{color:#b8e0a0}.found{left:50%;top:18%;transform:translate(-50%);width:340px;display:flex;flex-direction:column;gap:8px}.found .err{margin:0;color:#e0884f;font-size:13px}.found .help,.settle .help{margin:0;font-size:12px;color:#c9b98f;line-height:1.4}.settle{right:12px;top:12px;width:320px;display:flex;flex-direction:column;gap:6px}.settle h4{margin:6px 0 0;font-size:12px;color:#c9b98f;text-transform:uppercase}.settle .member{font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:6px}.settle .member.req button{padding:2px 8px;margin-left:4px}.settle .row{display:flex;justify-content:space-between;gap:10px;text-align:left}.settle .row .cost,.door .row .cost{color:#c9b98f;font-size:12px}.settle .row.danger{margin-top:6px;color:#f0a080}.door{width:240px}.door .row.on{border-color:#e9c46a}.health .body .part.low b{display:inline}.char{left:auto;right:12px}.char .thought{display:flex;justify-content:space-between;font-size:12px;padding:1px 0}.char .thought .pos{color:#9fd36a}.char .thought .neg{color:#e0884f}.char .skill{display:grid;grid-template-columns:1fr auto;gap:1px 8px;font-size:12px;margin-bottom:3px}.char .skill .sev{grid-column:1 / -1;height:3px;background:#0006;border-radius:2px;overflow:hidden}.char .skill .sev i{display:block;height:100%;background:#c7a6e0}