.rl{--rl-border:#ffffff20}.rlBadge{font-size:12px;padding:5px 10px;border:1px solid #f6ba5570;border-radius:20px;color:#f6ba55;vertical-align:middle}.rlFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.rlField,.rlSkillPicker label{display:grid;gap:6px;min-width:0;font-size:13px}.rl input,.rl select{width:100%;min-width:0}.rlRoster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.rlRunner summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.rlRunner summary b{flex:1}.rlRunner[open] summary{margin-bottom:18px}.rlPortrait{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:2px solid #65c8e4;border-radius:50%;overflow:hidden;background:#243c36}.rlPortrait img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.rlSkillPicker{display:grid;gap:8px;margin-top:16px}.rlChips{display:flex;flex-wrap:wrap;gap:5px}.rlChips button{font-size:12px;padding:5px 8px}.rlControls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.rlControls label{display:flex;align-items:center;gap:5px}.rlControls select{width:70px}.rlControls input[type=range]{flex:1;min-width:140px}.rlTrackCanvas{border-radius:14px;background:radial-gradient(ellipse,#1d3c31,#101e20);color:#dfeee5;overflow:hidden}.rlTrackCanvas svg{display:block;width:100%;max-height:440px}.rlTrackHeader{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.rlSegments,.rlSlopes{height:25px;position:relative;margin-top:10px;overflow:hidden}.rlSegments span,.rlSlopes span{position:absolute;height:100%;text-align:center;overflow:hidden;white-space:nowrap;font-size:11px;border-right:1px solid #ffffff60;background:#65c8e430}.rlSegments .corner{background:#d49cff45}.rlSlopes{height:20px}.rlSlopes span{background:#f6ba5530}.rlScale{display:flex;justify-content:space-between;font-size:12px;opacity:.7;margin-bottom:10px}.rlLive{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.rlLive>div{display:grid;gap:5px;padding:10px;border:1px solid var(--rl-border);border-radius:9px}.rlLive span{font-size:12px;opacity:.8}.rlLive progress{height:6px;width:100%;accent-color:#90d284}.rlAnalysis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.rlScroll{overflow:auto}.rl table{width:100%;border-collapse:collapse;font-size:13px}.rl th,.rl td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--rl-border);white-space:nowrap}.rlJournal{max-height:400px;overflow:auto;font-size:12px}.rlJournal details{padding:8px 0;border-bottom:1px solid var(--rl-border)}.rl pre{overflow:auto;max-height:240px;white-space:pre-wrap;font-size:11px}.rlGraph{margin-top:18px}.rlGraph b{font-size:12px}.rlGraph svg{display:block;width:100%;max-height:190px}.rl [data-warnings]{font-size:13px;overflow-wrap:anywhere}.rl [data-warnings] ul{max-height:320px;overflow:auto;padding-left:20px}.rlConfig{position:relative}.rl [data-status]{font-size:13px;color:#65c8e4}.rl button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.rlRoster,.rlAnalysis{grid-template-columns:1fr}.rlFields{grid-template-columns:repeat(2,minmax(0,1fr))}.rlConfig .rlField:first-child{grid-column:1/-1}.rlTrackHeader{flex-direction:column}.rlControls button{font-size:12px}.rlLive{grid-template-columns:1fr}.rlTrackCanvas svg{min-height:200px}.rlRunner{padding:14px}}
