.games{--ally:oklch(from #4ea3f0 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);--enemy:oklch(from #f06060 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);--hp:oklch(from #48a95b clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);--mana:oklch(from #4f8ee6 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.games .recorder-stop{align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.games h2{margin:0 0 12px;font-size:19px}.recorder{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;display:grid}.recorder.is-on{border-color:oklch(from #3b4a2a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.recorder-state{align-items:center;gap:14px;display:flex}.recorder-state strong{font-size:16px}.recorder-state p{margin:4px 0 0}.recorder-dot{background:var(--line);border-radius:50%;flex:none;width:12px;height:12px}.recorder-dot.on{background:var(--lime)}.recorder-dot.rec{background:var(--enemy);animation:1.6s ease-in-out infinite rec;box-shadow:0 0 0 4px #f060602e}@keyframes rec{50%{box-shadow:0 0 0 7px #f060600f}}.recorder-message{color:var(--muted);grid-column:1/-1;margin:0}.games-list{gap:10px;display:grid}.game-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.game-row:hover{border-color:oklch(from #4b5a3a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.game-kind{background:oklch(from #1c2226 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);width:36px;height:36px;color:var(--lime);border-radius:9px;place-items:center;display:grid}.game-title{gap:4px;min-width:0;display:grid}.game-title strong{overflow-wrap:anywhere;font-size:15px}.game-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip-lime,.chip-map{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.chip-lime{color:var(--lime);border-color:oklch(from #3b4a2a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.chip-map.ready{color:var(--text)}.chip-map.failed{color:oklch(from #db9198 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.game-heading h1{overflow-wrap:anywhere}.game-stage{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.game-video{gap:10px;display:grid}.game-video video{aspect-ratio:16/9;background:oklch(from #000 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border:1px solid var(--line);border-radius:12px;width:100%}.game-novideo{aspect-ratio:16/9;border:1px dashed var(--line);border-radius:12px;place-content:center;gap:14px;padding:24px;display:grid}.game-novideo input{width:100%;accent-color:var(--lime)}.game-clock{align-items:baseline;gap:10px;display:flex}.game-clock strong{font-variant-numeric:tabular-nums;font-size:26px}.game-map{margin-bottom:0}.panel-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.rift-board canvas{aspect-ratio:1;background:oklch(from #10181a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border-radius:8px;width:100%;display:block}.board-legend,.timeline-legend{flex-wrap:wrap;gap:6px 14px;margin-top:10px;display:flex}.board-legend span,.timeline-legend span{align-items:center;gap:6px;display:inline-flex}.dot{border:2.5px solid;border-radius:50%;width:11px;height:11px}.dot.ally{border-color:var(--ally)}.dot.enemy{border-color:var(--enemy)}.dot.self{border-color:var(--lime)}.zone{background:oklch(from #f0606059 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border-radius:3px;width:14px;height:10px}.game-timeline{position:relative}.game-timeline svg{cursor:crosshair;width:100%;display:block}.game-timeline text{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.game-timeline .grid{stroke:var(--line)}.game-timeline .marker{stroke:var(--lime);stroke-dasharray:3 3;opacity:.8}.game-timeline .hp{stroke:var(--hp);stroke-width:2px}.game-timeline .mana{stroke:var(--mana);stroke-width:2px}.game-timeline .series{font-size:12px;font-weight:600}.game-timeline .hp-text{fill:var(--hp)}.game-timeline .mana-text{fill:var(--mana)}.game-timeline .danger{fill:var(--enemy)}.game-timeline .cursor{stroke:var(--text);stroke-width:1.5px}.risk-check{max-width:90ch;margin:12px 0 0;line-height:1.5}.timeline-tip{pointer-events:none;background:oklch(from #1c2226 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;top:6px}.swatch{border-radius:2px;width:16px;height:3px}.swatch.hp{background:var(--hp)}.swatch.mana{background:var(--mana)}.swatch.danger{background:oklch(from #f0606099 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);height:10px}.swatch.marker{border-top:2px dashed var(--lime);height:0}.game-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;display:grid}.moments{gap:16px;margin:0;padding:0;list-style:none;display:grid}.moments li{grid-template-columns:64px minmax(0,1fr);gap:14px;display:grid}.moments p{max-width:70ch;margin:6px 0 0;line-height:1.5}.moments .consider{color:var(--lime)}.moment-time{border:1px solid var(--line);background:oklch(from #1c2226 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);font-variant-numeric:tabular-nums;border-radius:7px;align-self:start;padding:7px 0;font-weight:600}.moment-time:hover:not(:disabled){border-color:var(--lime)}.threat-list{margin:0 0 12px;padding:0;list-style:none;display:grid}.threat-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(80px,.9fr) minmax(0,1.4fr) 70px 42px;align-items:center;gap:10px;padding:9px 0;display:grid}.threat-name{font-weight:600}.threat-meter{background:oklch(from #232a2e clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border-radius:3px;height:6px;overflow:hidden}.threat-meter i{background:var(--enemy);border-radius:3px;height:100%;display:block}.threat-seconds{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:960px){.game-stage,.game-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.recorder{grid-template-columns:minmax(0,1fr)}.game-row{grid-template-columns:36px minmax(0,1fr)}.game-chips{grid-column:1/-1;justify-content:flex-start}.threat-list li{grid-template-columns:minmax(0,1fr) 42px}.threat-list li>.muted,.threat-meter{display:none}}@media (prefers-reduced-motion:reduce){.recorder-dot.rec{animation:none}}.replay-heading{margin-top:36px}.replay-heading h2{margin:6px 0 8px;font-size:26px}.replay-queue{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;display:grid}.replay-queue.is-on{border-color:oklch(from #3b4a2a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.replay-stats{gap:28px;margin:0;display:flex}.replay-stats div{gap:2px;display:grid}.replay-stats dt{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.replay-stats dd{margin:0;font-size:20px;font-weight:600}.replay-tiers{grid-column:1/-1;justify-content:flex-start}.chip-map.fog-blue{color:var(--ally);border-color:oklch(from #4ea3f073 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.chip-map.fog-red{color:var(--enemy);border-color:oklch(from #f0606073 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.games h2:has(>svg){align-items:center;gap:8px;display:flex}.games h2>svg{color:var(--lime)}.replay-engine th[scope=row],.replay-engine td{vertical-align:top}.replay-engine th[scope=row] span,.replay-engine td span{white-space:nowrap;margin-top:3px;display:block}.replay-engine thead th{color:var(--muted);font-size:12px;font-weight:500}.text-blue{color:var(--ally)}.text-red{color:var(--enemy)}.replay-scrub{justify-content:center;align-items:center;gap:8px;display:flex}.replay-clock{text-align:center;font-variant-numeric:tabular-nums;min-width:70px;font-size:22px}.replay-range{margin:14px 0 26px;position:relative}.replay-range input[type=range]{width:100%;accent-color:var(--lime);padding:0}.replay-marks{height:12px;position:absolute;top:30px;left:0;right:0}.review-shell .replay-mark{background:var(--muted);cursor:pointer;border:0;border-radius:2px;width:6px;height:12px;margin-left:-3px;padding:0;position:absolute}.replay-mark.blue{background:var(--ally)}.replay-mark.red{background:var(--enemy)}.replay-mark.kill{opacity:.75;height:7px;top:5px}.replay-mark.dragon,.replay-mark.baron,.replay-mark.herald{outline:1px solid var(--gold)}.replay-stage{grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.replay-stage figure{gap:6px;margin:0;display:grid}.replay-stage img{background:oklch(from #000 clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border-radius:6px;max-width:100%;display:block}.replay-minimap img{aspect-ratio:1;width:514px;max-width:100%;image-rendering:pixelated}.replay-frames img{width:164px}.replay-player img{width:465px;image-rendering:pixelated}.replay-cooldowns h3{margin:0 0 8px}.replay-cooldowns ul{gap:5px;margin:0 0 6px;padding:0;list-style:none;display:grid}.replay-cooldowns li{grid-template-columns:72px 104px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;display:grid}.replay-cooldowns .cd-slot{font-weight:600}.replay-cooldowns .cd-on .cd-state{color:var(--gold)}.replay-cooldowns .cd-ready .cd-state{color:var(--lime)}.replay-cooldowns .cd-off .cd-state{color:var(--muted)}.cd-bar{background:var(--line);border-radius:3px;height:10px;position:relative;overflow:hidden}.cd-run{background:var(--gold);opacity:.75;min-width:1px;position:absolute;top:0;bottom:0}.cd-now{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.replay-selected{vertical-align:middle;margin-left:8px;font-size:11px;font-weight:500}.replay-selection{align-items:flex-start;gap:14px;margin-top:14px;display:flex}.replay-selection figure{flex:none;margin:0}.replay-selection img{border-radius:6px;width:155px;display:block}.replay-side{gap:18px;min-width:0;display:grid}.replay-events{gap:4px;margin:0;padding:0;list-style:none;display:grid}.review-shell .replay-events button{text-align:left;background:0 0;border:0;padding:2px 0;font-size:13px}.replay-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}.replay-teams{grid-template-columns:1fr 1fr;gap:20px;display:grid}.replay-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.replay-players li{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;display:grid}.replay-players li .muted{grid-column:1}.replay-players li .small:last-child{grid-area:1/2/span 2;align-self:center}.replay-fogcheck{gap:14px;display:flex}.replay-fogcheck figure{gap:6px;margin:0;display:grid}.replay-fogcheck img{border-radius:6px;width:180px}@media (max-width:1100px){.replay-stage,.replay-columns,.replay-teams{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.replay-queue{grid-template-columns:minmax(0,1fr)}.replay-stats{flex-wrap:wrap;gap:16px}}.review-shell.reader-shell select,.review-shell .reader-flagform input{width:auto;padding:7px 10px}.review-shell.reader-shell button.is-on{border-color:var(--lime);color:var(--lime)}.review-shell .replay-scrub button{align-items:center;gap:6px;display:inline-flex}.reader-speeds{gap:4px;margin:0 10px;display:inline-flex}.review-shell .reader-read{margin-top:8px}.reader-run progress{width:100%;max-width:420px;accent-color:var(--lime)}.reader-layers{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:16px;display:flex}.review-shell .reader-layers label{color:var(--text);white-space:nowrap;cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:13px}.reader-layers input{accent-color:var(--lime)}.reader-stage{--map:min(62vh, 640px);grid-template-columns:auto var(--map) auto;grid-template-areas:".top.""left map right"".board.";justify-content:center;gap:8px 14px;display:grid;overflow-x:auto}.reader-strip{border-radius:4px;width:100%;display:block}.reader-top{grid-area:top}.reader-board{grid-area:board}.reader-map{width:var(--map);height:var(--map);grid-area:map;position:relative}.reader-map video,.reader-map canvas{width:100%;height:100%;position:absolute;inset:0}.reader-map video{image-rendering:pixelated;border-radius:4px}.reader-map canvas{cursor:crosshair}.reader-map canvas.reader-picture{pointer-events:none;border-radius:4px}.reader-sidecol{height:var(--map);grid-auto-flow:column;gap:10px;display:grid}.reader-sidecol.left{grid-area:left}.reader-sidecol.right{grid-area:right}.reader-frames{height:var(--map);aspect-ratio:90/508;border-radius:4px;overflow:hidden}.reader-frames video{width:200%;max-width:none;height:100%;display:block}.reader-frames.red video{margin-left:-100%}.reader-rows{width:158px;height:var(--map);font-variant-numeric:tabular-nums;grid-template-rows:repeat(5,1fr);margin:0;padding:0;font-size:12px;list-style:none;display:grid}.reader-rows li{border-top:1px solid var(--line);align-content:center;gap:1px;min-width:0;display:grid}.reader-rows li:first-child{border-top:0}.reader-rows strong{align-items:center;gap:6px;font-size:13px;display:flex}.reader-sidecol.right .reader-rows{text-align:right}.reader-sidecol.right .reader-rows strong,.reader-sidecol.right .reader-ready{justify-content:flex-end}.review-shell .reader-rowflag{color:var(--muted);opacity:.6;cursor:pointer;background:0 0;border:0;padding:0}.review-shell .reader-rowflag:hover{color:oklch(from #ff9d3c clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);opacity:1}.reader-ready{gap:4px;display:flex}.reader-ready i{border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:11px;font-style:normal}.reader-ready .rd-r{color:var(--lime);border-color:oklch(from #3b4a2a clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha)}.reader-ready .rd-c{color:var(--muted);text-decoration:line-through}.reader-ready .rd-none{color:var(--muted);opacity:.45}.reader-flagform{border:1px solid oklch(from #ff9d3c clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.reader-flagform strong{color:oklch(from #ff9d3c clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);align-items:center;gap:6px;display:inline-flex}.review-shell .reader-flagform .reader-note{flex:260px}.review-shell .replay-mark.reader-flagmark{background:oklch(from #ff9d3c clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);width:4px;height:16px;margin-left:-2px;top:-3px}.reader-keys{text-align:center;margin-top:14px}.reader-now{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.reader-now h3,.reader-panelrow h3{margin:10px 0 6px}.reader-list{gap:4px;margin:0 0 12px;padding:0;font-size:13px;list-style:none;display:grid}.reader-panelrow{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:16px;display:flex}.reader-panelrow figure{gap:6px;margin:0;display:grid}.reader-panelrow video{border-radius:4px;width:310px;max-width:100%}.reader-flags{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.reader-flags li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.review-shell .reader-flags button,.review-shell .reader-jump{font-variant-numeric:tabular-nums;padding:3px 8px}.reader-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:14px;font-size:13px}.reader-table th,.reader-table td{text-align:left;border-bottom:1px solid var(--line);padding:4px 12px 4px 0;font-weight:400}.reader-table thead th{color:var(--muted);font-size:12px}.reader-table th[scope=row]{white-space:nowrap;font-weight:600}.reader-off{color:oklch(from #ffb36b clamp(0, calc(var(--th-l0,0) + var(--th-l1,1) * l), 1) max(0, calc(c - var(--th-c0,0))) h / alpha);font-weight:600}@media (max-width:1100px){.reader-stage{--map:min(60vw, 520px);justify-content:start}.reader-now{grid-template-columns:minmax(0,1fr)}}.game-stage.map-first{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.game-stage.map-first .game-map{order:-1}.game-stage.map-first .game-novideo{aspect-ratio:auto;border-style:solid;place-content:start}.infocheck-stills{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;max-width:1290px;display:grid}.infocheck-stills figure,.infocheck-hud{margin:0 0 12px}.infocheck-stills img{aspect-ratio:1;width:100%;image-rendering:pixelated;border:1px solid var(--line)}.infocheck-hud img{border:1px solid var(--line);max-width:100%}.infocheck-stills figcaption,.infocheck-hud figcaption{color:var(--muted);font-size:12px}.infocheck-legend{margin:0 0 14px}.infocheck-panel{overflow-x:auto}.infocheck-panel p{margin:0 0 10px}.infocheck-scale{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.review-shell .infocheck-scale button.is-on,.infocheck-judge:hover{border-color:var(--lime);color:var(--lime)}.infocheck-judge{border:1px solid var(--line);border-radius:8px;padding:8px 14px}.infocheck-zones{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px;display:grid}.infocheck-form h3{margin:0 0 8px;font-size:15px}.infocheck-form p.small{margin:0 0 16px}.review-shell .infocheck-reopen{align-items:flex-start}.review-shell .infocheck-reopen select{width:auto}