.obs-stack{display:grid;gap:20px;min-width:0}.obs-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;background:linear-gradient(110deg,#21142d,#15151f 75%);border:1px solid #49304f;border-radius:16px}.obs-hero h2{margin:8px 0;font-size:27px;letter-spacing:-.7px}.obs-hero p{margin:0;color:#b4adbf;line-height:1.6;overflow-wrap:anywhere}.obs-eyebrow{color:#c293e4;font-size:10px;letter-spacing:2px;font-weight:700}.obs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.obs-stat{background:#17171f;border:1px solid #2d2c3a;padding:20px;border-radius:13px;display:flex;flex-direction:column;gap:10px;min-width:0}.obs-stat>span{font-size:11px;color:#b0a8bc;font-weight:600}.obs-stat strong{font-size:24px;line-height:1.25;letter-spacing:-.5px;overflow-wrap:anywhere}.obs-stat small{font-size:11px;color:#8f889f;line-height:1.5}.obs-stat.warn{border-color:#695025}.obs-stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.obs-stats.compact strong{font-size:18px}.obs-panel{padding:24px;min-width:0}.obs-panel h3{margin:0 0 12px;font-size:16px}.obs-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-width:0}.obs-section-head h2,.obs-section-head h3{margin:0 0 7px}.obs-section-head p{margin:0;color:#9991a8;font-size:12px;line-height:1.7}.obs-section-head small{color:#9991a8;font-size:11px}.obs-section-head button,.obs-inline-actions button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.obs-section-head svg{width:16px;height:16px}.obs-inline-actions{display:flex;gap:9px;flex-wrap:wrap}.obs-pill{border:1px solid #3a3545;background:#25222e;color:#bfb4cf;display:inline-flex;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap}.obs-pill.good{color:#7ce1b6;background:#15332a;border-color:#245c46}.obs-pill.warn{color:#ecc47c;background:#3a2c1e;border-color:#685132}.obs-pill.purple{color:#d7a0f1;background:#331e43;border-color:#653b7e}.obs-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0 22px;min-width:0}.obs-toolbar label{display:grid;gap:7px;flex:1 1 170px;min-width:140px;font-size:11px;font-weight:600;color:#b5adbf}.obs-toolbar input,.obs-toolbar select,.obs-form input,.obs-form select,.obs-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:8px;background:#101018;border:1px solid #363140;color:#e4deec;min-height:40px;outline:none;font:inherit}.obs-toolbar input:focus,.obs-toolbar select:focus,.obs-form :is(input,select,textarea):focus{border-color:#a65bd0;box-shadow:0 0 0 2px #884cad26}.obs-toolbar button{min-height:40px}.obs-chart{height:185px;width:100%;overflow:hidden}.obs-chart svg{width:100%;height:100%}.obs-chart text{fill:#a29aad;font-size:10px}.obs-gridline{stroke:#302b39;stroke-dasharray:3 5}.obs-cpu,.obs-memory{fill:none;stroke-width:2.2;stroke-linejoin:round}.obs-cpu{stroke:#b66ff1}.obs-memory{stroke:#5ed0ba}.obs-chart-legend{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;color:#afa6bd;margin-top:12px}.obs-chart-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#b66ff1}.obs-chart-legend .memory:before{background:#5ed0ba}.obs-chart-legend small{margin-left:auto}.obs-empty{text-align:center;padding:36px 20px;color:#92899f}.obs-empty svg{width:30px;height:30px;color:#8b53a9;margin-bottom:7px}.obs-empty h3{color:#ded4e8;font-size:15px;margin:6px 0}.obs-empty p{max-width:530px;margin:9px auto;font-size:12px;line-height:1.8}.obs-report-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.obs-report-meta button{margin-left:auto}.obs-report-note{color:#afa2bc;font-size:11px;line-height:1.7;margin:14px 0}.obs-bar{background:#26212e;border-radius:3px;height:5px;min-width:65px;width:90px;margin-bottom:5px}.obs-bar span{display:block;height:100%;width:var(--value);background:#af66d7;border-radius:3px}.obs-bad{color:#f393a5}.obs-notice{background:#221c2c;border:1px solid #493555;color:#c0adce;padding:14px 17px;border-radius:10px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.obs-notice.warn{color:#debd84;background:#2d261c;border-color:#625032}.obs-modal-head{display:flex;gap:15px;align-items:center;margin:5px 0 24px;padding-right:30px}.obs-modal-head>svg{width:32px;height:32px;color:#c67eef;flex-shrink:0}.obs-modal-head h2{margin:0;font-size:23px;overflow-wrap:anywhere}.obs-modal-head p{margin:6px 0 0;color:#aaa0b7;font-size:12px}.obs-form{display:grid;gap:17px}.obs-form label{display:grid;gap:9px;font-size:12px;color:#bdb1cd}.obs-form textarea{min-height:82px;resize:vertical}.obs-form .muted{font-size:12px;line-height:1.7;margin:0}.obs-form-error{color:#ffabb5;line-height:1.7;font-size:12px}.obs-code,.obs-json{background:#0d0d14;padding:16px;border:1px solid #332a3f;border-radius:9px;color:#c2afce;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;max-height:340px}.obs-code{white-space:pre;font-size:13px;line-height:2;color:#ddbaee}.obs-source{padding:15px 0;border-top:1px solid #302938}.obs-source>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c1b3cf;list-style:revert}.obs-source summary span{color:#9f92ac;font-size:11px}.obs-finding{border:1px solid #403149;border-left:3px solid #79518c;border-radius:9px;background:#1b1621;padding:17px;margin:14px 0}.obs-finding.high{border-left-color:#d2aa66}.obs-finding>div{display:flex;gap:9px;align-items:center}.obs-finding b{font-size:12px}.obs-finding>code{display:block;color:#a786b7;font-size:10px;overflow-wrap:anywhere;margin:9px 0}.obs-finding pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4c3df;background:#110f16;padding:9px;border-radius:5px}.obs-finding p{font-size:12px;line-height:1.7;color:#b7a8c3;margin:7px 0}.obs-finding small{font-size:10px;color:#93809f}.obs-timeline{display:grid;gap:0;margin-top:22px}.obs-event{display:flex;gap:16px;position:relative;padding:0 0 26px}.obs-event:before{content:'';position:absolute;left:17px;top:34px;bottom:0;width:1px;background:#3b2a45}.obs-event:last-child:before{display:none}.obs-event-marker{width:35px;height:35px;border-radius:10px;background:#35233f;color:#b27aca;display:grid;place-items:center;flex-shrink:0;z-index:1}.obs-event-marker svg{width:17px;height:17px}.obs-event.life .obs-event-marker{background:#3a2531;color:#e2a3b0}.obs-event.money .obs-event-marker{background:#1c3530;color:#8bd8ba}.obs-event-main{flex:1;min-width:0;border:1px solid #332b3d;background:#15121b;border-radius:11px;padding:17px}.obs-event-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.obs-event-top strong{font-size:13px;margin-right:4px}.obs-event h4{font-size:13px;margin:11px 0;color:#d9cce3}.obs-event-meta{font-size:10px;display:flex;gap:12px;flex-wrap:wrap;color:#9b88a8;overflow-wrap:anywhere}.obs-event details{margin-top:13px;font-size:11px;color:#b8a0c8}.obs-event summary{cursor:pointer}.obs-event details button{margin:6px 8px 0 0}.obs-event .muted{font-size:11px;margin:10px 0 0}.obs-diff{display:flex;gap:16px;align-items:center;margin:15px 0;background:#0e0c12;padding:12px;border-radius:8px}.obs-diff>div{display:grid;gap:7px;flex:1;min-width:0}.obs-diff small{display:block;color:#a58eaf;overflow-wrap:anywhere}.obs-load-more{margin:8px auto;display:block}.obs-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#9c8aaa;font-size:11px}.obs-inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px}.obs-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px}.obs-item{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(145deg,#211927,#151219);border:1px solid #423049;border-radius:10px;padding:16px 11px;color:#dfd0e7;cursor:pointer;min-height:177px;font:inherit;min-width:0;text-align:center}.obs-item:hover{border-color:#ad67c9;background:#291e32;transform:translateY(-1px)}.obs-item.weapon{border-color:#705537;background:linear-gradient(145deg,#30261d,#19151c)}.obs-slot-number{align-self:flex-start;font-size:8px;letter-spacing:1px;color:#90719d}.obs-item-icon{margin:16px 0 13px;color:#a578bd}.obs-item-icon svg{height:29px;width:29px}.obs-item b{font-size:12px;overflow-wrap:anywhere}.obs-item>small{color:#8f799c;font-size:10px;overflow-wrap:anywhere;margin:5px 0}.obs-item>strong{font-size:15px;margin:8px 0;color:#d9b1ed}.obs-item-meta{font-size:9px;color:#9b81aa;overflow-wrap:anywhere}.obs-need{display:grid;gap:7px;margin:20px 0}.obs-need>span{display:flex;justify-content:space-between;font-size:12px}.obs-need meter{width:100%;height:8px;accent-color:#b078cc}.obs-need small{color:#917f9c;font-size:10px}.obs-inventory-layout aside p{font-size:12px;line-height:1.8;color:#a996b8;overflow-wrap:anywhere}.obs-revision{display:block;color:#806a8e;font:10px monospace;margin-top:15px}.obs-item-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.obs-item-facts>div{padding:12px;background:#201725;border:1px solid #493151;border-radius:8px;display:grid;gap:8px;min-width:0}.obs-item-facts small{color:#ad8cbd;font-size:10px}.obs-item-facts b{font-size:12px;overflow-wrap:anywhere}.obs-panel td small{display:block;font-size:10px;color:#9d8aaa;margin-top:6px}.obs-panel td code{font-size:10px;overflow-wrap:anywhere}.obs-panel .table-wrap{max-width:100%}button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:1200px){.obs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-inventory-layout{grid-template-columns:minmax(0,1fr)}.obs-inventory-layout aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:650px){.obs-hero{padding:21px;align-items:flex-start;flex-direction:column;gap:16px}.obs-hero h2{font-size:24px}.obs-panel{padding:16px}.obs-section-head{align-items:flex-start;flex-wrap:wrap}.obs-stats,.obs-stats.compact{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.obs-stat{padding:14px}.obs-stat strong{font-size:19px}.obs-stat small{font-size:10px}.obs-toolbar label{min-width:110px}.obs-toolbar button{flex-grow:1}.obs-event{gap:9px}.obs-event-marker{width:28px;height:28px}.obs-event:before{left:14px}.obs-event-main{padding:12px}.obs-event-top .obs-pill{font-size:8px}.obs-event-top strong{width:100%}.obs-inventory-layout aside{grid-template-columns:minmax(0,1fr)}.obs-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.obs-item{min-height:166px}.obs-source>summary{flex-direction:column}.obs-chart-legend{gap:11px}.obs-chart-legend small{width:100%;margin:0}.obs-item-facts{grid-template-columns:1fr}}
