@font-face{font-family:RuneScape;src:url(/runescape.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg:#0b0507;--color-bg-elev:#160a0d;--color-bg-panel:#18080bd9;--color-border:#ff50502e;--color-border-strong:#ff5c5c73;--color-text:#f4e6c8;--color-text-muted:#c8a48a;--color-text-dim:#8c6f5f;--color-accent:#e0322d;--color-accent-hot:#ff4d4d;--color-accent-glow:#e0322d8c;--color-gold:#f0a826;--color-gold-bright:#ffcb45;--color-success:#6dd86d;--color-danger:#ff5b6e;--shadow-panel:0 24px 48px #0000008c;--shadow-glow:0 0 32px #ff3c3c2e;--font-runescape:"RuneScape", "Courier New", monospace;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 18%, #be1c1c52 0%, transparent 45%), radial-gradient(circle at 82% 12%, #8c121c40 0%, transparent 40%), radial-gradient(circle at 50% 95%, #3c060a99 0%, transparent 55%), var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}#root{min-height:100vh}::selection{color:#fff;background:#e0322d59}.page{gap:1.1rem;width:min(1200px,100% - 2rem);margin:1.25rem auto 3rem;display:grid}.hero{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-panel), 0 0 64px #e0322d26 inset;background:linear-gradient(#14040633 0%,#0a0204d9 95%),#1a0608;border-radius:18px;position:relative;overflow:hidden}.hero img{object-fit:cover;opacity:.95;width:100%;height:260px;display:block}.hero-copy{padding:1.1rem 1.4rem 1.4rem}h1,h2,h3{color:var(--color-gold-bright);font-family:var(--font-runescape);letter-spacing:1px;text-shadow:1px 1px #000;margin:0}h1{color:var(--color-gold-bright);font-size:clamp(1.6rem,3vw,2.6rem)}h2{color:var(--color-gold);margin-bottom:.85rem;font-size:1.35rem}p{color:var(--color-text-muted);margin:.55rem 0 0}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:14px;padding:1.1rem 1.15rem;position:relative}.panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#e0322d26 0%,#0000 35%,#e0322d0f 100%);border-radius:14px;position:absolute;inset:0}.panel>*{position:relative}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat{flex-direction:column;gap:.45rem;display:flex}.stat p{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1.6px;margin:0;font-size:.78rem}.stat strong{font-family:var(--font-runescape);color:var(--color-gold-bright);text-shadow:1px 1px #000;letter-spacing:.5px;font-size:1.65rem}.stat.alert strong{color:var(--color-danger)}.stat.success strong{color:var(--color-success)}.stream-badge{font-family:var(--font-runescape);text-transform:uppercase;letter-spacing:1px;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;margin-top:.85rem;padding:.25rem .7rem;font-size:.95rem;display:inline-flex}.stream-badge:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;box-shadow:0 0 8px}.stream-live{color:#6dd86d;background:#22a03c2e;border-color:#22a03c80}.stream-connecting{color:var(--color-gold);background:#f0a82626;border-color:#f0a82666}.stream-offline{color:var(--color-danger);background:#ff5b6e26;border-color:#ff5b6e73}.hero-meta{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.85rem;display:flex}.live-pills{flex-wrap:wrap;gap:.55rem;display:flex}.live-pill{font-family:var(--font-runescape);letter-spacing:1px;text-transform:uppercase;color:#fff;background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.95rem;text-decoration:none;transition:transform .12s,border-color .12s,box-shadow .12s;display:inline-flex}.live-pill:hover{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 8px 18px #00000073}.live-pill .live-dot{background:#fff6;border-radius:999px;width:9px;height:9px;box-shadow:0 0 6px #ffffff4d}.live-pill.kick{border-color:#53fc1866}.live-pill.kick .live-platform{color:#6dff3a;text-shadow:0 0 6px #53fc1866}.live-pill.twitch{border-color:#9146ff73}.live-pill.twitch .live-platform{color:#b88bff;text-shadow:0 0 6px #9146ff73}.live-pill.live.kick{background:linear-gradient(#53fc1866 0%,#146906a6 100%);border-color:#53fc18a6;box-shadow:0 0 0 1px #53fc1873,0 8px 24px #53fc1859}.live-pill.live.kick .live-dot{background:#6dff3a;animation:1.5s ease-in-out infinite live-pulse;box-shadow:0 0 12px #6dff3af2}.live-pill.live.twitch{background:linear-gradient(#9146ff73 0%,#3c1682b3 100%);border-color:#9146ffb3;box-shadow:0 0 0 1px #9146ff80,0 8px 24px #9146ff66}.live-pill.live.twitch .live-dot{background:#b88bff;animation:1.5s ease-in-out infinite live-pulse;box-shadow:0 0 12px #b88bffe6}.live-pill.offline{color:var(--color-text-muted);background:#280a0ab3;border-color:#ffffff14}.live-pill.offline .live-dot{box-shadow:none;background:#ffffff40}.live-pill.unknown{color:var(--color-text-muted);background:#280a0a99;border-color:#ffffff14}.live-pill.unknown .live-dot{background:var(--color-gold);box-shadow:0 0 6px #f0a82680}.live-pill .live-platform{color:var(--color-gold-bright)}.live-pill .live-viewers{font-family:var(--font-runescape);color:var(--color-gold-bright);background:#00000080;border-radius:999px;padding:.05rem .45rem;font-size:.85rem}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.chart-wrap{gap:.75rem;display:grid}.chart-shell{width:100%;position:relative}.chart-svg{border:1px solid var(--color-border);background:radial-gradient(circle at 50% 0,#e0322d1a,#0000 60%),#00000073;border-radius:12px;width:100%;height:280px;display:block}.line-required,.line-actual{fill:none;stroke-width:2.4px}.line-required{stroke:var(--color-gold);stroke-dasharray:6 5;filter:drop-shadow(0 0 6px #f0a82673)}.line-actual{stroke:var(--color-accent-hot);filter:drop-shadow(0 0 8px #ff4d4d8c)}.area-actual{fill:url(#actualGradient);opacity:.55}.dot-met,.dot-missed{stroke:#000;stroke-width:1px;cursor:pointer;transition:r .12s,filter .12s}.dot-met{fill:var(--color-success)}.dot-missed{fill:var(--color-danger)}.dot-met.is-active,.dot-missed.is-active{r:7;filter:drop-shadow(0 0 8px #ffffff8c)}.chart-axis{stroke:#ffffff1a;stroke-width:1px}.chart-grid line{stroke:#ffffff0d;stroke-width:1px}.chart-tooltip{pointer-events:none;border:1px solid var(--color-border-strong);min-width:180px;color:var(--color-text);white-space:nowrap;background:#000000eb;border-radius:10px;padding:.55rem .7rem;font-size:.85rem;position:absolute;transform:translate(-50%,-110%);box-shadow:0 14px 32px #0009}.chart-tooltip strong{font-family:var(--font-runescape);color:var(--color-gold-bright);margin-bottom:.2rem;font-size:1rem;display:block}.chart-tooltip dl{grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0;display:grid}.chart-tooltip dt{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;align-self:center;font-size:.7rem}.chart-tooltip dd{text-align:right;font-family:var(--font-runescape);color:var(--color-text);margin:0}.chart-tooltip .pill{font-family:var(--font-runescape);text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-top:.4rem;padding:.1rem .5rem;font-size:.8rem;display:inline-block}.chart-tooltip .pill.met{color:var(--color-success);background:#22a03c40}.chart-tooltip .pill.missed{color:var(--color-danger);background:#ff5b6e40}.chart-legend{color:var(--color-text-muted);font-size:.85rem;font-family:var(--font-runescape);letter-spacing:1px;flex-wrap:wrap;gap:1.2rem;display:flex}.legend-dot{vertical-align:middle;border-radius:999px;width:12px;height:12px;margin-right:.45rem;display:inline-block}.legend-dot.required{background:var(--color-gold);box-shadow:0 0 8px #f0a82680}.legend-dot.actual{background:var(--color-accent-hot);box-shadow:0 0 8px #ff4d4d8c}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:.65rem .55rem}th{font-family:var(--font-runescape);color:var(--color-gold);letter-spacing:1px;text-transform:uppercase;font-size:.95rem}td{color:var(--color-text);font-size:.92rem}td.status-met{color:var(--color-success);font-family:var(--font-runescape)}td.status-missed{color:var(--color-danger);font-family:var(--font-runescape)}code{color:var(--color-text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:.3rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.small{font-size:.85rem}.muted{color:var(--color-text-muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.85rem;margin-top:.5rem;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}label{letter-spacing:1.4px;text-transform:uppercase;color:var(--color-text-dim);gap:.3rem;font-size:.78rem;display:grid}input{border:1px solid var(--color-border);color:var(--color-text);font:inherit;background:#00000073;border-radius:10px;padding:.6rem .7rem;transition:border-color .12s,box-shadow .12s}input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #e0322d40}button{border:1px solid var(--color-border-strong);background:linear-gradient(180deg, var(--color-accent) 0%, #a4221d 100%);color:#fff;font:inherit;font-family:var(--font-runescape);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-shadow:1px 1px #000;border-radius:10px;padding:.65rem 1rem;font-size:1rem;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px 24px #e0322d59}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:active{filter:brightness(.95);transform:translateY(0)}.record-list{color:var(--color-text);gap:.5rem;margin:0;padding-left:1rem;display:grid}.loading-screen{text-align:center;align-content:center;min-height:50vh}.error-message,.feedback,.panel-empty{color:var(--color-danger);font-family:var(--font-runescape);letter-spacing:.5px;margin-top:.55rem}.feedback{color:var(--color-gold-bright)}@media (width<=980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr}}