:root { color-scheme: light; --paper: #f4efe5; --surface: #fffdf8; --ink: #111c25; --muted: #4d5960; --teal: #087c73; --line: #cfc4b3; --gold: #f3c971; --good: #0b7b3b; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 84% -4%, #b77a2133, transparent 28rem), linear-gradient(135deg, #faf7f0, var(--paper) 50%, #e9e1d4); font: 16px/1.6 Verdana, Geneva, sans-serif; min-height: 100vh; }
a { color: var(--teal); }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #b77a21; outline-offset: 3px; }
.live-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(.75rem, 2vw, 2rem); align-items: center; padding: .55rem clamp(.75rem, 1.25vw, 1.5rem); min-height: 4.25rem; border-bottom: 1px solid var(--line); }
.live-brand { display: flex; align-items: baseline; gap: 1rem; }
.live-brand a { color: var(--ink); font: bold 1.8rem Georgia, serif; text-decoration: none; }
.live-brand span { color: var(--muted); font-size: .8rem; white-space: nowrap; }
.competition-head { text-align: right; min-width: 0; }
h1 { margin: 0; font: bold clamp(.85rem, 1vw, 1.1rem)/1.3 Verdana, sans-serif; }
.competition-head p { margin: .12rem 0 0; color: var(--muted); font-size: .75rem; }
.status { display: inline-block; padding: .1rem .5rem; margin-left: .6rem; background: #e0ebe4; color: #1a5438; font-weight: bold; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem .85rem; background: var(--teal); border: 0; color: #fff; font: bold .8rem/1.4 Verdana, sans-serif; text-decoration: none; cursor: pointer; }
main { padding: 1.25rem clamp(.75rem, 1.25vw, 1.5rem) 2rem; width: 100%; }
.live-views { display: flex; flex-wrap: wrap; gap: .35rem; padding: .35rem; margin: 0; background: var(--ink); border-bottom: 4px solid var(--teal); }
.live-views a { display: flex; align-items: center; min-height: 44px; padding: .65rem 1rem; color: #d9e2e5; font-weight: bold; font-size: .9rem; text-decoration: none; }
.live-views a[aria-current="true"] { background: var(--gold); color: var(--ink); }
.result-panels { display: grid; gap: 1rem; }
.competition { min-width: 0; background: var(--surface); border: 1px solid var(--line); }
.panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; padding: .7rem .9rem; }
.panel-heading h2 { margin: 0; font: bold 1rem/1.4 Verdana, sans-serif; }
.panel-heading span { font-size: .75rem; color: var(--muted); white-space: nowrap; }
.table-wrap { width: 100%; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: .85rem; font-variant-numeric: tabular-nums; }
th, td { padding: .65rem .6rem; text-align: center; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
th { background: #21190f; color: white; font-size: .78rem; line-height: 1.35; }
td.identity, th:nth-child(3) { text-align: left; }
tr:nth-child(even) { background: #fbf7ee; }
.col-rank, .col-lot { width: 4%; }
.col-name { width: 21%; }
.col-club { width: 6%; }
.col-category { width: 13%; }
.col-weight { width: 8%; }
.col-result { width: 13%; }
.athlete-link { background: none; color: var(--ink); border: 0; padding: .25rem 0; min-height: 36px; font: bold .9rem/1.4 Verdana, sans-serif; text-decoration: underline; cursor: pointer; text-align: left; }
.birth { white-space: nowrap; }
.rank, .category { font-weight: bold; }
.good { background: var(--good); color: #fff; font-weight: bold; }
.result { font-size: 1rem; }
.table-note { color: var(--muted); font-size: .72rem; padding: .55rem .85rem; margin: 0; }
.export-panel { margin-top: 1rem; padding: .75rem .9rem; background: var(--surface); border: 1px solid var(--line); }
summary { cursor: pointer; font-weight: bold; min-height: 30px; }
.export-panel p { font-size: .8rem; max-width: 70rem; }
.export-links { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; font-size: .8rem; }
footer { color: var(--muted); font-size: .78rem; margin-top: 1rem; }
footer p { margin-bottom: .5rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
dialog { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(40rem, 100%); height: 100dvh; max-height: 100%; max-width: 100%; padding: 1.5rem; background: var(--surface); border: 0; border-top: 6px solid var(--teal); color: var(--ink); overflow-y: auto; }
dialog::backdrop { background: #111c2544; }
.close { float: right; background: var(--ink); }
.kicker { color: var(--teal); font-size: .75rem; font-weight: bold; letter-spacing: .15em; padding-top: 1rem; }
dialog h2 { font: bold 2rem/1.2 Georgia, serif; margin: .5rem 0 1rem; }
dialog h3 { font-size: 1rem; }
#athlete-meta { font-size: .85rem; }
.athlete-result { background: #e3eee7; padding: .8rem 1rem; font-weight: bold; color: #1a5438; }
.attempt-detail { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .8rem; padding: .75rem 0; border-bottom: 1px solid var(--line); }
.attempt-detail strong { color: var(--good); }
.attempt-detail small { flex-basis: 100%; color: var(--muted); }
@media (max-width: 1050px) { .live-brand { display: block; } .live-brand span { display: block; font-size: .68rem; } table { font-size: .75rem; } .athlete-link { font-size: .8rem; } th, td { padding: .6rem .35rem; } }
@media (max-width: 700px) {
  .live-header { grid-template-columns: 1fr auto; gap: .6rem; } .competition-head { grid-column: 1 / -1; grid-row: 2; text-align: left; } .live-brand { display: flex; align-items: baseline; gap: .5rem; } .live-brand a { font-size: 1.5rem; } .live-brand span { white-space: normal; font-size: .62rem; } .download-primary { font-size: .72rem; padding: .5rem .6rem; }
  main { padding-top: .75rem; } .live-views { gap: .15rem; } .live-views a { flex-grow: 1; justify-content: center; font-size: .72rem; padding: .5rem .55rem; } .live-views a:first-child { flex-basis: 100%; } .panel-heading { display: block; } .panel-heading h2 { font-size: .9rem; }
  table, tbody, tr, td { display: block; } table { table-layout: auto; } colgroup, thead { display: none; } tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding: .55rem; border-top: 1px solid var(--line); } td { min-width: 0; padding: .45rem .3rem; border: 0; font-size: .8rem; text-align: center; } td::before { content: attr(data-label); display: block; margin-bottom: .15rem; color: var(--muted); font-size: .63rem; font-weight: normal; } td.identity { grid-column: 1 / -1; grid-row: 1; padding: .25rem .3rem; } td.identity::before { display: none; } .athlete-link { min-height: 44px; font-size: .95rem; } td.category { grid-column: 1 / 3; } td.bodyweight { grid-column: 3; } td.result { grid-column: 1 / -1; font-size: 1.05rem; } td.good::before { color: #fff; } .col-name { width: auto; } .table-note { font-size: .66rem; } .export-links { align-items: stretch; flex-direction: column; } dialog { padding: 1rem; } dialog h2 { font-size: 1.8rem; }
}
@media print { body { background: #fff; } .live-views, .download-primary, .export-panel, dialog, footer a { display: none !important; } .competition[hidden] { display: block !important; } main { padding: .5rem 0; } .competition { break-inside: avoid; } .good { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }