.room-human-observer{margin:14px 0;padding:18px;border:1px solid #57745c;border-radius:15px;background:linear-gradient(125deg,#263b2e,#1c3028 65%,#2c3928);color:#e0e8c9;box-shadow:inset 0 1px #efffc510}
.room-human-heading{display:flex;gap:14px;align-items:center;justify-content:space-between}.room-human-heading h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.03em}.room-human-toggle{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.room-human-toggle input{accent-color:#b7d597}
.room-human-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 12px}.room-human-actions button{padding:9px 11px;border:1px solid #647858;border-radius:8px;background:#344834;color:#e5edce;font:inherit;font-size:12px;cursor:pointer}.room-human-actions button:hover,.room-human-actions button[aria-pressed=true]{background:#b7cd91;color:#203827;border-color:#c5dba0}.room-human-actions button:focus-visible,.room-human-speed input:focus-visible{outline:2px solid #ffe79a;outline-offset:3px}
.room-human-speed{display:grid;grid-template-columns:auto 1fr 62px;gap:12px;align-items:center;font-size:12px}.room-human-speed input{width:100%;accent-color:#c8d899}.room-human-speed output{font-variant-numeric:tabular-nums;text-align:right}.room-human-hint,.room-human-note{font-size:11px;line-height:1.7;color:#a3b598;margin:9px 0}.room-human-hint[data-error=true]{color:#edb58a}
.room-human-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:14px}.room-human-thought{border-left:3px solid #d9c27d;padding:11px 13px;background:#b4ca8710;border-radius:0 9px 9px 0;min-width:0}.room-human-thought small{display:block;font-size:10px;color:#a9bd9a}.room-human-thought h4{font-size:13px;margin:10px 0 6px;color:#e9d799}.room-human-thought p{margin:0;font-size:13px;line-height:1.75}.room-human-diagram{width:100%;height:112px;display:block;border-radius:8px;margin-top:12px;background:#14261e}
.room-human-metrics{margin:0;display:grid;gap:10px;align-content:start}.room-human-metrics>div{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px}.room-human-metrics dt{color:#b1c2a2}.room-human-metrics dd{margin:0;color:#e0e8c9;font-variant-numeric:tabular-nums}.room-human-meter{grid-column:1/-1;height:5px;background:#10231a;border-radius:8px;overflow:hidden}.room-human-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#94bf94,#e7b36f);transition:width .12s linear}.room-human-history{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:5px;font-size:10px;color:#99af91}.room-human-history li{display:flex;gap:8px}.room-human-history time{font-variant-numeric:tabular-nums;color:#c2cb9f}
.room-human-bubble{position:absolute;z-index:5;pointer-events:none;max-width:215px;padding:9px 12px;border-radius:11px 11px 11px 2px;border:1px solid #d6bc78;background:#f0ecdaf2;color:#294034;box-shadow:0 5px 20px #101c2335;font-size:11px;line-height:1.6}.room-human-bubble small{display:block;font-size:9px;color:#6b725c;margin-bottom:3px}.room-human-bubble[hidden]{display:none}.room-human-observer[data-state=escape] .room-human-thought{border-left-color:#e89f73}.room-human-observer[data-state=dead]{opacity:.8}
@media(max-width:720px){.room-human-observer{padding:13px}.room-human-heading{align-items:flex-start}.room-human-heading h3{font-size:14px}.room-human-content{grid-template-columns:1fr}.room-human-metrics{grid-template-columns:1fr 1fr;gap:12px}.room-human-history{grid-column:1/-1}.room-human-speed{grid-template-columns:auto 1fr 57px;gap:7px}.room-human-bubble{max-width:170px;font-size:10px}.room-human-actions button{flex:1 1 auto;min-height:39px}}