:root{--paper: #ebe7de;--panel: #f7f5f0;--card: #ffffff;--line: #dad4c8;--line-soft: #e4dfd4;--line-faint: #eeeae0;--ink: #1c2126;--ink-2: #3d4249;--muted: #6e6a61;--faint: #8b8577;--fainter: #a39c8c;--faintest: #b5ae9d;--blue: #2e66c7;--blue-dark: #1d4e9e;--red: #c24540;--gold: #a87e2f;--map: #ede9df;--hover: #f1ede2;--sans: "Archivo", system-ui, -apple-system, sans-serif;--mono: "Space Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}button{font-family:var(--sans)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@keyframes objPulse{0%{box-shadow:0 0 0 2px var(--gold),0 0 0 2px #a87e2fe6}70%{box-shadow:0 0 0 2px var(--gold),0 0 0 9px #a87e2f00}to{box-shadow:0 0 0 2px var(--gold),0 0 0 2px #a87e2f00}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{max-width:1240px;margin:0 auto;padding:40px 24px 72px}@media(max-width:700px){.shell{padding:20px 14px 48px}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #1c21260f}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 32px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}@media(max-width:700px){.topbar{padding:16px 18px}}.wordmark{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.12em}.wordmark span{color:var(--blue)}.topbar-meta{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.match-id{font-family:var(--mono);font-size:12px;color:var(--faint)}.who{font-size:13px;color:var(--muted)}.who .tag{color:var(--fainter)}.body{display:flex;gap:40px;padding:36px 32px 28px;align-items:flex-start}@media(max-width:1000px){.body{flex-direction:column-reverse;gap:24px;padding:22px 18px}}.left{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}h1.headline{margin:0;font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-.015em;text-wrap:pretty}h1.headline .count{color:var(--red)}@media(max-width:700px){h1.headline{font-size:21px;line-height:1.35}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:860px){.cards{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px}.card .label{font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--fainter)}.card .label.obj{color:var(--gold)}.card .text{font-size:15px;line-height:1.5;color:var(--ink-2)}.card strong{color:var(--ink)}.card strong.killer{color:var(--red)}.coach{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--card);border:1px solid var(--line-soft);border-radius:6px;min-height:58px}.coach .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:5px;flex:none}.coach .text{font-size:14px;line-height:1.5;color:var(--ink-2)}.map-wrap{width:440px;flex:none}@media(max-width:1000px){.map-wrap{width:100%;max-width:440px;align-self:center}}.map{position:relative;width:100%;aspect-ratio:1;background:var(--map);border:1px solid var(--line);border-radius:6px;overflow:hidden}.map .river{position:absolute;left:-20%;top:calc(50% - 23px);width:140%;height:46px;background:#2e698c1f;transform:rotate(45deg)}.map .mid{position:absolute;left:-20%;top:50%;width:140%;height:2px;background:#d7d2c5;transform:rotate(-45deg)}.map .base{position:absolute;width:15%;height:15%}.map .base.blue{left:2%;bottom:2%;border-radius:0 100% 0 0;background:#2e66c71a;border:1px solid rgba(46,102,199,.28)}.map .base.red{right:2%;top:2%;border-radius:0 0 0 100%;background:#c2454014;border:1px solid rgba(194,69,64,.28)}.map .lane{position:absolute;background:#ddd8cb}.map .lane.top-v{left:8%;top:8%;width:2px;height:84%}.map .lane.top-h{left:8%;top:8%;width:84%;height:2px}.map .lane.bot-v{right:8%;bottom:8%;width:2px;height:84%}.map .lane.bot-h{right:8%;bottom:8%;width:84%;height:2px}.map .pit{position:absolute;width:9px;height:9px;background:#cfc9ba;transform:translate(-50%,-50%) rotate(45deg)}.map .zone-label{position:absolute;font-weight:700;font-size:9px;letter-spacing:.16em;color:var(--fainter);pointer-events:none;white-space:nowrap}.map .zone-label.jgl{font-size:8px;letter-spacing:.14em;color:var(--faintest)}@media(max-width:480px){.map .zone-label{font-size:8px}.map .zone-label.jgl{font-size:7px}}.map .death{position:absolute;width:11px;height:11px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--red);transform:translate(-50%,-50%);transition:transform .15s,background .15s,opacity .15s}.list-section{border-top:1px solid var(--line-soft);padding:20px 32px 28px;display:flex;flex-direction:column;gap:12px}@media(max-width:700px){.list-section{padding:16px 14px 24px}}.ledger{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px dashed var(--line-soft);margin-bottom:4px}.ledger-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ledger .label{font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--gold);flex:none}.ledger-strip{display:flex;flex-wrap:wrap;gap:6px}.ledger-empty{font-size:13px;color:var(--fainter)}.ledger-tally{font-family:var(--mono);font-size:11px;color:var(--fainter);flex:none;white-space:nowrap}.obj-chip{display:inline-flex;align-items:baseline;gap:7px;padding:4px 9px;border-radius:4px;white-space:nowrap;border:1px solid var(--line);background:var(--card)}.obj-chip .obj-time{font-family:var(--mono);font-size:11px;color:var(--faint)}.obj-chip .obj-name{font-size:12px;font-weight:600;color:var(--ink)}.obj-chip .obj-side{font-size:9px;font-weight:700;letter-spacing:.1em}.obj-chip.mine{border-color:#2e66c773;background:#2e66c712}.obj-chip.mine .obj-side{color:var(--blue)}.obj-chip.theirs{border-color:#c2454066;background:#c245400f}.obj-chip.theirs .obj-side{color:var(--red)}.row .obj.mine{color:var(--blue)}.row .obj.theirs{color:var(--red)}.row .obj.none{color:var(--fainter)}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chips .label{font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--fainter)}.chips .shown{font-family:var(--mono);font-size:11px;color:var(--fainter);margin-left:auto}@media(max-width:700px){.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips .shown{display:none}}.chip{font-weight:600;font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer;white-space:nowrap;background:var(--card);color:var(--muted);transition:background .15s,border-color .15s,color .15s}.chip[aria-pressed=true]{color:var(--ink)}.chip.killer[aria-pressed=true]{border-color:var(--red);background:#c245401a}.chip.zone[aria-pressed=true]{border-color:var(--blue);background:#2e66c71a}.rows{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;background:var(--card);border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;padding:0 4px}@media(max-width:860px){.rows{grid-template-columns:1fr;gap:0;padding:0}}.row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:9px 14px;border-top:1px solid var(--line-faint);text-align:left;background:transparent;border-left:none;border-right:none;border-bottom:none;width:100%;cursor:pointer;font-family:var(--sans);transition:background .15s,opacity .15s}@media(max-width:700px){.row{grid-template-columns:48px 1fr auto;gap:10px;padding:10px 14px}}.row .t{font-family:var(--mono);font-size:13px;color:var(--faint)}.row .what{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;min-width:0}.row .sep{display:none}@media(max-width:700px){.row .what{display:flex;gap:0;min-width:0}.row .sep{display:inline;color:var(--fainter);padding:0 6px}.row .by-word{display:none}}.row .zone-cell{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .by{font-size:13px;color:var(--ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .by strong{font-weight:600;color:var(--red)}.row .obj{font-weight:700;font-size:10px;letter-spacing:.1em;color:var(--gold);justify-self:end}.entry{max-width:520px;margin:12vh auto 0;padding:0 20px}.entry .lede{font-size:15px;line-height:1.6;color:var(--muted);margin:12px 0 28px}.entry h1{font-size:30px;font-weight:600;letter-spacing:-.015em;margin:0}.field{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.field input{flex:1;min-width:200px;font-family:var(--sans);font-size:15px;padding:11px 14px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.field input::placeholder{color:var(--fainter)}.btn{font-weight:600;font-size:14px;padding:11px 20px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;cursor:pointer;transition:background .15s}.btn:hover:not(:disabled){background:var(--blue-dark)}.btn:disabled{opacity:.55;cursor:default}.btn-quiet{font-size:13px;font-weight:600;color:var(--muted);background:none;border:none;cursor:pointer;padding:0}.btn-quiet:hover{color:var(--ink)}.notice{margin-top:16px;padding:12px 14px;border:1px solid rgba(194,69,64,.3);background:#c245400f;border-radius:6px;font-size:14px;color:var(--ink-2)}.matches{display:flex;flex-direction:column;gap:8px;margin-top:24px}.match-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:13px;padding:13px 16px;text-align:left;background:var(--card);border:1px solid var(--line-soft);border-radius:6px;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s}.match-btn:hover:not(:disabled){border-color:var(--blue);background:#fff}.match-btn:disabled{opacity:.5;cursor:default}.match-btn .n{color:var(--fainter)}.loading{display:flex;flex-direction:column;gap:8px;padding:48px 32px;text-align:center}.loading .what{font-size:15px;color:var(--ink-2)}.loading .why{font-size:13px;color:var(--fainter)}.loading .why.elapsed{font-family:var(--mono);font-size:11px;margin-top:2px}.skel{height:3px;width:180px;margin:6px auto 0;background:linear-gradient(90deg,var(--line) 0%,var(--blue) 50%,var(--line) 100%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite;border-radius:2px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}