@layer components{.drawer-backdrop{position:fixed;inset:0;z-index:70}.side-drawer{position:fixed;top:0;right:0;z-index:80;width:min(500px,100vw);overscroll-behavior:contain;border-left:1px solid var(--line-2);transform:translateX(102%)}.side-drawer.is-open{transform:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.drawer-header small{font-size:10px;font-weight:600;letter-spacing:.15em}.drawer-header h2{margin-top:4px}.drawer-header button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:22px}.drawer-body{gap:14px;min-width:0}.drawer-section{padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.018)}.drawer-section h3{margin-bottom:10px}.meta-rail{position:fixed;right:0;top:50%;z-index:55;display:grid;place-items:center;gap:0;width:24px;min-height:92px;transform:translateY(-50%);padding:9px 2px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-right:0;border-radius:11px 0 0 11px;background:color-mix(in srgb,var(--accent) 12%,var(--panel-2));box-shadow:none;cursor:pointer;writing-mode:vertical-rl}.meta-rail span{display:none;color:var(--muted);font-size:10px;letter-spacing:.12em}.meta-rail b{font-size:10px;letter-spacing:.08em;white-space:nowrap}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{max-width:380px;padding:12px 14px;border:1px solid var(--line-2);border-radius:8px;font-size:12px}.game-health{overflow:hidden;border:1px solid var(--line);border-radius:8px}.game-health__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.game-health__head span{display:flex;align-items:center;gap:9px;font-weight:600}.game-health__body{padding:5px 14px 10px}
.health-games{display:grid;gap:12px}.game-health__head>div{display:grid;gap:3px}.game-health__head>div>small{color:var(--muted);font-size:10px}.game-health__name{display:flex;align-items:center;gap:9px;font-weight:600}.health-subhead{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 0 6px;border-bottom:1px solid rgba(170,183,198,.14);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.health-subhead:first-child{margin-top:3px}.health-subhead span{font-weight:600;letter-spacing:0;text-transform:none}.health-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 0;border-bottom:1px solid rgba(170,183,198,.1)}.health-source>div{display:flex;align-items:center;gap:8px;min-width:0}.health-source>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--soft);font-size:11px}.health-source>b{text-align:right}.health-source>small{grid-column:1/-1;color:var(--bad);font-size:10px;overflow-wrap:anywhere}.health-source>small.health-source__meta{color:var(--muted)}.health-source:last-child{border-bottom:0}.health-empty{padding:10px 0;color:var(--muted);font-size:11px}.health-issues{display:grid}.health-issue{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(170,183,198,.1)}.health-issue:last-child{border-bottom:0}.health-issue div{min-width:0}.health-issue b,.health-issue small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-issue b{font-size:10px}.health-issue small{margin-top:2px;color:var(--muted);font-size:10px}.health-issue>span{color:var(--warn);font:600 10px var(--mono)}.health-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.game-health--r6{--health-accent:#3ea6ff}.game-health--dota{--health-accent:#ff6a5f}.game-health--lol{--health-accent:#d5a849}.game-health{box-shadow:none}
html.drawer-open{overflow:hidden}.drawer-backdrop{background:rgba(2,7,12,.68);backdrop-filter:blur(7px) saturate(.8)}.side-drawer{border-left-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--panel);box-shadow:-34px 0 90px rgba(0,0,0,.52);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.drawer-header{padding:19px 20px 17px}.drawer-header small{color:var(--accent-2)}.drawer-header h2{font-size:20px;letter-spacing:-.025em}.drawer-header button{background:rgba(255,255,255,.018);color:var(--soft);transition:border-color .15s ease,background .15s ease,transform .15s ease}.drawer-header button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text)}.drawer-header button:active{transform:scale(.96)}.drawer-header button:focus-visible,.meta-rail:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.drawer-body{padding:16px 18px 28px}.drawer-section,.game-health{background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.drawer-section{border-radius:8px}.meta-rail{overflow:hidden;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.meta-rail::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:transparent;opacity:.8}.meta-rail:hover{border-color:color-mix(in srgb,var(--accent) 64%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--panel-2));box-shadow:none}.game-health{transition:border-color .15s ease,transform .15s ease}.game-health:hover{border-color:color-mix(in srgb,var(--health-accent) 34%,var(--line));transform:translateY(-1px)}.game-health__head{background:var(--panel)}.health-source{align-items:center}.health-source>b{font-family:var(--mono);font-size:10px}.health-issue>span{padding:3px 6px;border:1px solid color-mix(in srgb,var(--warn) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--warn) 5%,transparent)}.toast{background:color-mix(in srgb,var(--panel-2) 96%,transparent);backdrop-filter:none;box-shadow:0 18px 50px rgba(0,0,0,.34)}
@media(max-width:600px){.side-drawer{width:100vw}.drawer-header{padding:16px}.drawer-body{padding:14px 14px 24px}}
html.drawer-open,html.drawer-open body{overflow:hidden}
.side-drawer{height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.drawer-header{position:sticky;top:0;z-index:6;background:color-mix(in srgb,var(--panel-2) 96%,var(--bg-2));backdrop-filter:none}
.drawer-body{height:auto;min-height:0;max-height:none;overflow:visible;display:grid;align-content:start}
.side-drawer::-webkit-scrollbar{width:10px}
.side-drawer::-webkit-scrollbar-track{background:rgba(0,0,0,.08)}
.side-drawer::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,var(--line-2));background-clip:padding-box}
@supports(height:100svh){.side-drawer{height:100svh;max-height:100svh}}}

.health-source>small.health-source__warning{color:var(--warn)}
.health-source>small.health-source__bad{color:var(--bad)}
.health-more{padding:8px 0 2px;color:var(--muted);font-size:10px}