:root{color-scheme:dark;--bg:#07172f;--panel:#102745;--line:#304d72;--text:#ffffff;--muted:#b8c8df;--accent:#8bcaff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1280px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.1em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.3em}.badge{display:grid;place-items:center;width:52px;height:58px;border:2px solid var(--accent);border-radius:6px 6px 22px 22px;color:var(--accent);font-size:22px;letter-spacing:0}.header-note{color:var(--muted);font-size:14px}.hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px 0 60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.05em;line-height:1.04;margin:12px 0 24px}h1 span{color:var(--accent)}.intro{color:var(--muted);max-width:560px;font-size:18px}.dartboard{flex-shrink:0;width:230px;height:230px;border:1px solid #4c6041;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 28px,#344330 29px 30px,transparent 31px 40px);display:grid;place-items:center;transform:rotate(-12deg)}.dartboard span{font-size:54px;font-weight:900;background:var(--bg);padding:0 14px;color:var(--accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2{font-size:22px;margin:0}.section-heading span{color:var(--muted);font-size:14px}#teams{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:30px}.team{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:20px 16px;border-radius:10px;text-align:left;min-height:135px}.team:hover{border-color:var(--accent)}.team[aria-pressed=true]{background:#c92b28;color:#fff;border-color:#ff7970}.team strong{display:block;font-size:25px}.team small{display:block;margin-top:8px;font-size:12px}.viewer{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.viewer-heading{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:8px}button{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);padding:10px 15px}.tabs button[aria-pressed=true]{background:#194d85;border-color:#80baff}.toolbar a{font-size:13px}#status{margin:0;padding:16px 26px;color:var(--muted);font-size:14px}.placeholder{text-align:center;padding:40px 24px 58px;max-width:630px;margin:auto}.placeholder-icon{font-size:34px;color:var(--accent)}.placeholder p{color:var(--muted)}.primary{background:#c92b28;color:#fff;border:0;font-weight:700;margin-top:12px}iframe{width:100%;height:850px;background:white;border:0;display:block}[hidden]{display:none!important}.frame-help{font-size:13px;padding:0 26px;color:var(--muted)}aside{padding:30px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:10px 35px;color:var(--muted)}aside strong{color:var(--text);font-size:20px}aside p{margin:0}aside a{font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.viewer:fullscreen{overflow:auto;background:var(--bg)}.viewer:fullscreen iframe{height:calc(100vh - 235px)}@media(max-width:760px){header,main,footer{padding:20px}.header-note,.dartboard{display:none}.hero{padding:30px 0}#teams{grid-template-columns:repeat(2,1fr)}.team:last-child{grid-column:span 2}.team{min-height:100px;padding:15px}.viewer-heading,.toolbar{padding:18px}.viewer-heading h2{font-size:19px}.tabs button{font-size:13px;padding:10px}aside{grid-template-columns:1fr}iframe{height:75vh}footer{flex-direction:column}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:19px}}

:root{--red:#c92b28}
body{background:radial-gradient(ellipse at 85% 15%,#123b68 0,transparent 48%),var(--bg)}
header{border-bottom:3px solid var(--red);gap:20px}
.brand{font-size:18px;letter-spacing:.06em}.brand small{margin-top:5px;color:#8bcaff}
.club-brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.club-brand>span{font-size:12px;color:var(--muted);text-align:right}.club-brand small{display:block;color:white;font-size:13px;font-weight:700}.club-brand img{display:block;width:70px;height:auto;border-radius:5px}
.hero{gap:54px;padding:42px 0 48px}.hero-copy{flex:1;min-width:0}h1{font-size:clamp(40px,5.4vw,70px)}h1 span{color:white;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:6px;text-underline-offset:12px}
.hero .intro{margin-top:32px}.club-motto{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.club-motto strong{color:white}
.darts-crest{width:clamp(240px,30vw,350px);flex-shrink:0;background:#fff;padding:12px;border-radius:18px;box-shadow:0 16px 48px #0005;border-bottom:5px solid var(--red)}.darts-crest img{display:block;width:100%;height:auto}
.viewer{border-top:3px solid var(--red)}.team{border-radius:8px}.team[aria-pressed=true]{box-shadow:0 6px 20px #0003}.primary:hover{background:#af201d}
@media(max-width:760px){header{padding:16px 20px}.brand{font-size:13px}.brand small{font-size:9px;letter-spacing:.12em}.club-brand>span{display:none}.club-brand img{width:53px}.hero{display:grid;grid-template-columns:1fr;gap:26px;padding:28px 0 34px}.darts-crest{grid-row:1;width:190px;justify-self:center;padding:8px;border-radius:12px}.hero-copy{text-align:center}h1{font-size:44px}h1 span{text-decoration-thickness:4px;text-underline-offset:8px}.intro{font-size:16px}.hero .intro{margin:24px auto 16px}.club-motto{font-size:11px}}
.darts-crest{background:transparent;padding:0;border:0;border-radius:0;box-shadow:none}
.club-brand img{border-radius:0}
.selection-hint{color:var(--muted);margin:0 0 16px}.selection-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.selection-actions span{color:var(--muted);font-size:14px}.viewers{display:grid;gap:22px;align-items:start}.viewer{min-width:0}.viewers.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer [data-part="status"]{margin:0;padding:16px 26px;color:var(--muted);font-size:14px}.viewers.multiple .viewer-heading{align-items:start;flex-wrap:wrap}.viewers.multiple .viewer-heading h2{font-size:20px}.viewers.multiple .toolbar{align-items:start}.viewers.multiple iframe{height:760px}.viewer:fullscreen iframe{height:calc(100vh - 235px)}.empty-selection{padding:36px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.team[aria-pressed=true] strong::after{content:' ✓';font-size:18px}@media(max-width:1000px){.viewers.multiple{grid-template-columns:1fr}.viewers.multiple iframe{height:75vh}}