: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)}.tab-label{position:relative}.alert-count{background:var(--red);color:#fff;letter-spacing:0;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-family:Barlow,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-8px;left:calc(100% + 2px)}.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-flag{border:1px solid var(--dim);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700}.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}.touchdown-wipe{z-index:3;background:var(--c);color:var(--on-c);font-family:var(--display);letter-spacing:.04em;text-align:center;text-transform:uppercase;pointer-events:none;place-content:center;font-size:34px;font-weight:900;line-height:.95;animation:1.8s cubic-bezier(.7,0,.2,1) forwards touchdown-wipe;display:grid;position:absolute;inset:0}.touchdown-wipe small{letter-spacing:.2em;opacity:.85;font-size:13px;font-weight:800}@keyframes touchdown-wipe{0%{clip-path:inset(0 100% 0 0)}22%,75%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion:reduce){.touchdown-wipe{animation:none}}.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}.alerts{margin:0 0 16px;padding:0;list-style:none}.alert{background:var(--panel);border-left:4px solid var(--red);margin-bottom:10px;padding:12px 12px 2px}.alert-what{margin:0 0 10px;font-weight:700}.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}.strip-link{color:inherit;text-decoration:none;display:block}.game-view .back{margin-bottom:10px;text-decoration:none;display:inline-block}.scoring{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.scoring-side{gap:8px;display:grid}.scoring-side .section-title{text-align:center;margin:0}.score-button{padding:16px 0;font-size:24px}.injury-button{grid-column:1/-1}.us-head{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 35%, var(--panel)), var(--panel));border:1px solid var(--line);border-left:4px solid var(--c);align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.us-logo,.us-head .side-badge{flex:none;width:44px;height:44px;margin:0}.us-logo{object-fit:contain}.us-name{min-width:0;font-family:var(--display);text-transform:uppercase;flex:1;margin:0;font-size:22px;font-weight:900;line-height:1.1}.us-not-reffing{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);margin:14px 0 0;padding:12px}.duties{gap:6px;margin:0;padding:0;list-style:none;display:grid}.duty-row{background:var(--panel);border:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:grid}.duty-row.finished{color:var(--dim)}.duty-row.live{border-color:var(--amber)}.duty-time{font-family:var(--display);color:var(--amber);font-size:18px;font-weight:800}.duty-word{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:700}.duty-go{color:var(--amber);font-weight:700}.standings-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);width:100%;font-size:14px}.standings-table th{letter-spacing:.08em;color:var(--dim);text-align:right;padding:8px 4px;font-size:11px;font-weight:700}.standings-table td{border-top:1px solid var(--line);text-align:right;padding:9px 4px}.standings-table th:last-child,.standings-table td:last-child{padding-right:10px}.standings-table .standings-team{text-align:left;width:100%}td.standings-team{border-left:4px solid var(--c);overflow-wrap:anywhere;padding-left:8px;font-weight:600}.standings-position{color:var(--dim);padding-left:10px}.standings-points{color:var(--amber);font-weight:800}.tie-order{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);margin-top:10px;padding:12px}.tie-order p{margin:0 0 8px}.tie-teams{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.tie-team{background:var(--night);border:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:grid}.tie-place{min-width:1ch;font-family:var(--display);color:var(--amber);font-size:18px;font-weight:800}.tie-name{overflow-wrap:anywhere;font-weight:600}.tie-move{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.tie-move:disabled{opacity:.3;cursor:default}.tie-move svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.side.unresolved{--c:var(--line);--on-c:var(--dim)}.side.unresolved .side-short{font-size:18px}button.subtab{cursor:pointer;background:0 0}.bracket{margin:16px -16px 0;padding:0 16px 12px;overflow-x:auto}.bracket-canvas{gap:36px;width:max-content;display:flex;position:relative}.bracket-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bracket-line{fill:none;stroke:var(--dim);stroke-width:1.5px;opacity:.6}.bracket-round{flex-direction:column;width:152px;display:flex}.bracket-games{flex-direction:column;flex:1;justify-content:space-around;gap:14px;display:flex}.bracket-time{font-family:var(--display);color:var(--amber);margin:0 0 4px;font-size:22px;font-weight:900;line-height:1}.bracket-game{background:var(--panel);border:1px solid var(--line);padding:8px 10px;position:relative}.bracket-name{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 6px;font-size:11px;font-weight:700}.bracket-team{border-left:4px solid var(--c);font-family:var(--display);padding:3px 0 3px 8px;font-size:17px;font-weight:800;line-height:1.1}.bracket-team.unresolved{border-left-color:var(--line);color:var(--dim);font-size:14px}.bracket-ref{color:var(--dim);margin-top:6px;font-size:11px}.standings-goes{color:var(--dim);margin-top:2px;font-size:11px;font-weight:500;display:block}
