.display-shell{max-width:1800px;min-height:100svh;padding:3vh 4vw;display:flex;flex-direction:column;justify-content:center}
#display-board{width:100%}.display-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:2vh}.display-heading h1{font-size:clamp(32px,4vh,72px);margin:0;text-align:center}.display-heading .wordmark{font-size:clamp(22px,2.8vh,42px)}.display-heading .brand-mark{width:1.4em;height:1.4em;font-size:.8em}.display-tools{display:flex;gap:10px;justify-self:end;opacity:.45}.display-tools:hover,.display-tools:focus-within{opacity:1}.display-table{padding:0;overflow:hidden;background:white}.display-table table{font-size:clamp(22px,2.8vh,52px)}.display-table th{font-size:clamp(16px,1.9vh,32px)}.display-table th,.display-table td{padding:.95vh 2vw;line-height:1.3}.display-table th:first-child{width:15%}.display-table th:nth-child(2){width:55%}.display-table th:last-child{width:30%}.display-table td:first-child{font-weight:900;color:#996018}.display-table td:nth-child(2){font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-table td:last-child{font-family:ui-monospace,monospace;font-weight:900;color:var(--red);white-space:nowrap}.display-table .empty{text-align:center;font-family:inherit;color:var(--muted);padding:8vh 20px;white-space:normal}.display-page #display-status,.display-page #display-mode{text-align:center;margin:1vh 0 0;font-size:clamp(14px,1.6vh,24px);color:#a21e15}.display-page:fullscreen{background:var(--bg)}
@media(max-width:900px){.display-heading{grid-template-columns:1fr auto}.display-heading h1{grid-column:1/-1;grid-row:2}.display-table table{font-size:22px}.display-table th,.display-table td{padding:10px 12px}.display-shell{padding:24px 20px}}
@media(max-width:500px){.display-heading .wordmark>span:last-child{display:none}.display-tools{gap:6px}.display-tools button{padding:8px}.display-table table{font-size:18px}.display-table th{font-size:13px}.display-table th,.display-table td{padding:10px 7px}.display-table th:first-child{width:16%}.display-table th:nth-child(2){width:46%}.display-table th:last-child{width:38%}.display-shell{padding:16px}}

.display-page>.masthead,.display-page>#network-notice,.display-page>footer{display:none}

.display-table th:first-child,.display-table td:first-child{text-align:center;vertical-align:middle}
.rank-trophy{display:block;margin-inline:auto;width:1.65em;height:1.65em;--trophy-metal:#e8b637;--trophy-light:#fff0a9;--trophy-edge:#a66b0d;--trophy-ink:#684109;filter:drop-shadow(0 2px 1px #0002)}
.rank-trophy.silver{--trophy-metal:#bac5d2;--trophy-light:#f6fbff;--trophy-edge:#6e7e8d;--trophy-ink:#384651}
.rank-trophy.bronze{--trophy-metal:#ce9060;--trophy-light:#ffe1bd;--trophy-edge:#925a34;--trophy-ink:#653618}
.trophy-stop-metal{stop-color:var(--trophy-metal)}.trophy-stop-light{stop-color:var(--trophy-light)}.trophy-stop-edge{stop-color:var(--trophy-edge)}
.trophy-handles{fill:none;stroke:var(--trophy-edge);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.trophy-handle-shine{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.trophy-cup,.trophy-stem,.trophy-base{stroke:var(--trophy-edge);stroke-width:1;stroke-linejoin:round}
.trophy-foot{fill:var(--trophy-ink)}
.trophy-shine{fill:#fff;opacity:.5}
.trophy-rim{fill:var(--trophy-light);stroke:var(--trophy-edge);stroke-width:1}
.trophy-medallion{fill:var(--trophy-light);stroke:var(--trophy-edge);stroke-width:.8}
.trophy-sparkle{fill:var(--trophy-metal)}
.rank-trophy text{fill:var(--trophy-ink);font:900 14px system-ui,sans-serif}

.display-page,.display-page:fullscreen{
  background-color:#f6e7d3;
  background-image:url('/display-background.png');
  background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed;
}
.display-page .display-shell{position:relative}
.display-page .display-heading h1{color:var(--ink)}
.display-page .display-tools{opacity:.7}
.display-page .display-tools button{color:#51402a;border-color:#c6a771;background:#ffffff55}
.display-page .display-tools button:focus-visible{outline-color:#935d00}
.display-page .display-table{border-color:#dbb578;box-shadow:0 12px 36px #a6682826}
.display-page #display-status,.display-page #display-mode{color:#a21e15}

.display-heading .wordmark{min-width:0}.display-heading .brand-logo{width:auto;height:clamp(80px,10vh,180px);max-width:100%;aspect-ratio:2072/1073;object-fit:contain}.display-heading h1{font-size:clamp(36px,4.5vw,80px)}
.display-page:fullscreen .display-tools,:fullscreen .display-page .display-tools{display:none}
.display-heading .display-tools{position:relative;opacity:1}
#display-actions{display:grid;place-items:center;width:46px;height:46px;padding:0;font-size:30px;line-height:1}
#display-actions-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:5;display:grid;gap:4px;min-width:150px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#fffcf6;box-shadow:0 8px 24px #22181526}
.display-page #display-actions-panel button{text-align:left;background:transparent;border-color:transparent;white-space:nowrap}
.display-page #display-actions-panel button:hover,.display-page #display-actions-panel button:focus-visible{background:#faefd5}
@media(orientation:portrait),(max-width:900px){
  .display-heading{grid-template-columns:minmax(0,1fr);gap:18px}
  .display-heading .wordmark{grid-column:1;grid-row:1;justify-self:center;width:min(46%,420px)}
  .display-heading .brand-logo{width:100%;height:auto;max-height:none}
  .display-heading h1{grid-column:1;grid-row:2;width:100%;font-size:clamp(32px,10.5vw,112px);line-height:1.2;letter-spacing:0}
  .display-heading .display-tools{grid-column:1;grid-row:1;justify-self:end;align-self:center}
}

.display-table table{font-size:clamp(26px,3.2vh,62px)}.display-table th{font-size:clamp(18px,2.2vh,38px)}.display-table th,.display-table td{padding:.65vh 2vw}.display-table th:nth-child(2){width:49%}.display-table th:last-child{width:36%}
@media(max-width:900px){.display-table table{font-size:26px}.display-table th{font-size:18px}.display-table th,.display-table td{padding:8px 12px}}
@media(max-width:500px){.display-table table{font-size:20px}.display-table th{font-size:14px}.display-table th,.display-table td{padding:8px 7px}.display-table th:nth-child(2){width:46%}.display-table th:last-child{width:38%}}