:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#14141a;color:#e6e6ec}.app{display:flex;flex-direction:column;height:100%}.stage{position:relative;flex:1;min-height:0}.stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.stage__canvas canvas{display:block}.stage__hud{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud__panel{padding:6px 10px;border:1px solid #2f2f3a;border-radius:6px;background:#00000073;font-size:13px;font-variant-numeric:tabular-nums}.hud__pawn{pointer-events:auto;min-width:210px}.hud__pawn-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#8a8a99}.hud__pawn-header{display:flex;align-items:center;gap:10px;margin-top:6px}.hud__pawn-ident{display:flex;flex-direction:column}.hud__pawn-avatar{flex:none;width:74px;height:90px;border-radius:6px;overflow:hidden;border:1px solid #2f2f3a;background:#14140f}.hud__avatar-svg{display:block;width:100%;height:100%}.hud__pawn-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.hud__pawn-sex{font-size:15px;line-height:1}.hud__pawn-sex--male{color:#4a90d9}.hud__pawn-sex--female{color:#e87fb0}.hud__pawn-role{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:9px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hud__pawn-role--gladiator{background:#ef444438;color:#ef4444}.hud__pawn-role--staff{background:#60a5fa33;color:#60a5fa}.hud__meter{margin-top:8px}.hud__meter-head{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#8a8a99}.hud__meter-track{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.hud__meter-fill{height:100%;border-radius:3px;background:#3b9ad6;transition:width .1s linear}.hud__meter-fill--sleep{background:#7c6fd6}.hud__meter-fill--hunger{background:#d4a86a}.hud__meter-fill--hygiene{background:#4cc7b0}.hud__meter-fill--mood{background:#e0b341}.hud__meter-fill--low{background:#d6623b}.hud__pawn-status{margin-top:6px;font-size:12px;color:#b8b8c6}.hud__tabs{display:flex;gap:2px;margin-top:10px;border-bottom:1px solid #2f2f3a}.hud__tab{flex:1;padding:4px 6px;border:none;border-bottom:2px solid transparent;background:transparent;color:#8a8a99;font:inherit;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.hud__tab:hover{color:#c8c8d4}.hud__tab--active{color:#f0f0f4;border-bottom-color:#d4a86a}.hud__traits{margin-top:8px;display:flex;flex-direction:column;gap:5px}.hud__trait-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3}.hud__trait-label{flex-shrink:0;color:#8a8a99}.hud__trait-value{color:#d8d8e2;text-align:right}.hud__swatch{display:inline-block;width:9px;height:9px;margin-right:5px;border:1px solid rgba(255,255,255,.25);border-radius:2px}.hud__tabpanel{max-height:min(420px,calc(100vh - 220px));overflow-y:auto;padding-right:4px}.hud__bonds{margin-top:8px;display:flex;flex-direction:column;gap:1px}.hud__bond-row{display:flex;align-items:center;gap:8px;width:100%;padding:3px 4px;border:none;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.hud__bond-row:hover{background:#ffffff0f}.hud__bond-avatar{flex:none;width:22px;height:27px;border-radius:3px;overflow:hidden;border:1px solid #2f2f3a;background:#14140f}.hud__bond-name{flex:1;min-width:0;font-size:12px;font-weight:600;color:#e6e6ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__bond-type{flex:none;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#d4a86a}.hud__bond-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#8a8a99}.hud__bond-dot--pos{background:#4cc77a}.hud__bond-dot--neg{background:#d6623b}.hud__bond-dot--neutral{background:#8a8a99}.hud__bond-chevron{flex:none;width:10px;font-size:10px;color:#8a8a99}.hud__bond-detail{margin:2px 0 6px 30px;display:flex;flex-direction:column;gap:3px}.hud__rel-axis-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#8a8a99}.hud__rel-track{position:relative;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.hud__rel-track--bipolar:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff40}.hud__rel-fill{position:absolute;top:0;bottom:0;border-radius:3px;transition:width .1s linear}.hud__rel-fill--pos{background:#4cc77a}.hud__rel-fill--neg{background:#d6623b}.hud__rel-fill--attraction{background:#d678b0}.hud__rel-fill--intimidation{background:#8a93b0}.stage__speed{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border:1px solid #2f2f3a;border-radius:8px;background:#00000073;pointer-events:auto}.hud__speed-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b8b8c6;font-size:13px;font-family:inherit;line-height:1;letter-spacing:1px;cursor:pointer;transition:background .1s linear,color .1s linear}.hud__speed-btn:hover{background:#ffffff14;color:#e6e6ec}.hud__speed-btn--active{background:#7b6fd647;border-color:#7c6fd6;color:#f4f4f8}