body{padding:2rem}img{display:block;max-width:100%;height:auto}hr{width:100%;height:1px;border:none;background:var(--shade7)}button,summary{font-size:inherit;user-select:none}section{display:grid;gap:.25rem}.app{display:grid;gap:.5rem;max-width:80rem}.form{display:flex;gap:.5rem}.form input,.form button,.form a{background:var(--shade7);color:var(--shade1);border:none;padding:.5rem .775rem;font-size:1em;border-radius:var(--br)}.form input{min-width:30ch}.form button,.form a{font-weight:600;background:var(--shade6);text-decoration:none}.form button.validation,.form a.validation{cursor:not-allowed}.form button:hover,.form a:hover{background:var(--shade5)}.form button.validation.valid,.form a.validation.valid{background:var(--primary);color:#fff;cursor:pointer}.form button.example,.form a.example{background:transparent;text-decoration:underline}.minutes{display:flex;flex-wrap:wrap;gap:.25rem;font-weight:600}.minutes .minute{display:grid;place-content:center;width:2rem;height:2rem;color:var(--shade2);background:var(--shade7);border-radius:var(--br-lg);cursor:pointer}.minutes .minute:hover{color:var(--shade1);background:var(--shade6)}.minutes .minute.selected{color:var(--shade0);background:var(--shade5)}.players{display:flex;gap:.25rem}.players button{padding:0;background:transparent}.players img{width:4rem;height:4rem;border-radius:var(--br-lg)}.players .player{opacity:.25;cursor:pointer;filter:saturate(.25)}.players .player:hover{opacity:.5;filter:saturate(1)}.players .player.selected{opacity:1;filter:saturate(1)}.stats-details summary{padding:.5rem .75rem;cursor:pointer;background:var(--shade7);border-radius:var(--br-sm)}.stats-details .stats-content{padding:1.5rem;background:var(--shade8)}.player-stats-cols{display:grid;gap:4rem;grid-template-columns:repeat(3,1fr)}.player-eog-stats-cols{display:grid;gap:4rem;grid-template-columns:repeat(2,1fr)}.key{color:var(--shade2)}.val{color:var(--shade0)}.minimap{position:relative;width:var(--width, 340px);height:auto;aspect-ratio:1;background:var(--shade7)}.minimap:before{content:"";position:absolute;inset:0;background:url(/sr-map.webp);background-size:100%;background-position:center;opacity:.25}.minimap .player-pos{position:absolute;bottom:calc(var(--y) / 15000 * 100%);left:calc(var(--x) / 15000 * 100%);width:1%;height:auto;aspect-ratio:1;background-size:120%;background-position:center;background-color:var(--turq);border-radius:50%;transform-origin:bottom left;box-shadow:0 0 0 1px var(--shade10)}.minimap .timestamp{position:absolute;top:105%;left:50%;translate:-50% 0;font-size:.5rem;white-space:nowrap;z-index:1}.minimap .player-death-pos-details{position:absolute;bottom:anchor(top);justify-self:anchor-center}.events-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.events-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:10rem;align-items:flex-start}.events-list .event{display:grid;gap:.25rem;padding:.5rem .75rem .5rem .5rem;background:var(--shade7);border-radius:var(--br-lg)}.events-list .event-info{display:flex;align-items:center;gap:.5rem}.events-list .event img{border-radius:var(--br)}.events-list .more{font-size:.75rem}.events-list summary{padding:0 .5rem;cursor:pointer;background:var(--shade6);border-radius:var(--br-sm)}.events-list pre{position:absolute;margin:0;padding:.5rem;background:var(--shade6);z-index:1}.raw-data{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:3;box-shadow:0 5px 40px var(--shade10)}.raw-data summary{background:var(--shade6);padding:1rem;border-radius:var(--br-lg);cursor:pointer;user-select:none}.raw-data[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.raw-data pre{background:var(--shade7);padding:1.5rem;font-size:.75em;margin:0;max-height:80vh;border-bottom-left-radius:var(--br-lg);border-bottom-right-radius:var(--br-lg);overflow-y:scroll}.recharts-reference-line text{--sc: var(--shade10);--sw: 1px;text-shadow:calc(var(--sw) * -1) calc(var(--sw) * -1) 0 var(--sc),var(--sw) calc(var(--sw) * -1) 0 var(--sc),calc(var(--sw) * -1) var(--sw) 0 var(--sc),var(--sw) var(--sw) 0 var(--sc);filter:brightness(1.5)}body{background:var(--shade9);margin:0;min-height:100vh;color:var(--shade0)}