/* Shared Riot-stat visual language. Every mark has a readable numeric counterpart. */
:root{--viz-accent:var(--sky-lime,var(--lime,#73f7e3));--viz-ink:#091110;--viz-line:#334940;--viz-muted:#a7bcb0;--viz-good:#81e2bc;--viz-bad:#ff968b}
.viz-overview,.viz-card,.stats-home{color:#edf3eb;font-family:var(--body,SkySans,Arial,sans-serif);text-align:left;min-width:0}.viz-eyebrow{display:block;font:10px/1.7 var(--mono,SkyMono,monospace);letter-spacing:.11em;color:var(--viz-accent);text-transform:uppercase}.viz-note{font:12px/1.7 var(--body,SkySans,Arial,sans-serif);color:var(--viz-muted);margin:12px 0}.viz-head{margin-bottom:20px}.viz-head h2{font:38px/1.02 var(--display,SkyDisplay,Impact,sans-serif)!important;text-align:left!important;margin:9px 0 10px!important;color:#edf3eb!important}.viz-head p{font:13px/1.7 var(--body,SkySans,Arial,sans-serif);color:var(--viz-muted);max-width:540px;margin:0}.viz-card{background:linear-gradient(140deg,#17271e77,#0b1512 70%);border:1px solid var(--viz-line);padding:28px;border-radius:8px;min-width:0;box-shadow:0 12px 40px #0002}.viz-card button,.viz-button,.viz-text-button{cursor:pointer;font-family:var(--body,SkySans,Arial,sans-serif);color:inherit}.viz-card button:focus-visible,.viz-card a:focus-visible{outline:3px solid var(--viz-accent)!important;outline-offset:4px}.viz-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.viz-select{display:flex;flex-direction:column;gap:7px;flex:1;min-width:120px}.viz-select>span{font:9px/1.7 var(--mono,SkyMono,monospace);color:var(--viz-muted);letter-spacing:.09em}.viz-select select{font:13px var(--body,SkySans,Arial,sans-serif);border:1px solid #526c5b;background:#0b1512;color:#ecf4e8;min-height:44px;padding:10px;border-radius:3px;width:100%}.viz-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--viz-line);border:1px solid var(--viz-line);margin:0 0 24px}.viz-scoreboard>div{padding:25px 26px;background:#0d1913}.viz-scoreboard strong{display:block;font:62px/1 var(--display,SkyDisplay,Impact,sans-serif);color:var(--viz-accent);font-variant-numeric:tabular-nums}.viz-scoreboard span{display:block;font:9px/1.8 var(--mono,SkyMono,monospace);color:var(--viz-muted);margin-top:10px;letter-spacing:.07em}.viz-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start;margin:22px 0}.viz-rank-list{display:flex;flex-direction:column;gap:8px}.viz-rank-row{display:grid;grid-template-columns:22px 48px 90px minmax(25px,1fr) 58px;gap:10px;align-items:center;padding:8px 10px;border:1px solid transparent;background:#14251b7a;text-align:left;width:100%;min-height:67px;border-radius:3px}.viz-rank-row:hover{border-color:var(--viz-accent);background:#1e3427}.viz-rank-number{font:10px var(--mono,SkyMono,monospace);color:var(--viz-muted)}.viz-portrait{display:block;width:48px;height:52px;object-fit:contain!important;object-position:center top;background:#1a2a20;border:1px solid #405244}.viz-rank-name{min-width:0}.viz-rank-name strong{display:block;font:21px/1 var(--display,SkyDisplay,Impact,sans-serif);white-space:nowrap}.viz-rank-name small{display:block;font-size:10px;color:var(--viz-muted);margin-top:5px}.viz-track{height:8px;background:#08120d;overflow:hidden;border-radius:1px}.viz-track i{display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--viz-accent) 35%,#243d2b),var(--viz-accent));height:100%;min-width:1px;transition:width .35s ease}.viz-rank-value{text-align:right;font:20px/1 var(--display,SkyDisplay,Impact,sans-serif);color:var(--viz-accent);font-variant-numeric:tabular-nums}.viz-network{position:relative;aspect-ratio:600/540;max-width:600px;margin:0 auto;isolation:isolate}.viz-network svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.viz-network line{transition:opacity .2s;vector-effect:non-scaling-stroke;stroke-linecap:round}.viz-winning{stroke:var(--viz-good)}.viz-losing{stroke:var(--viz-bad)}.viz-network-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:5px;width:74px;border:1px solid #52725b;background:#0d1916f2;padding:6px;border-radius:7px;z-index:2;transition:opacity .2s,box-shadow .2s;min-height:82px}.viz-network-node .viz-portrait{height:53px;width:53px;background:transparent;border:0}.viz-network-node>span{font:16px/1.2 var(--display,SkyDisplay,Impact,sans-serif);color:#f2f6ef}.viz-network-node[aria-pressed=true]{border-color:var(--viz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--viz-accent) 25%,transparent),0 0 28px #73f7e326}.viz-network-node.viz-dimmed{opacity:.4}.viz-network-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px dashed #49674f;border-radius:50%;background:#09140fe0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.viz-network-center>span{font:48px/1 var(--display,SkyDisplay,Impact,sans-serif);color:var(--viz-accent)}.viz-network-center>small{font:7px/1.6 var(--mono,SkyMono,monospace);color:var(--viz-muted);margin-top:8px}.viz-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--viz-muted);margin:14px 0 20px}.viz-good{color:var(--viz-good)}.viz-bad{color:var(--viz-bad)}.viz-text-button{padding:8px 0;background:transparent;border:0;color:var(--viz-accent)!important;font:10px/1.5 var(--mono,SkyMono,monospace);min-height:36px;margin-left:auto}.viz-network-detail{border-top:1px solid var(--viz-line);padding-top:14px;min-height:56px}.viz-network-detail>strong{display:block;font:12px/1.7 var(--mono,SkyMono,monospace);color:var(--viz-accent);margin-bottom:10px}.viz-pair-link{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--viz-line);padding:11px 0;align-items:center}.viz-pair-link strong{font-size:12px}.viz-pair-link small{font:10px var(--mono,SkyMono,monospace);color:var(--viz-muted)}.viz-atlas{margin:24px 0}.viz-heatmap-scroll{overflow-x:auto;border:1px solid var(--viz-line);padding:20px 15px;scrollbar-color:#4a6a51 #101a14}.viz-heatmap{display:grid;grid-template-columns:90px repeat(var(--weeks),24px);gap:4px;width:max-content}.viz-heat-label{position:sticky;left:0;background:#101a14!important;z-index:2;border:0;text-align:left;padding:2px 6px;font:11px/1.6 var(--body,SkySans,Arial,sans-serif);color:#d6e3d4;min-height:21px}.viz-heat-label:first-child{font:7px/1.6 var(--mono,SkyMono,monospace)}.viz-month-label{font:7px/1.5 var(--mono,SkyMono,monospace);color:var(--viz-muted);align-self:end}/* Keep attendance marks above the department's shared button styles. */
.viz-atlas .viz-heat-cell{min-width:24px;height:28px;display:grid;place-items:center;border:1px solid #30473d;border-radius:3px;padding:0;background:#101b16;color:#718c7d;font:700 11px/1 var(--mono,SkyMono,monospace);font-variant-numeric:tabular-nums;box-shadow:none}
.viz-atlas .viz-heat-cell[data-level="1"]{background:#51aa98;border-color:#67c5b2;color:#061d17}
.viz-atlas .viz-heat-cell[data-level="2"]{background:#80d6bd;border-color:#a6efda;color:#061d17}
.viz-atlas .viz-heat-cell[data-level="3"]{background:#bbf3d7;border-color:#d7ffe9;color:#061d17}
.viz-atlas .viz-heat-cell:hover{outline:2px solid #f0ffef;outline-offset:1px;filter:brightness(1.12)}
.viz-date-label{font:9px/1.5 var(--mono,SkyMono,monospace);color:#a7bcb0;text-align:center;padding:3px 0}
.viz-heat-heading{font-size:8px!important;letter-spacing:.04em}
.viz-atlas .viz-week-total{height:26px;min-width:24px;padding:0 0 4px;border:0;border-bottom:1px solid #567c69;background:transparent;color:#b8e7ce;font:700 11px/1 var(--mono,SkyMono,monospace);border-radius:0}
.viz-atlas .viz-week-total[aria-pressed=true]{color:#fff;border-bottom:2px solid #ecffec}
.viz-heat-cell[aria-pressed=true]{outline:1px solid #e6f2df;outline-offset:1px}.viz-session-detail{padding-top:12px}.viz-session-detail>h3{font:42px/1.1 var(--display,SkyDisplay,Impact,sans-serif);margin:10px 0;color:#edf3eb}.viz-session-humans{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.viz-session-human{display:grid;grid-template-columns:46px 1fr;gap:4px 12px;text-align:left;background:#172a1f;border:1px solid var(--viz-line);padding:12px;align-items:center;min-width:145px}.viz-session-human .viz-portrait{grid-row:1/3;width:43px;height:50px}.viz-session-human strong{font:23px/1 var(--display,SkyDisplay,Impact,sans-serif);align-self:end}.viz-session-human>span{font-size:11px;color:var(--viz-muted);align-self:start}.viz-session-ledger{border-top:1px solid var(--viz-line);padding-top:16px}.viz-session-ledger>summary{cursor:pointer;font:11px/1.6 var(--mono,SkyMono,monospace);color:var(--viz-accent);padding:8px 0}.viz-session-game{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--viz-line);font-size:12px;line-height:1.8}.viz-session-game strong{color:var(--viz-accent)}.viz-versus{margin:24px 0}.viz-versus-faces{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.viz-versus-faces>div{display:grid;grid-template-columns:90px 1fr;grid-template-rows:1fr 1fr;gap:5px 20px;align-items:center}.viz-versus-faces .viz-portrait{width:90px;height:105px;grid-row:1/3}.viz-versus-faces strong{font:42px/1 var(--display,SkyDisplay,Impact,sans-serif);align-self:end}.viz-versus-faces small{font:11px/1.6 var(--mono,SkyMono,monospace);color:var(--viz-muted);align-self:start}.viz-versus-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:15px 0}.viz-versus-row>b{font:30px/1 var(--display,SkyDisplay,Impact,sans-serif);color:var(--viz-accent)}.viz-versus-row>b:nth-child(3){text-align:right;color:#ffbf69}.viz-versus-row>span{font:11px/1.8 var(--mono,SkyMono,monospace);color:var(--viz-muted);text-align:center}.viz-versus-tracks{display:flex;gap:12px;grid-column:1/-1}.viz-versus-tracks>span{flex:1;background:#15291d;height:8px;display:flex;justify-content:flex-end}.viz-versus-tracks>span:last-child{justify-content:flex-start}.viz-versus-tracks i{height:100%;background:var(--viz-accent)}.viz-versus-tracks i.viz-right{background:#ffbf69}.viz-assist-flow{border:1px solid var(--viz-line);margin-top:20px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.viz-assist-flow strong{font:40px var(--display,SkyDisplay,Impact,sans-serif);color:var(--viz-accent)}.viz-assist-flow span{font:10px/1.9 var(--mono,SkyMono,monospace);color:var(--viz-muted);text-align:center}
/* Home is a front door to the record, not a notice board hiding it. */
.stats-home{position:relative;z-index:2;padding:60px 48px;background:linear-gradient(150deg,#16281c,#09120d 70%);border-block:1px solid #49643d}.stats-home-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.stats-home-heading h2{font:clamp(48px,5.8vw,85px)/.95 var(--display,Impact,sans-serif);color:#eef2e8;white-space:pre-line;margin:12px 0 20px}.stats-home-heading p{font:15px/1.7 var(--body,Arial,sans-serif);color:var(--viz-muted);max-width:500px}.stats-home-link{display:inline-flex;align-items:center;min-height:44px;font:11px/1.7 var(--mono,monospace);color:var(--viz-accent);text-decoration:none;padding:12px 0}.stats-home-heading>.stats-home-link{border-bottom:1px solid var(--viz-accent);white-space:nowrap}.stats-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.stats-home-stories{display:grid;gap:20px}.stats-story{display:block;background:radial-gradient(ellipse at top right,#42612e3d,transparent 65%),#111e15;border:1px solid var(--viz-line);padding:28px;color:#edf3eb;text-decoration:none}.stats-story:hover{border-color:var(--viz-accent)}.stats-story h3{font:34px/1 var(--display,Impact,sans-serif);margin:14px 0}.stats-story>strong{display:block;font:52px/1 var(--display,Impact,sans-serif);color:var(--viz-accent);margin:12px 0}.stats-story p{font:12px/1.8 var(--body,Arial,sans-serif);color:var(--viz-muted);max-width:380px}.stats-story-faces{display:flex;align-items:center;gap:14px;margin:14px 0}.stats-story-faces .viz-portrait{width:76px;height:85px}.stats-story-faces>span{font:30px var(--display,Impact,sans-serif);color:var(--viz-muted)}.stats-story-action{display:block;border-top:1px solid var(--viz-line);margin-top:20px;padding-top:14px;font:10px/1.6 var(--mono,monospace);color:var(--viz-accent)}.stats-home-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--viz-line);margin-top:28px;padding-top:15px}#hero-stat-strip{display:flex;gap:28px;margin:20px 0 25px}#hero-stat-strip[hidden]{display:none}#hero-stat-strip>a{display:flex;gap:9px;align-items:baseline;text-decoration:none;color:var(--lime)}#hero-stat-strip strong{font:33px/1 var(--display,Impact,sans-serif)}#hero-stat-strip span{font:8px/1.7 var(--mono,monospace);letter-spacing:.07em;color:#b7c7b2}.stats-command{padding:28px 0 18px}.stats-command h1{font:clamp(34px,4.6vw,64px)/.98 SkyDisplay,Impact,sans-serif;color:#eef3e9;margin:12px 0}.stats-command p{color:var(--sky-muted);font-size:13px;line-height:1.7}.stats-command .intel-field{max-width:300px;margin-top:18px}.stats-person-portrait{float:right;width:110px;height:125px;object-fit:contain!important;object-position:center top;margin:0 0 20px 20px;background:#192a1e;border:1px solid #435c47}.intel-person .viz-portrait{width:42px;height:47px;grid-row:1/3}.intel-person:has(.viz-portrait){display:grid;grid-template-columns:42px 1fr auto;gap:3px 12px}.intel-person:has(.viz-portrait)>strong{grid-column:3;grid-row:1/3}.year-role-bars{display:grid;gap:12px;margin:22px 0}.year-role-bar{display:grid;grid-template-columns:80px 1fr 45px;gap:12px;align-items:center;font-size:12px}.year-role-bar>i{height:9px;background:#192f20}.year-role-bar>i>span{display:block;height:100%;background:var(--viz-accent)}
@media(max-width:1050px){.viz-dashboard-grid{grid-template-columns:1fr}.viz-network{max-width:550px}.stats-home{padding:45px 28px}.stats-home-grid{grid-template-columns:1fr 1fr}.viz-rank-row{grid-template-columns:17px 40px 70px minmax(20px,1fr) 50px;gap:7px;padding:7px}.viz-rank-row .viz-portrait{width:40px;height:45px}.viz-rank-name strong{font-size:19px}.viz-card{padding:23px}.stats-home-grid>.viz-card{padding:22px}.stats-home-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.stats-home-grid{grid-template-columns:1fr}.stats-home-heading{display:block}.stats-home-heading>.stats-home-link{margin-top:14px}.stats-home-stories{grid-template-columns:1fr 1fr}.stats-story{padding:20px}.stats-story h3{font-size:28px}.stats-story>strong{font-size:37px}.stats-story-faces .viz-portrait{width:50px;height:60px}.stats-story-faces{gap:8px}.viz-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-scoreboard strong{font-size:50px}.viz-scoreboard>div{padding:20px}.viz-head h2{font-size:32px!important}.viz-rank-row{grid-template-columns:19px 43px 83px minmax(15px,1fr) 56px;gap:9px}.viz-network-node{width:66px;min-height:75px}.viz-network-node .viz-portrait{height:46px;width:46px}.viz-network-node>span{font-size:14px}.viz-network-center{width:82px;height:82px}.viz-network-center>span{font-size:38px}.viz-network-center>small{font-size:6px}.viz-versus-faces{gap:15px}.viz-versus-faces>div{display:flex;flex-direction:column;gap:7px;align-items:center}.viz-versus-faces strong{font-size:32px;align-self:center}.viz-versus-faces small{align-self:center}.viz-versus-faces .viz-portrait{width:90px;height:110px}.viz-assist-flow{gap:12px;padding:15px}.viz-assist-flow strong{font-size:32px}.viz-assist-flow span{font-size:8px}.viz-session-human{flex:1 1 135px}.stats-command{padding-top:10px}.stats-person-portrait{width:80px;height:100px}}
@media(max-width:450px){.viz-card{padding:20px 16px}.viz-head h2{font-size:30px!important}.viz-rank-row{grid-template-columns:16px 36px 68px minmax(15px,1fr) 46px;gap:6px}.viz-rank-row .viz-portrait{width:36px;height:43px}.viz-rank-name strong{font-size:18px}.viz-rank-value{font-size:18px}.viz-network-node{width:55px;min-height:65px;padding:4px}.viz-network-node .viz-portrait{height:39px;width:39px}.viz-network-node>span{font-size:12px}.viz-network-center{width:65px;height:65px}.viz-network-center>small{display:none}.viz-network-center>span{font-size:32px}.viz-pair-link{grid-template-columns:1fr 1fr}.viz-pair-link small{grid-column:1/-1}.stats-home{padding:35px 20px}.stats-home-heading h2{font-size:49px}.stats-home-stories{grid-template-columns:1fr}.stats-home-shortcuts{gap:6px 16px}.stats-home-shortcuts .stats-home-link{font-size:9px}#hero-stat-strip{gap:18px;flex-wrap:wrap}#hero-stat-strip>a{gap:5px}#hero-stat-strip strong{font-size:29px}#hero-stat-strip span{font-size:7px}.viz-scoreboard span{font-size:8px}.viz-session-detail>h3{font-size:34px}.viz-session-game{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){.viz-track i,.viz-network line,.viz-network-node{transition:none!important}}
html[data-motion=calm] .viz-track i,html[data-motion=calm] .viz-network line,html[data-motion=calm] .viz-network-node{transition:none!important}

.viz-assist-flow{grid-template-columns:1fr 1fr}.viz-assist-flow>div{display:flex;flex-direction:column;gap:10px;text-align:center}.viz-team-faces{display:flex;gap:9px;margin:0 0 20px;flex-wrap:wrap}.viz-team-faces .viz-portrait{width:55px;height:65px}.intel-record>.viz-portrait{float:right;width:70px;height:80px;margin:0 0 14px 15px}.intel-roster-human:has(.viz-portrait){display:flex;flex-direction:column;align-items:center;gap:9px;min-width:100px}.intel-roster-human .viz-portrait{width:65px;height:80px}.intel-roster-human>span{font-size:13px}

.viz-lenses{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.viz-lens-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#14261b;border:1px solid #405d47;color:var(--viz-accent);font:10px/1.6 var(--mono,SkyMono,monospace);padding:11px 16px;min-height:44px;cursor:pointer}.viz-lens-button:hover{background:#243c2b;border-color:var(--viz-accent)}[data-lens]{scroll-margin-top:100px}.viz-photo-fallback{display:grid;place-items:center;color:var(--viz-accent);font:20px var(--display,SkyDisplay,Impact,sans-serif)}@media(max-width:450px){.viz-lenses{display:grid;grid-template-columns:1fr 1fr;gap:8px}.viz-lens-button{font-size:9px;padding:10px}.viz-lens-button:last-child{grid-column:1/-1}}