@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--green:#00ff87;--green-dim:#00cc6a;--green-muted:#00ff8714;--bg:#0a0a0a;--bg-card:#111;--bg-card-hover:#181818;--border:#ffffff17;--border-hover:#00ff8759;--text-primary:#f2f2f2;--text-secondary:#d8d8d8;--text-muted:#888;--red:#ff4545;--amber:#ffb800;--font-base:16px;--font-sm:14px;--font-xs:12px;--line-height:1.75}html{background:var(--bg);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:var(--font-base);line-height:var(--line-height);-webkit-font-smoothing:antialiased}body{background:var(--bg);background-image:linear-gradient(#00ff8703 1px,#0000 1px),linear-gradient(90deg,#00ff8703 1px,#0000 1px);background-size:40px 40px;min-height:100vh}a{color:inherit;text-decoration:none}p{font-size:var(--font-base);line-height:var(--line-height);color:var(--text-secondary)}button,a{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}::selection{background:var(--green);color:#000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.two-up{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.two-up{grid-template-columns:1fr}}.kbd-hint{display:none}@media (hover:hover) and (pointer:fine){.kbd-hint{display:block}}@media (max-width:640px){:root{--font-base:16px}.tap-target{align-items:center;min-height:52px;display:flex}}@media (max-width:480px){.call-card-row{flex-direction:column}.call-card-meta{align-items:flex-start!important}.home-call-meta{margin-left:0!important}}.clause-link:hover,.clause-link:focus-visible{text-underline-offset:2px;color:var(--text-secondary)!important;text-decoration:underline!important}.record-table{border-collapse:collapse;width:100%;font-size:14px}.record-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 12px 10px 0;font-size:11px;font-weight:600}.record-table td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-secondary);padding:14px 12px 14px 0;line-height:1.5}.record-table tr:last-child td{border-bottom:none}.record-title{color:var(--text-primary);font-weight:500}.record-title:hover,.record-title:focus-visible{color:var(--green);text-underline-offset:2px;text-decoration:underline}.record-competition{color:var(--text-muted)}.record-law{color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:13px;display:inline-block}.record-law:hover,.record-law:focus-visible{color:var(--green);border-color:#00ff874d}.record-differs{color:var(--amber);margin-top:6px;font-size:13px;display:block}@media (max-width:760px){.record-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.record-table,.record-table tbody,.record-table tr,.record-table td{width:100%;display:block}.record-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-bottom:10px;padding:14px 16px}.record-table td{border-bottom:none;padding:0 0 8px}.record-table td:last-child{padding-bottom:0}.record-table td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.record-table td[data-label=Date]:before,.record-table td[data-label=Match]:before,.record-table td[data-label=Incident]:before{content:none}.record-table td[data-label=Date]{color:var(--text-muted);font-size:13px}.record-table td[data-label=Incident]{padding-bottom:12px}.record-table td[data-label=On\ field],.record-table td[data-label=Correct\ decision]{box-sizing:border-box;vertical-align:top;width:50%;padding-right:8px;display:inline-block}}
