@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e8e8df;background:#101a20;font-size:13px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #435056;background:#25333b;color:#e5e8df;border-radius:8px;padding:8px 11px;font-weight:700}button:hover{background:#394b52}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e8ae5d;outline-offset:2px}.top{height:75px;background:#1a282f;border-bottom:2px solid #d59d58;display:flex;align-items:center;padding:0 22px;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:275px}.logo{width:46px;height:46px;display:grid;place-items:center;background:#d79a51;border-radius:11px;font-size:27px}.brand b{font:700 25px Oswald,sans-serif;letter-spacing:1px}.brand em{font-style:normal;color:#f2b66d}.brand small{display:block;color:#9ba8a8;font-size:10px;letter-spacing:1.4px;margin-top:2px}.clock{margin:auto;display:flex;align-items:center;gap:20px;color:#b6c4c4}.clock strong{font:600 17px Oswald;letter-spacing:1px;color:#fff}.clock span:last-child{font-size:10px;color:#71948a}.controls{display:flex;gap:7px}.controls button{white-space:nowrap}main{display:grid;grid-template-columns:292px minmax(440px,1fr) 318px;height:calc(100vh - 75px)}.sidebar{background:#1b2930;overflow:auto;padding:19px 17px;scrollbar-width:thin;scrollbar-color:#506168 transparent}.left{border-right:1px solid #445359}.right{border-left:1px solid #445359}.panel-head{border-bottom:1px solid #3b4b50;padding-bottom:15px}.panel-head>span{font:600 10px Oswald;letter-spacing:2px;color:#d5a365}.panel-head strong{font:600 19px Oswald;letter-spacing:.5px;display:block;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 24px}.stats>div{background:#293b42;border:1px solid #3e545a;border-radius:10px;text-align:center;padding:12px 4px}.stats strong{display:block;font:600 23px Oswald;color:#f4bf7c}.stats small{color:#a2b4b6;font-size:10px}h3{font:600 13px Oswald;letter-spacing:1.5px;display:flex;align-items:center;justify-content:space-between;margin:23px 0 11px}.status{font:600 10px 'DM Sans';color:#8bdd9c}.muted{color:#9cacaf;line-height:1.65;font-size:11px}.switchline{display:flex;gap:7px;align-items:start;font-size:11px;margin:15px 0}.switchline input{accent-color:#e2a55d}.rangehead{display:flex;justify-content:space-between;font-size:11px;color:#c8d3d0}.rangehead b{color:#f2bf79}input[type=range]{width:100%;accent-color:#e3a65a;margin:12px 0}.chaos-caption{color:#d2b18b;font-size:11px;margin-bottom:15px}.primary{background:#d9a15e;border:0;color:#19232a}.primary:hover{background:#f0b976}.wide{width:100%;padding:12px}.mini{padding:4px 7px;font-size:10px}.resident-list{display:grid;gap:7px;padding-bottom:20px}.resident{border:1px solid #344951;background:#24353d;border-radius:10px;display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:9px}.resident.active{border-color:#efb668;background:#344440}.avatar{font-size:28px;width:37px;text-align:center}.resident-info{flex:1;min-width:0}.resident-info b,.resident-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resident-info b{font-size:11px}.resident-info small{font-size:10px;color:#a8b6b6;margin-top:3px}.bubble{font-size:14px}.scene{position:relative;min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 32%,#546c70,#263943 65%,#1a3038)}.scene-toolbar{position:absolute;top:15px;left:20px;right:20px;z-index:5;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-toolbar>span{font:600 11px Oswald;letter-spacing:2px;padding:9px 14px;border-radius:7px;background:#18252bc9}.scene-toolbar>div{pointer-events:auto;display:flex;gap:8px;align-items:center;background:#18252bd9;border-radius:8px;padding:4px 6px}.scene-toolbar button{padding:4px 9px}.scene-toolbar span{font-size:11px}.scene-scroll{overflow:auto;flex:1;display:flex;justify-content:center;align-items:flex-start;scrollbar-width:thin}.building{position:relative;width:min(100%,780px);flex:none;transform-origin:top center;transition:transform .2s;margin-top:0}.building>img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:14px;padding:0;transition:background .2s,border-color .2s}.hotspot:hover,.hotspot.selected{background:#f5bb5730;border-color:#f5ca79}.hotspot .nametag{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:#18282be9;border:1px solid #dbac6c;color:#fff1dd;border-radius:20px;white-space:nowrap;padding:5px 10px;font-size:10px;opacity:0;pointer-events:none}.hotspot:hover .nametag,.hotspot.selected .nametag{opacity:1}.speech{position:absolute;top:10%;left:50%;transform:translateX(-50%);max-width:210px;min-width:100px;background:#fff8db;color:#263135;border:2px solid #332d25;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:700;box-shadow:2px 3px #19232b5c;animation:appear .25s ease-out;z-index:2;pointer-events:none}.speech:after{content:'';position:absolute;bottom:-10px;left:45%;border:5px solid transparent;border-top-color:#332d25}.scene-hint{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:#172329dc;border-radius:30px;padding:10px 15px;color:#f9e3b9;font-size:11px;white-space:nowrap;pointer-events:none}.bottom-note{height:35px;background:#1b2d33;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#adbdba;font-size:10px;gap:10px}.feed{display:flex;flex-direction:column;gap:11px;padding:16px 0;max-height:36vh;overflow:auto}.feed-item{border-left:3px solid #d8a262;padding:3px 0 4px 11px;animation:appear .3s}.feed-item .at{color:#d6b58b;font-size:10px}.feed-item p{margin:5px 0 0;line-height:1.5;color:#d3d9d2;font-size:11px}.section-divider{border-top:1px solid #405057}.right h3 span{font:500 10px 'DM Sans';color:#9cadad}.editor{padding-bottom:28px}.editor .hero{background:#2a3c43;border:1px solid #455c5e;border-radius:12px;padding:12px;display:flex;gap:11px;align-items:center;margin-bottom:13px}.editor .hero .avatar{font-size:36px;width:50px}.editor .hero b{display:block}.editor .hero small{display:block;color:#a7b8b9;margin-top:5px}.field{margin:10px 0}.field label{display:block;font-size:10px;color:#bbc8c7;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:#122229;border:1px solid #45565a;border-radius:7px;color:#f5f1e4;padding:9px;outline:none}.field textarea{min-height:62px;resize:vertical}.trait{margin:11px 0}.trait>div{display:flex;justify-content:space-between;color:#cbd3d1;font-size:10px}.trait input{margin:5px 0}.trait b{color:#f0b76a}.editor-actions{display:flex;gap:7px;margin-top:16px}.editor-actions button{flex:1}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:10px;background:#e1a760;color:#1c292f;font-weight:700;opacity:0;transition:opacity .25s;pointer-events:none;z-index:10}#toast.visible{opacity:1}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){main{grid-template-columns:240px minmax(350px,1fr) 280px}.sidebar{padding:14px 11px}.clock span:last-child{display:none}}@media(max-width:850px){body{overflow:auto}.top{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}.clock{order:3;width:100%;justify-content:center}.brand{min-width:0}.controls{margin-left:auto}main{display:flex;flex-direction:column;height:auto}.scene{order:0;height:72vh;min-height:450px}.left{order:1}.right{order:2}.sidebar{overflow:visible}.feed{max-height:250px}.scene-scroll{align-items:flex-start}.building{width:min(100%,650px)}.bottom-note span:nth-child(2){display:none}}