:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0c1424;--panel:#121d33;--line:#1f2b42;--ink:#eef2f8;--dim:#8a97ad;--amber:#ffb020;--red:#ff5a5a;--display:"Big Shoulders Display", Impact, sans-serif;--tabs-height:60px}*{box-sizing:border-box}body{background:var(--night);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Barlow,system-ui,sans-serif}.tabular{font-variant-numeric:tabular-nums}.shell{max-width:560px;padding:0 16px calc(var(--tabs-height) + 24px + env(safe-area-inset-bottom,0px));margin:0 auto}.shell-top{justify-content:space-between;align-items:baseline;gap:12px;padding-block:14px 10px;display:flex}.shell-name{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:22px;font-weight:900}.shell-note{color:var(--dim)}.section-title{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:22px 0 10px;font-size:14px;font-weight:800}.shell-tabs{z-index:10;height:calc(var(--tabs-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.shell-tabs a{color:var(--dim);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border-top:3px solid #0000;place-items:center;font-size:15px;font-weight:800;text-decoration:none;display:grid}.shell-tabs a.active{color:var(--ink);border-top-color:var(--amber)}.subtabs{gap:4px;margin-top:6px;display:flex}.subtab{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);padding:6px 12px;font-size:13px;font-weight:800}.subtab.active{color:var(--night);background:var(--amber);border-color:var(--amber)}.round-time{font-family:var(--display);color:var(--amber);margin:24px 0 10px;font-size:28px;font-weight:900;line-height:1}.strips{gap:10px;display:grid}.strip{background:var(--panel);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:128px;display:grid;position:relative;overflow:hidden}.side{color:var(--on-c);flex-direction:column;justify-content:flex-end;gap:2px;padding:12px 12px 26px;display:flex;position:relative;overflow:hidden}.side:before{content:"";background:var(--c);opacity:.9;clip-path:polygon(0 0,100% 0,78% 100%,0 100%);position:absolute;inset:0}.side.home{padding-right:22%}.side.away{text-align:right;align-items:flex-end;padding-left:22%}.side.away:before{clip-path:polygon(0 0,100% 0,100% 100%,22% 100%)}.side-ghost{object-fit:contain;opacity:.35;filter:saturate(0)brightness(2.2);mix-blend-mode:overlay;width:128px;height:128px;position:absolute;top:-12px;left:-28px}.side.away .side-ghost{left:auto;right:-28px}.side-logo,.side-badge{width:52px;height:52px;margin-bottom:auto;position:relative}.side-logo{object-fit:contain;filter:drop-shadow(0 2px 2px #0006)}.side-badge{background:var(--c);border:2px solid var(--on-c);font-family:var(--display);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid;box-shadow:0 2px 4px #0006}.side-short{font-family:var(--display);font-size:26px;font-weight:900;line-height:.9;position:relative}.side-name{opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;position:relative;overflow:hidden}.strip-mid{align-content:center;justify-items:center;gap:2px;padding:8px 6px 22px;display:grid}.strip-label,.strip-pitch{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:10px;font-weight:700}.strip-score{gap:14px;display:flex}.strip-score span{text-align:center;min-width:2ch;font-family:var(--display);font-size:46px;font-weight:900;line-height:1}.strip-ref{background:var(--panel);letter-spacing:.06em;max-width:calc(100% - 16px);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;padding:1px 8px;font-size:10px;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}.pinned{z-index:5;background:linear-gradient(var(--night) 80%, #0c142400);margin:0 -16px 14px;padding:8px 16px 0;position:sticky;top:0}.box-in{background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;display:grid}.box-tag{background:var(--amber);color:var(--night);font-family:var(--display);text-transform:uppercase;place-items:center;padding:6px 12px;font-size:24px;font-weight:900;line-height:.9;display:grid}.box.quiet .box-tag{background:var(--line);color:var(--ink)}.box-big{font-family:var(--display);white-space:nowrap;padding:6px 14px 2px;font-size:clamp(40px,14vw,54px);font-weight:800;line-height:1}.box-big.word{letter-spacing:.02em;text-transform:uppercase;color:var(--amber);align-self:center;font-size:clamp(26px,9vw,34px)}.box-side{text-align:right;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-self:center;padding:0 12px 0 6px;font-size:11px;font-weight:700}.box-side b{color:var(--ink);font-size:14px;display:block}.box-big.paused,.box-side b.paused{color:var(--red)}.box.quiet .box-big.word{text-overflow:ellipsis;color:var(--ink);overflow:hidden}.box-tag,.box-big,.box-side,.box-side b{transition:font-size .3s ease-out,padding .3s ease-out}@media (prefers-reduced-motion:reduce){.box-tag,.box-big,.box-side,.box-side b{transition:none}}.box.compact .box-tag{padding:3px 10px;font-size:17px}.box.compact .box-big{padding-block:3px 1px;font-size:30px}.box.compact .box-big.word{font-size:22px}.box.compact .box-side{font-size:0}.box.compact .box-side b{font-size:12px}.box.compact .live-dot{display:none}.bar{background:var(--panel);border:1px solid var(--line);color:var(--ink);align-items:center;gap:10px;padding:7px 12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.bar-tag{background:var(--amber);color:var(--night);font-family:var(--display);text-transform:uppercase;padding:1px 7px;font-size:15px;font-weight:900}.bar.quiet .bar-tag{background:var(--line);color:var(--ink)}.bar-big{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);font-size:22px;font-weight:800;line-height:1;overflow:hidden}.bar-big.word{text-transform:uppercase}.bar:not(.quiet) .bar-big.word{color:var(--amber)}.bar-big.paused{color:var(--red)}.bar-note{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex:none;font-size:11px}.bar-go{color:var(--dim);flex:none;margin-left:auto;font-size:12px}.clock-banner{z-index:20;background:var(--amber);color:var(--night);font-family:var(--display);text-align:center;text-transform:uppercase;cursor:pointer;place-items:center;padding:16px;font-size:clamp(56px,22vw,120px);font-weight:900;line-height:.9;animation:.25s ease-out banner-in;display:grid;position:fixed;inset:0}@keyframes banner-in{0%{opacity:0;transform:scale(1.08)}}.box-bar{background:var(--line);height:4px}.box-bar i{background:var(--amber);height:100%;transition:width .25s linear;display:block}.live-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.reconnecting{border:1px solid var(--amber);color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;padding:8px 12px;font-size:13px;font-weight:700}.shell-who{color:var(--dim);white-space:nowrap;margin:0;font-size:13px}.link-button{color:var(--amber);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.button{background:var(--amber);color:var(--night);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;padding:12px 18px;font-size:16px;font-weight:800}.button:disabled{opacity:.6}.button.small{white-space:nowrap;padding:8px 12px;font-size:13px}.login{gap:14px;margin-top:12px;display:grid}.login label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);gap:6px;font-size:13px;font-weight:700;display:grid}.login input{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;letter-spacing:.06em;padding:12px;font-size:18px}.login-error{color:#ff6b6b;margin:0}.clock-action{width:100%;margin-bottom:10px}.clock-actions{gap:10px;display:flex}.clock-actions .clock-action{flex:1}.button.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.set-time{background:var(--panel);border:1px solid var(--line);margin-bottom:10px;padding:12px}.set-time p{color:var(--dim);margin:0 0 8px;font-size:14px}.set-time-value{font-family:var(--display);text-align:center;margin-bottom:10px;font-size:44px;font-weight:800;line-height:1}.set-time .clock-actions+.clock-actions{margin-top:10px}.set-time .clock-action{margin-bottom:0}.panel>summary{cursor:pointer}.logins{gap:8px;margin:0;padding:0;list-style:none;display:grid}.login-row{background:var(--panel);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.login-name{font-weight:700;display:block}.login-details{letter-spacing:.04em;color:var(--dim);white-space:nowrap;font-size:15px}