.room-direct-controls{display:none;padding:15px;background:linear-gradient(110deg,#21342c88,#19241e);border-bottom:1px solid #486044}.room-active .room-direct-controls{display:block}.direct-control-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.direct-control-heading h3{font-size:13px;font-weight:500;color:#d4e4c5}.direct-control-heading span{font-size:10px;font-family:var(--mono);color:#a8c095}.direct-control-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.direct-control-actions button{font-size:10px;line-height:1.6;padding:8px 11px;border:1px solid #58734d;border-radius:3px;background:#2b3e25;color:#d0e4be}.direct-control-actions .direct-kill{background:#4b302b;border-color:#936253;color:#ffd1bd}.direct-control-actions .direct-revive{background:#24413b;border-color:#527d6e;color:#bfeadb}.direct-control-actions button:disabled{opacity:.4;cursor:not-allowed}.direct-control-hint{font-size:10px;line-height:1.85;color:#acc19f;margin-top:10px}.direct-control-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.direct-altitude{flex:1;max-width:270px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:10px;color:#b8cba9}.direct-altitude input{grid-column:1/-1;width:100%;min-width:80px;accent-color:#c4ee85}.direct-altitude output{font-family:var(--mono);color:#dcf1bb}.direct-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,31px);gap:4px}.direct-pad button,.direct-elevation-pad button{font-family:var(--mono);font-size:14px;background:#283c30;border:1px solid #59724d;color:#e4efcc;border-radius:3px;touch-action:none;user-select:none;-webkit-user-select:none}.direct-pad [data-key=KeyW]{grid-column:2;grid-row:1}.direct-pad [data-key=KeyA]{grid-column:1;grid-row:2}.direct-pad [data-key=KeyS]{grid-column:2;grid-row:2}.direct-pad [data-key=KeyD]{grid-column:3;grid-row:2}.direct-elevation-pad{display:grid;gap:5px}.direct-elevation-pad button{width:40px;height:31px}.direct-pad button:active,.direct-elevation-pad button:active{background:#536b3b}.direct-control-note{font-size:9px;line-height:1.85;color:#879d7b;margin-top:12px}.room-direct-controls button:focus-visible{outline:2px solid #d2edb6;outline-offset:3px}.room-direct-controls[data-state=dead]{background:linear-gradient(110deg,#472d2580,#221f19)}.room-direct-controls[data-state=dead] .direct-control-heading span,.room-observation[data-condition=dead] #reactionState{color:#f0b09a}.room-observation[data-condition=controlled] #reactionState{color:#b5e4d1}.furniture-tool[data-tool=controlFly]{border-color:#81a488;color:#c1e9d1}.furniture-tool[data-tool=controlFly].active{background:#365444;border-color:#c6f2d5}.furniture-tool[data-tool=killFly]{border-color:#99705d;color:#e8bda2}.furniture-tool[data-tool=killFly].active{background:#56382c;border-color:#edb595}
@media(max-width:600px){.room-direct-controls{padding:12px 11px}.direct-control-heading{gap:7px;flex-wrap:wrap}.direct-control-heading h3{font-size:12px}.direct-control-heading span{font-size:9px}.direct-control-actions{gap:6px}.direct-control-actions button{padding:8px 9px;font-size:9px}.direct-control-tools{gap:9px;flex-wrap:wrap}.direct-altitude{min-width:115px;max-width:none}.direct-pad{grid-template-columns:repeat(3,32px)}.direct-elevation-pad button{width:32px}.direct-control-hint{font-size:9px}.direct-control-note{font-size:8px}}