.penalty-signal{position:absolute;z-index:5;left:calc(.5 * var(--u));right:calc(.5 * var(--u));top:55%;bottom:calc(.5 * var(--u));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:calc(.6 * var(--u));padding:calc(.8 * var(--u));border:calc(.2 * var(--u)) solid var(--c);border-radius:calc(.8 * var(--u));background:#111c2b;color:#f5f7fb;box-shadow:0 0 calc(1.5 * var(--u)) #0006;overflow:hidden;pointer-events:none;text-align:left}.penalty-signal-figure{min-width:0;min-height:0;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#52677e,#34485e);border-radius:calc(.5 * var(--u));overflow:hidden}.penalty-signal .referee-figure{display:block;width:100%;height:100%;max-height:100%}.penalty-signal-copy{min-width:0;line-height:1.05}.penalty-signal-label{font-family:var(--font-ui);font-weight:800;font-size:calc(1.5 * var(--u));color:#ffd166;letter-spacing:.12em;text-transform:uppercase}.penalty-signal-team{margin-top:calc(.4 * var(--u));color:#adbed4;font:700 calc(1.3 * var(--u))/1.15 var(--font-ui);overflow-wrap:anywhere}.penalty-signal-player{font-size:calc(4 * var(--u));font-weight:800;color:var(--c-penplayer, #f5f7fb);margin-top:calc(.5 * var(--u))}.penalty-signal-name{font-size:calc(2.2 * var(--u));font-weight:800;line-height:1.05;text-transform:uppercase;overflow-wrap:anywhere;margin-top:calc(.35 * var(--u))}.penalty-signal-detail{font-size:calc(1.45 * var(--u));font-weight:700;color:#ffd166;line-height:1.2;overflow-wrap:anywhere;margin-top:calc(.7 * var(--u))}.penalty-signal-no-gesture{font:500 calc(1 * var(--u))/1.3 var(--font-ui);color:#a7b8cb;margin-top:calc(.5 * var(--u))}.compactb .cteam{position:relative}.board.dual .penalty-signal{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;top:40%;gap:calc(.4 * var(--u));padding:calc(.5 * var(--u))}.board.dual .penalty-signal-copy{text-align:center}.board.dual .penalty-signal-team,.board.dual .penalty-signal-detail,.board.dual .penalty-signal-no-gesture{display:none}.board.dual .penalty-signal-player{display:inline;font-size:calc(2.5 * var(--u));margin-right:calc(.4 * var(--u))}.board.dual .penalty-signal-name{font-size:calc(1.4 * var(--u));margin-top:calc(.2 * var(--u))}.board.dual .penalty-signal-label{font-size:calc(1 * var(--u))}.board.dual .dlabel{height:calc(5 * var(--u));flex-shrink:0}.board.dual .dteams>.dteam{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(7 * var(--u)) calc(6.4 * var(--u)) calc(15 * var(--u)) minmax(0,1fr) auto;justify-items:center;align-content:stretch}.board.dual .dtlogo{grid-row:1;height:100%;max-height:100%}.board.dual .dname{grid-row:2;align-self:center;max-height:calc(6.4 * var(--u));overflow:hidden}.board.dual .dscore{grid-row:3;align-self:center}.board.dual .dpens{grid-row:5;align-self:end;margin-top:0}.board.dual .dmid .dlogo{flex:1 1 0;width:90%;height:100%;max-height:none;margin:calc(1 * var(--u)) 0;object-fit:contain}.board.compactb .cllogo>img,.board .logofill>img.centerlogo{max-height:100%}.penalty-signal{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.penalty-signal-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(.3 * var(--u)) calc(.7 * var(--u))}.penalty-signal-label{grid-column:1 / -1}.penalty-signal-team{display:none}.penalty-signal-player{grid-column:1;grid-row:2}.penalty-signal-name{grid-column:2;grid-row:2}.penalty-signal-detail,.penalty-signal-no-gesture{grid-column:1 / -1}.board.dual .penalty-signal-copy{display:block}.board.compactb .cteam-lower{position:relative;flex:1;align-self:stretch;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.board.compactb .cteam-lower>.penalty-signal{top:0;bottom:0}.board.compactb .cteam-lower>.penalty-signal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.board.compactb .penalty-signal-copy{display:block}.board.compactb .penalty-signal-detail{display:none}.board .team-lower{position:relative;align-self:stretch;min-height:calc(12 * var(--u));overflow:hidden;display:flex;align-items:center;justify-content:center}.board .team-lower>.penalty-signal{top:0;bottom:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.board .team-lower .penalty-signal-copy{display:block}.board .team-lower .penalty-signal-detail{display:none}.board.dual .dteam-lower{position:relative;grid-row:4 / 6;align-self:stretch;width:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.board.dual .dteam-lower>.penalty-signal{top:0;bottom:0}.control.workspace-stats{display:flex;flex-direction:column;max-width:1600px;height:100dvh;min-height:0;overflow:hidden;gap:12px}.control.workspace-stats>.clockcard,.control.workspace-stats>.teams{display:none}.control.workspace-stats>.bottom{order:-2;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0}.control.workspace-stats>.bottom .btn{flex:1 1 auto}.control.workspace-stats>.status{margin-top:auto;flex-wrap:wrap;flex-shrink:0}.workspace-toggle{border:1px solid var(--go)!important;color:var(--go)}.stats-workspace{overflow-y:auto;min-height:0;animation:stats-slide-up .28s ease-out;min-width:0;flex:1}.workspace-scoreboard>.clockcard,.workspace-scoreboard>.teams{animation:stats-slide-down .28s ease-out}@keyframes stats-slide-up{0%{opacity:.3;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes stats-slide-down{0%{opacity:.3;transform:translateY(-45px)}to{opacity:1;transform:translateY(0)}}.stats-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--card);border-radius:16px;padding:14px 20px;margin-bottom:12px}.stats-score>div{display:flex;align-items:center;gap:20px;min-width:0}.stats-score>div:last-child{justify-content:flex-end}.stats-score strong{font:44px var(--font-display);color:var(--text)}.stats-score .stats-clock{flex-direction:column;gap:1px;text-align:center}.stats-clock b{font:32px var(--font-display)}.stats-clock span,.stats-clock small{font-size:12px;color:var(--muted)}.stats-columns{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3fr);gap:14px}.stats-columns aside{display:flex;flex-direction:column;gap:12px}.stats-workspace h2,.stats-workspace h3{margin:0 0 12px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}.stats-workspace table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.stats-workspace th,.stats-workspace td{padding:12px 8px;border-bottom:1px solid var(--dim)}.stats-workspace thead{color:var(--muted)}.stats-workspace td small{display:block;color:var(--muted);margin-top:4px}.stats-workspace td b{text-transform:capitalize}.stats-totals{table-layout:fixed;font-size:12px!important;overflow-wrap:anywhere}.stats-totals td{text-align:center;font-size:18px;font-weight:700}.stats-penalty{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;gap:5px;background:var(--card2);color:var(--text);border:1px solid var(--accent);border-radius:12px;padding:12px;margin-top:8px}.stats-penalty b{color:var(--accent)}.stats-penalty small{grid-column:1/-1;color:var(--muted)}.stats-add{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stats-add .row{flex-wrap:wrap}.stats-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.stats-filters .on{background:var(--go);color:#06201d}.stats-event-list{overflow:auto;max-height:58vh}.stats-badge{display:inline-block;font-size:12px;color:var(--go);white-space:nowrap}.stats-badge.pending{color:var(--accent)}.stats-history{margin-top:14px}.stats-history>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:6px 0;border-top:1px solid var(--dim)}.stats-error,.stats-sync-error{padding:12px;border:1px solid var(--stop);border-radius:10px;background:var(--card);color:var(--text)}.stats-sync-error{grid-column:1/-1;order:-3}.stats-checkbox{display:flex!important;align-items:center;gap:8px;margin:12px 0}.stats-checkbox input{width:auto!important}.stats-editor .choices{flex-wrap:wrap}.stats-editor label{display:block;margin-bottom:8px}@media (max-width: 850px){.stats-columns{grid-template-columns:1fr}.stats-columns aside{display:grid;grid-template-columns:1fr 1fr}.stats-score{gap:10px;padding:12px}.stats-score>div{gap:8px}.stats-score b{font-size:14px}.stats-score .stats-clock b{font-size:28px}.stats-score strong{font-size:34px}}@media (max-width: 500px){.stats-columns aside,.stats-add{grid-template-columns:1fr}.stats-score{grid-template-columns:1fr auto 1fr}.stats-score>div{flex-direction:column;text-align:center}.stats-score>div:last-child{flex-direction:column-reverse}.stats-workspace th,.stats-workspace td{padding:8px 5px}.control.workspace-stats>.bottom{position:static}}@media (prefers-reduced-motion: reduce){.stats-workspace,.workspace-scoreboard>.clockcard,.workspace-scoreboard>.teams{animation:none}}.stats-minus{margin-left:5px;background:var(--btn);color:var(--muted);border:1px solid var(--dim);border-radius:5px;padding:1px 5px;font-size:13px}.stats-minus:disabled{opacity:.3}.stats-columns>*,.stats-columns .card,.stats-add>div{min-width:0}@media (max-width:850px){.stats-columns{grid-template-columns:minmax(0,1fr)}.stats-columns .stats-events{order:-1}}:root{--bg: #0b0f14;--card: #121922;--card2: #1a2330;--btn: #1f2a38;--text: #f3f5f7;--muted: #8a97a6;--dim: #3c4a59;--accent: #ffd166;--go: #2ec4b6;--stop: #e63946;--frame: #3d74d6;--font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;--font-ui: "Barlow", system-ui, sans-serif}@font-face{font-family:LCD Digital;src:url(/fonts/DSEG7Modern-Bold.woff2) format("woff2");unicode-range:U+0020,U+002D-003A}@font-face{font-family:LCD Digital;src:url(/fonts/DSEG14Modern-Bold.woff2) format("woff2");unicode-range:U+0021-002C,U+003B-007E}@font-face{font-family:LCD Digital Italic;src:url(/fonts/DSEG7Modern-BoldItalic.woff2) format("woff2");unicode-range:U+0020,U+002D-003A}@font-face{font-family:LCD Digital Italic;src:url(/fonts/DSEG14Modern-BoldItalic.woff2) format("woff2");unicode-range:U+0021-002C,U+003B-007E}[data-theme=dark]{--bg: #0b0f14;--card: #121922;--card2: #1a2330;--btn: #1f2a38;--text: #f3f5f7;--muted: #8a97a6;--dim: #3c4a59;--accent: #ffd166;--go: #2ec4b6;--stop: #e63946;--frame: #3d74d6}[data-theme=light]{--bg: #f4f6f8;--card: #ffffff;--card2: #e9edf2;--btn: #e1e6ec;--text: #0e141b;--muted: #5b6876;--dim: #b8c2cc;--accent: #d98c00;--go: #0f9d8a;--stop: #d62839;--frame: #8fa6c4}[data-theme=led]{--bg: #000000;--card: #000000;--card2: #0a0a0a;--btn: #1a1a1a;--text: #ff2a2a;--muted: #ffb000;--dim: #3a1a1a;--accent: #ffb000;--go: #27d17f;--stop: #ff2a2a;--frame: #6a1414;--font-display: "Share Tech Mono", "Courier New", monospace}[data-theme=led] .board .team{border-top-color:transparent;border:.25vw solid #2a0a0a}[data-theme=led] .board .team .name{color:#ffb000}[data-theme=led] .board .team .shots b{color:#ff2a2a}[data-theme=ice]{--bg: #e8f1f8;--card: #ffffff;--card2: #d7e6f2;--btn: #cfe0ee;--text: #0b2340;--muted: #4a6a8a;--dim: #9fb8cf;--accent: #0b5fb0;--go: #0f9d8a;--stop: #d62839;--frame: #6f9cc9}[data-theme=ice] .board{background:linear-gradient(180deg,#eef5fb,#d8e8f4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);overscroll-behavior:none}button{font-family:inherit;cursor:pointer;color:inherit;border:0}input,select{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;text-align:center}.home h1{font-family:var(--font-display);font-size:64px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.home p{color:var(--muted);max-width:440px;line-height:1.5}.home .code{display:flex;gap:8px;width:100%;max-width:420px}.home input{flex:1;background:var(--card);color:var(--text);border:1px solid var(--dim);border-radius:12px;padding:14px 16px;font-size:18px}.home .links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.home .mode{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.btn{background:var(--btn);border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px;color:var(--text);transition:transform .05s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);filter:brightness(1.2)}.btn.primary{background:var(--go);color:#06201d}.btn.danger{background:var(--stop)}.btn.accent{background:var(--accent);color:#2b2300}.btn.ghost{background:transparent;border:1px solid var(--dim);color:var(--muted)}.btn.sm{padding:10px 8px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.4;cursor:default}.board{position:relative;height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-columns:1fr minmax(36vw,40vw) 1fr;grid-template-rows:minmax(0,1fr);--u: min(1vw, 1.75vh);gap:2vw;padding:4vh 3.5vw 6vh;font-family:var(--font-display);user-select:none;-webkit-user-select:none}.board img,.bannerpage img{-webkit-user-drag:none}.bannerpage{user-select:none;-webkit-user-select:none}.control,.sheet-bg{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.control :is(input,textarea,select,[contenteditable=true]),.sheet-bg :is(input,textarea,select,[contenteditable=true]){user-select:text;-webkit-user-select:text}.board .team{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card);border-radius:1.6vw;border-top:.8vw solid var(--c);padding:2vh 2vw;min-width:0}.board .team .name{font-size:calc(4.6 * var(--u));font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#dfe5ec;text-align:center;line-height:1;overflow-wrap:normal;word-break:normal;max-width:100%}.board .team .score{font-size:calc(24 * var(--u));font-weight:800;line-height:.9;margin:1vh 0 2vh}.board .team .shots{font-family:var(--font-display);font-size:calc(3.2 * var(--u));font-weight:700;color:#c9d3de;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.05;text-align:center}.board .team .shots>span{font-size:.72em;white-space:nowrap}.board .team .shots b{color:var(--text);font-size:calc(5.6 * var(--u));font-weight:800}.board .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;min-width:0}.board .period{font-size:calc(3.2 * var(--u));font-weight:600;letter-spacing:.2em;color:var(--muted)}.board .period b{color:var(--accent);font-weight:800}.board .clock{font-size:calc(13.5 * var(--u));font-weight:800;line-height:1;letter-spacing:-.02em;white-space:nowrap;max-width:100%}.board .clock.final{color:var(--stop)}.board .strength{font-size:calc(2.5 * var(--u));font-weight:800;letter-spacing:.15em;color:var(--pp, var(--accent));padding:.4vh calc(2 * var(--u));border:.18vw solid var(--pp, var(--accent));border-radius:999px;min-height:calc(4.2 * var(--u));display:flex;align-items:center;white-space:nowrap}.board .strength.empty{visibility:hidden}.board .pens{display:flex;gap:calc(1.5 * var(--u));width:100%;min-height:12vh}.board .pens .col{flex:1;display:flex;flex-direction:column;gap:.8vh;min-width:0}.board .pen{display:flex;justify-content:space-between;align-items:center;background:var(--card2);border-left:.5vw solid var(--c);border-radius:.8vw;padding:.8vh calc(1.2 * var(--u));font-size:calc(2.2 * var(--u));font-weight:700}.board .pen span{color:var(--muted);font-weight:600}.board .timeout{font-size:calc(2.4 * var(--u));font-weight:800;letter-spacing:.12em;color:#fff;background:var(--c);border-radius:999px;padding:.6vh calc(2.4 * var(--u));white-space:nowrap}.board .timeout b{margin-left:calc(1 * var(--u))}.board .warmup{--c: #b45309}.board .team{position:relative;overflow:hidden}.board .team.flash{animation:flashbg .5s ease-in-out infinite alternate}.board .evslot{display:flex;align-items:center;justify-content:center;min-height:calc(6.4 * var(--u));max-width:100%}.board.arena .evslot{min-height:calc(7 * var(--u))}.board .goalflash{white-space:nowrap;text-align:center;font-size:calc(5.8 * var(--u));font-weight:800;letter-spacing:.1em;color:var(--c);line-height:1;animation:blink .5s steps(2,jump-none) infinite alternate}.board .goalflash span{font-size:.7em;letter-spacing:.06em;color:var(--text);margin-left:.3em}.board.arena .goalflash{font-size:calc(6.6 * var(--u))}@keyframes blink{0%{opacity:1}to{opacity:.35}}@keyframes flashbg{0%{background:var(--card)}to{background:color-mix(in srgb,var(--c) 35%,var(--card))}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.board .brand{position:absolute;bottom:1.6vh;left:0;right:0;text-align:center;font-family:var(--font-ui);font-size:calc(1.1 * var(--u));letter-spacing:.3em;color:var(--dim);text-transform:uppercase}.board .sound{position:absolute;top:1.5vh;right:calc(1.5 * var(--u));font-family:var(--font-ui);font-size:calc(1.1 * var(--u));background:var(--card2);color:var(--muted);border-radius:999px;padding:.8vh calc(1.4 * var(--u))}.board .status{position:absolute;top:1.5vh;left:calc(1.5 * var(--u));font-family:var(--font-ui);font-size:calc(1.1 * var(--u));letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}@media (orientation: portrait){.board{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);padding:3vh 4vw}.board .mid{grid-column:1 / -1;grid-row:1}.board .clock{font-size:30vw}.board .period{font-size:6vw}.board .strength{font-size:5vw;min-height:8vw}.board .team .name{font-size:8vw}.board .team .score{font-size:34vw}.board .team .shots{font-size:5vw}.board .team .shots b{font-size:8vw}.board .pen{font-size:4.5vw}.board .brand,.board .status,.board .sound{font-size:3vw}}.control{max-width:520px;margin:0 auto;padding:12px 14px 24px;display:flex;flex-direction:column;gap:12px;min-height:100%}.control .status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 2px}.control .status .live{color:var(--go);max-width:none;margin:0;padding:0;display:inline}.control .status .local{color:var(--accent)}.control .status .who{text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}.control .status a.who{color:var(--accent)}.control .status .updready{color:var(--go);font-weight:700}.control .card{background:var(--card);border-radius:20px;padding:16px}.control .clockcard{text-align:center}.control .clockcard .p{font-family:var(--font-display);font-size:18px;letter-spacing:.2em;color:var(--muted);display:flex;justify-content:center;gap:14px;align-items:center}.control .clockcard .p b{color:var(--accent)}.control .clockcard .p .st{color:var(--accent);font-weight:800}.control .clockcard .c{font-family:var(--font-display);font-size:92px;font-weight:800;line-height:1;margin:4px 0 10px}.control .clockcard .c.final{color:var(--stop)}.control .clockline{display:flex;align-items:center;justify-content:center;gap:10px}.control .clockline .c{flex:0 1 auto;min-width:0;font-size:min(92px,18vw)}.control .clockline .c.editable{cursor:text;border-radius:10px}.control .clockline .c.editable:hover{background:#ffffff0f}.control .clockline .clockinput{width:5.2ch;padding:0;margin:0;text-align:center;font-family:inherit;font-size:min(92px,18vw);line-height:1.1;font-weight:800;color:inherit;background:#ffffff14;border:2px solid var(--accent);border-radius:10px;outline:none;user-select:text;-webkit-user-select:text}.control .clockline .clockinput.bad{border-color:#f87171}.control .clockline .adj{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.control .clockline .adj .btn{min-width:52px;padding:8px 10px;font-size:16px;font-weight:800}.control .row{display:flex;gap:8px;margin-top:10px}.control .row .btn{flex:1}.control .row .btn.big{padding:22px;font-size:24px;letter-spacing:.1em;font-family:var(--font-display);font-weight:800}.control .teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control .tc{background:var(--card);border-radius:20px;padding:14px;border-top:6px solid var(--c);display:flex;flex-direction:column;gap:8px}.control .tc button.n{background:none;color:var(--text);width:100%;cursor:pointer;border-radius:10px}.control .tc button.n:after{content:"✎";font-size:.5em;color:var(--dim);margin-left:6px}.control .tc button.n:hover{background:var(--card2)}.control .tc .n{font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1.05;min-height:2.1em;display:flex;align-items:center;justify-content:center}.control .tc .s{font-family:var(--font-display);font-size:88px;font-weight:800;text-align:center;line-height:1}.control .tc .goal{width:100%;border-radius:14px;padding:18px 8px;font:800 22px var(--font-display);background:var(--c);color:#fff;letter-spacing:.1em}.control .tc .psgoal{width:100%;margin-top:auto;padding:6px;font-size:12px;border:1px dashed var(--c);background:transparent;color:var(--muted)}.control .tc .mini{display:flex;gap:6px}.control .tc .mini .btn{flex:1;padding:10px 4px;font-size:13px;border-radius:10px}.control .tc .sh{font-size:12px;color:var(--muted);text-align:center;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:center;gap:8px;align-items:center}.control .tc .sh b{color:var(--text);font-size:16px}.control .tc .sh button{background:var(--btn);border-radius:8px;padding:4px 8px;font-size:12px}.control .pen{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 8px;background:var(--card2);border-radius:10px;padding:8px 10px;font-size:15px;font-weight:700}.control .pen .who small{font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.control .pen .pt{color:var(--accent)}.control .pen.waiting{opacity:.6}.control .pen.waiting .pt{color:var(--muted)}.control .pen .x{background:transparent;color:var(--muted);font-size:16px;padding:0 4px}.control .pen .nudge{grid-column:1 / -1;display:flex;gap:4px}.control .pen .nudge button{flex:1;background:var(--btn);color:var(--text);border-radius:8px;padding:6px 0;font-size:12px;font-weight:700}.control .whistle{width:100%;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px}.control .whistle b{font-size:16px;letter-spacing:.08em}.control .whistle small{font-size:11px;font-weight:600;opacity:.8}.control .whistle.live{background:color-mix(in srgb,var(--go) 22%,var(--btn))}.control .whistle.paused{background:var(--accent);color:#2b2300}.control .bottom{display:flex;gap:8px}.control .bottom .btn{flex:1;font-size:14px;padding:12px 6px}@media (min-width: 900px){.control{max-width:1600px;display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr auto auto;min-height:100vh;gap:10px 16px;padding:12px 20px 8px}.control .status{grid-column:1 / -1;grid-row:3;padding:0 2px;justify-content:center;gap:24px}.control .clockcard{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.control .teams{display:contents}.control .tc:nth-child(1){grid-column:1;grid-row:1}.control .tc:nth-child(2){grid-column:3;grid-row:1}.control .bottom{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap}.control .bottom .btn{flex:1 1 0}.control .clockcard{padding:min(16px,1.6vh) 16px}.control .clockcard .c{font-size:min(130px,13vh,7.5vw);margin:0 0 min(10px,1vh)}.control .clockline .adj .btn{padding:min(10px,1.2vh) 12px}.control .clockcard .row .btn.big{padding:min(22px,2vh);font-size:min(24px,3vh)}.control .clockcard .row,.control .clockcard .groups,.control .clockcard .goallight{margin-top:min(10px,1vh)}.control .clockcard .groups{gap:min(6px,.7vh)}.control .clockcard .btn.sm{padding:min(10px,1vh) 8px}.control .clockcard .row .btn.sm,.control .clockcard .grp .btn{font-size:min(14px,1.9vh)}.control .clockcard .row.period .pv{font-size:min(26px,3.2vh)}.control .tc{gap:min(8px,1vh);padding:12px 14px}.control .tc .s{font-size:min(140px,14vh)}.control .tc .n{font-size:min(32px,4vh);min-height:0}.control .tc .goal{padding:min(26px,2.6vh);font-size:30px}.control .tc .mini .btn{font-size:16px;padding:min(14px,1.5vh) 6px}.control .pen{font-size:18px}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:var(--card);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:18px 16px 28px;display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow:auto}.sheet h3{font-family:var(--font-display);font-size:22px;letter-spacing:.06em;text-transform:uppercase}.sheet label,.sheet .field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.sheet input,.sheet select{background:var(--bg);color:var(--text);border:1px solid var(--dim);border-radius:10px;padding:12px;font-size:18px;width:100%}.sheet input[type=color]{padding:4px;height:48px}.sheet .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet .choices{display:flex;gap:8px}.sheet .choices .btn{flex:1}.sheet .choices .btn.on{background:var(--accent);color:#2b2300}.sheet .qr{display:flex;flex-direction:column;align-items:center;gap:8px}.sheet .qr img{width:240px;height:240px;background:#fff;border-radius:12px;padding:8px}.sheet .url{font-size:13px;color:var(--muted);word-break:break-all;text-align:center}.sheet .keys{font-size:13px;color:var(--muted);line-height:1.7}.sheet .keys kbd{background:var(--btn);border-radius:6px;padding:2px 7px;color:var(--text);font-family:var(--font-ui)}.loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:14px}.board .team .name{color:var(--c-teamname, #dfe5ec)}.board .team .score{color:var(--c-score, var(--text))}.board .team .shots b{color:var(--c-shots, var(--text))}.board .clock{color:var(--c-clock, var(--text))}.board .period b{color:var(--c-period, var(--accent))}.board .pen .pp{color:var(--c-penplayer, var(--text))}.board .pen .pt{color:var(--c-pentime, var(--muted))}.board .goalflash{color:var(--c-goal, var(--accent))}.board .team .bglogo{position:absolute;top:12%;right:8%;bottom:12%;left:8%;width:84%;height:76%;object-fit:contain;opacity:var(--logo-fade, .16);pointer-events:none;z-index:0}.board .team>:not(.bglogo){position:relative;z-index:1}.board .centerlogo{max-width:100%;max-height:24vh;min-height:0;flex:0 1 auto;object-fit:contain}.board .topbar{position:absolute;top:0;left:0;right:0;height:9vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1vh calc(4 * var(--u)) 0;pointer-events:none}.board .topbar .title{font-size:calc(3.4 * var(--u));font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}.board .topbar .title img{height:8vh;object-fit:contain}.board .topbar .side{display:flex;align-items:center}.board .topbar .side:last-child{justify-content:flex-end}.board .topbar .side img{height:7vh;object-fit:contain}.board:has(.topbar){padding-top:10vh}.board.minimal .team .score{font-size:calc(28 * var(--u))}.board.minimal .clock{font-size:calc(15 * var(--u))}.board.segments .clock,.board.segments .team .score,.board.segments .pen .pt{font-family:Share Tech Mono,monospace;letter-spacing:.02em}.bannerpage{width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:2vh;overflow:hidden}.banner{flex-shrink:0;transform-origin:top center;display:flex;align-items:stretch;background:var(--bbg);color:var(--bfg);border-radius:12px;overflow:hidden;font-family:var(--font-display);height:72px;box-shadow:0 4px 20px #00000059}.banner>*{display:flex;align-items:center}.banner .blogo{height:100%;padding:8px 12px;object-fit:contain}.banner .btitle{padding:0 18px;font-size:22px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.banner .bteam{gap:12px;padding:0 18px;border-left:8px solid var(--c)}.banner .btlogo{height:56px;width:56px;object-fit:contain}.banner .btname{font-size:30px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.banner .btscore{font-size:48px;font-weight:800;min-width:48px;text-align:center}.banner .btshots{font-size:20px;font-weight:700;opacity:.9;letter-spacing:.08em}.banner .btshots b{font-size:26px}.banner .btpen{font-size:18px;background:#ffffff1f;padding:4px 10px;border-radius:6px}.banner .bclock{flex-direction:column;justify-content:center;background:var(--bclockbg);color:var(--bclockfg);padding:0 22px;min-width:150px;order:1}.banner .bperiod{font-size:14px;letter-spacing:.15em;font-weight:700}.banner .btime{font-size:40px;font-weight:800;line-height:1}.opts{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20;display:flex;flex-direction:column}.opts .tabs{display:flex;gap:4px;overflow-x:auto;padding:10px 12px 0;border-bottom:1px solid var(--dim);flex-shrink:0}.opts .tabs button{background:transparent;color:var(--muted);padding:10px 14px;font-weight:700;font-size:14px;border-radius:10px 10px 0 0;white-space:nowrap}.opts .tabs button.on{background:var(--card);color:var(--text)}.opts .body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px;max-width:720px;width:100%;margin:0 auto}.opts .foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--dim);flex-shrink:0;max-width:720px;width:100%;margin:0 auto}.opts .foot .btn{flex:1}.opts h4{font-family:var(--font-display);font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}.opts label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.opts .row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;background:var(--card);padding:12px 14px;border-radius:12px;color:var(--text);font-size:15px}.opts .row input[type=checkbox]{width:22px;height:22px;accent-color:var(--go)}.opts input[type=text],.opts input[type=number],.opts input[type=url],.opts select{background:var(--card);color:var(--text);border:1px solid var(--dim);border-radius:10px;padding:11px 12px;font-size:16px;width:100%}.opts input[type=color]{width:56px;height:36px;border:0;background:transparent;padding:0}.opts .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opts .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.opts .inline{display:flex;align-items:center;gap:10px}.opts .inline input[type=number]{width:80px}.opts .colorrow{display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:8px 14px;border-radius:12px;font-size:15px}.opts .colorrow .r{display:flex;align-items:center;gap:8px}.opts .keyrow{display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:8px 14px;border-radius:12px;font-size:15px}.opts .keyrow kbd{background:var(--btn);border-radius:8px;padding:6px 12px;min-width:60px;text-align:center;font-weight:700;cursor:pointer;display:inline-block}.opts .keyrow kbd.listening{background:var(--accent);color:#2b2300}.opts .imgpick{display:flex;align-items:center;gap:12px;background:var(--card);padding:10px 14px;border-radius:12px}.opts .imgpick .preview{width:64px;height:64px;object-fit:contain;background:#fff2;border-radius:8px;flex-shrink:0}.opts .imgpick .preview.empty{display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:11px}.opts .imgpick .ctl{display:flex;flex-direction:column;gap:6px;flex:1}.opts .imgpick input[type=file]{font-size:12px;color:var(--muted)}.opts .chips{display:flex;flex-wrap:wrap;gap:8px}.opts .chips .btn{padding:8px 12px;font-size:14px}.opts .chips .btn.on{background:var(--accent);color:#2b2300}.opts .penlens{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.opts .penlens .chip{background:var(--card2);padding:8px 12px;border-radius:999px;display:flex;gap:8px;align-items:center}.opts .penlens .chip button{background:transparent;color:var(--muted)}.opts .hint{font-size:12px;color:var(--dim);line-height:1.5}.home .mine{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px}.home .mineRow{display:flex;gap:8px;align-items:center;background:var(--card);padding:10px 12px;border-radius:12px}.home .mineRow code{flex:1;text-align:left;font-size:16px;letter-spacing:.1em;text-transform:uppercase}.home .mineRow a{text-decoration:none}.readonly{background:var(--card);border-radius:16px;padding:24px;text-align:center;color:var(--muted);line-height:1.6;max-width:440px;margin:40px auto}.readonly b{color:var(--text)}.readonly a{color:var(--go)}.board .viewonly{position:absolute;top:1.5vh;right:calc(1.5 * var(--u));font-family:var(--font-ui);font-size:calc(1.1 * var(--u));letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.board .team .so{display:flex;gap:calc(1.2 * var(--u));font-size:calc(4 * var(--u));line-height:1;margin-top:1vh}.board .team .so .so-goal{color:var(--go)}.board .team .so .so-miss{color:var(--stop)}.board .team .so .so-empty{color:var(--dim)}.banner .btso{gap:4px;font-size:20px}.banner .btso .so-goal{color:#37d67a}.banner .btso .so-miss{color:#ff5a5f}.banner .btso .so-empty{opacity:.4}.control .so{display:flex;flex-direction:column;gap:6px}.control .so .marks{text-align:center;font-size:22px;line-height:1;letter-spacing:.1em}.control .so .marks .so-goal{color:var(--go)}.control .so .marks .so-miss{color:var(--stop)}.control .so .marks .none{color:var(--dim)}.control .so .btn.on{background:var(--go);color:#06201d}.control .sohint{margin-top:10px;font-size:12px;color:var(--muted)}.control .bottom .btn{white-space:nowrap}.sheet pre.summary{background:var(--bg);border:1px solid var(--dim);border-radius:10px;padding:12px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;max-height:50vh;overflow:auto;color:var(--text)}.live{max-width:960px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:18px}.live .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.live h1{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.live .mode{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.live .empty{color:var(--muted)}.live .empty a,.live .foot a{color:var(--accent)}.live .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.live .game{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border-radius:18px;padding:14px 16px;color:var(--text);text-decoration:none}.live .game .meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.live .game .st.on{color:var(--go);font-weight:800}.live .game .teams{display:flex;flex-direction:column;gap:6px}.live .game .t{display:flex;justify-content:space-between;align-items:center;border-left:5px solid var(--c);padding-left:10px;font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase}.live .game .t b{font-size:30px}.live .game .clock{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:16px;letter-spacing:.15em;color:var(--muted)}.live .game .clock b{color:var(--accent);font-size:20px}.live .game .op{align-self:flex-end;font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.live .game .del{align-self:stretch;background:color-mix(in srgb,var(--stop) 40%,var(--btn));color:#fff}.timebadge{color:var(--accent)}.timebadge.poor{color:#f87171}.control .csound{color:var(--muted)}.control .localwarn{background:#3a2b00;color:#ffd166;border:1px solid #7a5a00;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4}.setup{gap:16px}.setup h2{font-family:var(--font-display);font-size:24px;letter-spacing:.04em;color:var(--accent)}.setup p{max-width:560px}.setup ol{text-align:left;max-width:560px;line-height:1.7;color:var(--text);padding-left:22px}.setup pre{background:var(--card);border:1px solid var(--dim);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:6px;white-space:pre-wrap}.setup code{background:var(--card);padding:1px 6px;border-radius:6px}.login .fields{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.login input{background:var(--card);color:var(--text);border:1px solid var(--dim);border-radius:12px;padding:14px 16px;font-size:18px;width:100%}.login .err{color:var(--stop);font-weight:600}.home .who{font-size:14px;color:var(--muted)}.linkbtn{background:none;color:var(--accent);padding:0;font:inherit;text-decoration:underline;cursor:pointer}.board .pen.more{justify-content:center;color:var(--muted);font-size:calc(1.8 * var(--u))}.sheet .templates{display:flex;flex-wrap:wrap;gap:6px;max-height:32vh;overflow:auto}.sheet .templates .btn{padding:8px 10px;font-size:13px;border-radius:10px}.sheet .templates .btn small{color:var(--muted);font-weight:600;margin-left:2px}.sheet .templates .btn.on{background:var(--accent);color:#2b2300}.sheet .templates .btn.on small{color:#2b2300}.sheet .keysheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 18px}.sheet .keysheet h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 4px;font-size:15px}.sheet .keysheet .kr{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0;border-bottom:1px solid var(--card2)}.sheet .keysheet kbd{background:var(--btn);border-radius:6px;padding:1px 8px;font-family:var(--font-ui);font-size:12px;min-width:28px;text-align:center}.control .bottom .keysbtn{flex:0 0 auto;padding-left:14px;padding-right:14px}.control .clockcard .p .run{font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--stop);font-weight:700}.control .clockcard .p .run.on{color:var(--go)}.control .clockcard .p .tod{font-size:11px;color:var(--accent);letter-spacing:.08em}.control .groups{display:flex;flex-direction:column;gap:6px;margin-top:10px}.control .grp{display:grid;grid-template-columns:7.5em 1fr 1fr 1fr;gap:6px;align-items:center}.control .grp .gl,.control .goallight .gl,.control .tc .ml{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left}.control .grp .btn{padding:9px 4px;font-size:13px}.control .btn.go.lit,.control .btn.lit{background:var(--go);color:#06201d}.control .btn.held{background:var(--accent);color:#2b2300}.control .whistlehint{margin-top:6px;font-size:12px;color:var(--accent)}.control .row.period{align-items:center}.control .row.period .pv{font-family:var(--font-display);font-size:26px;font-weight:800;min-width:2.2em;text-align:center}.control .btn.minus{background:color-mix(in srgb,var(--stop) 35%,var(--btn))}.control .btn.plus{background:color-mix(in srgb,var(--go) 35%,var(--btn))}.control .goallight{margin-top:10px;display:flex;flex-direction:column;gap:0}.control .goallight .row{margin-top:4px}.control .tc .mini{align-items:center}.control .tc .mini .ml{flex:1.3}.control .tc .mini .ml b{color:var(--text);font-size:15px;margin-left:4px}.control .tc .penhead{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}.control .tc .addpen{background:var(--go);color:#06201d;font-size:22px;line-height:1;padding:4px 14px;border-radius:10px}.control .pen .acts{display:flex;gap:2px}.control .pen .acts button{background:transparent;color:var(--muted);font-size:15px;padding:2px 5px;border-radius:6px}.control .pen .acts button.on{background:var(--btn);color:var(--text)}.control .bottom{flex-wrap:wrap}.control .bottom .btn{flex:1 1 30%}.board.arena{grid-template-rows:1fr auto;row-gap:2.4vh}.board.arena.hasbg{background:linear-gradient(#05080eb8,#05080ed1),var(--bgimg) center / cover no-repeat,var(--bg)}.board.arena.hasbg .team,.board.arena.hasbg .penbox{background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.board.arena .team{justify-content:flex-start;padding-top:3vh}.board.arena .team .toplogo{height:12vh;max-width:80%;object-fit:contain;margin-bottom:1.5vh}.board.arena .team .score{font-size:min(calc(17 * var(--u)),30vh);margin:auto 0}.board.arena .team .shots{margin-bottom:1vh}.board.arena .centerlogo.top{max-height:20vh}.board.arena .penbox{grid-row:2;background:var(--card);border-radius:calc(1.2 * var(--u));border-left:.7vw solid var(--c);padding:1.2vh calc(1.6 * var(--u));min-height:20vh;display:flex;flex-direction:column;gap:.6vh}.board.arena .penbox.pb-home{grid-column:1}.board.arena .penbox.pb-away{grid-column:3}.board.arena .penbox .ph{font-size:calc(1.9 * var(--u));font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-teamname, var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board.arena .penbox .prow{display:flex;justify-content:space-between;align-items:baseline;font-size:calc(3.4 * var(--u));font-weight:800;line-height:1.1}.board.arena .penbox .prow .pp{color:var(--c-penplayer, var(--text))}.board.arena .penbox .prow .pt{color:var(--c-pentime, var(--accent))}.board.arena .penbox .prow.wait{opacity:.45}.board.arena .penbox .pnone{font-size:calc(2.6 * var(--u));color:var(--dim)}.board.arena .penbox .pmore{font-size:calc(1.8 * var(--u));color:var(--muted);font-weight:700}@media (orientation: portrait){.board.arena{grid-template-rows:auto 1fr auto}.board.arena .penbox{grid-row:3;min-height:0}.board.arena .penbox.pb-away{grid-column:2}.board.arena .penbox .ph{font-size:3.4vw}.board.arena .penbox .prow{font-size:6vw}.board.arena .team .toplogo{height:9vh}}@media (min-width: 900px){.control .bottom{flex-wrap:nowrap}.control .bottom .btn,.control .bottom .keysbtn{flex:1 1 0}}html.clearbg,html.clearbg body,html.clearbg #root{background:transparent!important}html.clearbg{color-scheme:dark}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.board.clear{background:color-mix(in srgb,var(--bg) var(--bgop, 50%),transparent)!important;padding-bottom:4vh}.board.clear .mid,.board.arena .mid{background:var(--card);border-radius:calc(1.6 * var(--u));padding:2vh calc(1.5 * var(--u))}.board.clear .pens:empty{display:none}.board.arena{--u: min(1vw, 1.75vh)}.board.arena .team .name{font-size:calc(4.6 * var(--u))}.board.arena .team .toplogo{height:calc(6.5 * var(--u));margin-bottom:calc(.8 * var(--u))}.board.arena .team .score{font-size:calc(17 * var(--u))}.board.arena .team .shots{font-size:calc(2.8 * var(--u))}.board.arena .team .shots b{font-size:calc(4.6 * var(--u))}.board.arena .team{padding-top:calc(1.6 * var(--u));padding-bottom:calc(1 * var(--u))}.board.arena .clock{font-size:calc(13 * var(--u))}.board.arena .period{font-size:calc(3 * var(--u))}.board.arena .strength{font-size:calc(2.4 * var(--u));min-height:calc(4 * var(--u))}.board.arena .centerlogo.top{max-height:calc(11 * var(--u))}.board.arena .mid{gap:calc(1 * var(--u))}.board.arena .penbox{min-height:calc(8.6 * var(--u));padding:calc(.8 * var(--u)) calc(1.4 * var(--u));justify-content:center}.board.arena .penbox .ph{font-size:calc(1.8 * var(--u))}.board.arena .penbox .prow{font-size:calc(3.2 * var(--u))}.board.arena .penbox .pnone{font-size:calc(2.2 * var(--u))}.board.arena .penbox .pmore{font-size:calc(1.7 * var(--u))}@media (orientation: portrait){.board.arena{--u: min(2.1vw, 1.1vh)}}.savedteams{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}.savedteams .chips{display:flex;flex-wrap:wrap;gap:6px}.savedteam{display:inline-flex;align-items:center;border-left:4px solid var(--c);border-radius:10px;background:var(--card2)}.savedteam .btn{display:inline-flex;align-items:center;gap:6px;background:transparent;padding:6px 8px}.savedteam .btn img,.savedteam .btn i{width:24px;height:24px;object-fit:contain;display:inline-block}.savedteam .x{background:none;color:var(--dim);padding:4px 8px;font-size:12px}.teamsPage{max-width:960px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:14px}.teamsPage .head{display:flex;justify-content:space-between;align-items:baseline}.teamsPage h1{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.teamsPage a{color:var(--accent)}.teamsPage .hint{color:var(--muted);font-size:14px;line-height:1.5}.teamsPage .upload{align-self:flex-start;cursor:pointer}.teamsPage .trimall{align-self:flex-start}.teamsPage .warn{background:#3a2b00;color:#ffd166;border-radius:10px;padding:10px 12px;font-size:14px}.teamsPage .search{background:var(--card);color:var(--text);border:1px solid var(--dim);border-radius:12px;padding:10px 14px;font-size:16px}.teamsPage .empty{color:var(--dim)}.teamsPage .tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.teamsPage .tcard{background:var(--card);border-radius:16px;border-top:5px solid var(--c);padding:12px;display:flex;flex-direction:column;gap:8px}.teamsPage .tcard .logo{height:110px;display:flex;align-items:center;justify-content:center;background:var(--card2);border-radius:12px;cursor:pointer;color:var(--dim);font-size:13px}.teamsPage .tcard .logo img{max-height:96px;max-width:90%;object-fit:contain}.teamsPage .tcard .logo{background-color:#2a2f37;background-image:conic-gradient(#343a44 25%,transparent 0 50%,#343a44 0 75%,transparent 0);background-size:16px 16px}.teamsPage .tcard.ro .logo{cursor:default}.teamsPage .tcard div.tname{border:0}.teamsPage .tcard .by{color:var(--dim);font-size:12px;text-align:center;letter-spacing:.04em}.teamsPage .subhead{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}.teamsPage .tcard .tname{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);font:800 20px var(--font-display);text-transform:uppercase;text-align:center;padding:4px}.teamsPage .tcard .tname:hover,.teamsPage .tcard .tname:focus{border-color:var(--dim);outline:none}.teamsPage .tcard .trow{display:flex;gap:8px;align-items:center;justify-content:space-between}.teamsPage .tcard input[type=color]{width:48px;height:34px;border:none;background:none}.savedteams .hint a{color:var(--accent)}.board .tod{font-size:calc(3 * var(--u));font-weight:700;letter-spacing:.08em;color:var(--muted);line-height:1}.board.arena .tod{font-size:calc(3.4 * var(--u))}.banner .btod{font-size:16px;opacity:.75;letter-spacing:.06em}.board.compactb{--cp-bg: #131922;--cp-text: #fff;--cp-label: #9aa7b6;--cp-clock: #4ade80;--cp-clockbg: #0b0f14;--cp-pen: rgba(0,0,0,.28)}[data-theme=light] .board.compactb{--cp-bg: linear-gradient(180deg, #ffffff 0%, #eef2f6 100%);--cp-text: #0e141b;--cp-label: #5b6876;--cp-clock: #0f9d8a;--cp-clockbg: #f4f6f8;--cp-pen: rgba(0,0,0,.06)}[data-theme=led] .board.compactb{--cp-bg: #000;--cp-text: #ffb000;--cp-label: #ff2a2a;--cp-clock: #ff2a2a;--cp-clockbg: #000;--cp-pen: rgba(255,42,42,.12)}[data-theme=ice] .board.compactb{--cp-bg: linear-gradient(180deg, #eef5fb 0%, #d8e8f4 100%);--cp-text: #0b2340;--cp-label: #4a6a8a;--cp-clock: #0b5fb0;--cp-clockbg: #ffffff;--cp-pen: rgba(11,35,64,.07)}.board.compactb{display:flex;align-items:stretch;justify-content:stretch;padding:1.2vh calc(1 * var(--u));--u: min(1vw, 1.8vh)}.board.compactb.clear{padding:0;background:transparent!important}.board.compactb.clear .cpanel{background:none;isolation:isolate}.board.compactb.clear .cpanel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--u-bg, var(--cp-bg));opacity:var(--bgop, 50%)}.compactb .cpanel{position:relative;flex:1;display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr auto;column-gap:calc(1.5 * var(--u));background:var(--u-bg, var(--cp-bg));border:calc(.35 * var(--u)) solid var(--frame);border-radius:calc(1.6 * var(--u));padding:calc(1.6 * var(--u)) calc(2 * var(--u)) calc(1 * var(--u));color:var(--u-text, var(--cp-text));font-family:var(--font-display);overflow:hidden}.compactb .cteam{display:flex;flex-direction:column;align-items:center;min-width:0;border-radius:calc(1.2 * var(--u));padding:calc(.4 * var(--u))}.compactb .cteam.flash{animation:cflash .5s ease-in-out infinite alternate}@keyframes cflash{0%{background:transparent}to{background:color-mix(in srgb,var(--c) 45%,transparent)}}.compactb .clogo{height:calc(9 * var(--u));display:flex;align-items:center;justify-content:center}.compactb .clogo img{max-height:100%;max-width:calc(14 * var(--u));object-fit:contain}.compactb .cname{font-size:calc(4 * var(--u));color:var(--c-teamname, inherit);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.05;margin-top:calc(.6 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.compactb .cscore{font-size:calc(17 * var(--u));font-weight:800;line-height:1;color:var(--c-score, inherit);margin:calc(.4 * var(--u)) 0;text-shadow:0 0 calc(1.2 * var(--u)) rgba(0,0,0,.35)}.compactb .clabel{font-family:var(--font-ui);font-size:calc(1.8 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--cp-label);font-weight:700;min-height:1.2em}.compactb .cshots{font-size:calc(5 * var(--u));font-weight:800;line-height:1;color:var(--c-shots, inherit)}.compactb .cpens{margin-top:auto;width:100%;min-height:calc(7.6 * var(--u));display:flex;flex-direction:column;justify-content:flex-end;gap:calc(.4 * var(--u))}.compactb .cpen{display:flex;justify-content:space-between;align-items:baseline;background:var(--cp-pen);color:var(--c-penplayer, inherit);border-left:calc(.5 * var(--u)) solid var(--c);border-radius:calc(.6 * var(--u));padding:0 calc(1 * var(--u));font-size:calc(2.8 * var(--u));font-weight:800;line-height:1.3}.compactb .cpen b{color:var(--c-pentime, #ffd166)}.compactb .cpen.wait{opacity:.45}.compactb .cpen.more{justify-content:center;font-size:calc(2 * var(--u));color:var(--cp-label)}.compactb .cmid{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.compactb .cclock{font-size:calc(10.5 * var(--u));font-weight:800;line-height:1.05;color:var(--c-clock, var(--cp-clock));border:calc(.3 * var(--u)) solid var(--frame);background:var(--u-card, var(--cp-clockbg));border-radius:calc(1 * var(--u));padding:0 calc(2 * var(--u));white-space:nowrap}.compactb .cclock.final{color:#ff5d5d}.compactb .cmid .clabel{margin-top:calc(1 * var(--u))}.compactb .cperiod{font-size:calc(7.5 * var(--u));font-weight:800;line-height:1;color:var(--c-period, inherit)}.compactb .cstrength{font-size:calc(2.2 * var(--u));font-weight:800;letter-spacing:.12em;color:var(--pp, #ffd166);border:calc(.18 * var(--u)) solid var(--pp, #ffd166);border-radius:999px;padding:0 calc(1.4 * var(--u));margin-top:calc(.6 * var(--u))}.compactb .cstrength.empty{visibility:hidden}.compactb .ctimeout{font-size:calc(2.2 * var(--u));font-weight:800;letter-spacing:.1em;background:var(--c);border-radius:999px;padding:0 calc(1.4 * var(--u));margin-top:calc(.6 * var(--u))}.compactb .cbottom{position:relative;flex:1 1 0;min-height:0;width:100%;display:flex}.compactb .cllogo{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:calc(.6 * var(--u)) 0;transition:opacity .2s}.compactb .cllogo img{height:100%;max-height:calc(34 * var(--u));max-width:96%;object-fit:contain}.compactb .cover{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center;pointer-events:none}.compactb .cover .cstrength:not(.empty){background:var(--u-card, var(--cp-clockbg))}.compactb .cbottom:has(.evslot>*,.ctimeout) .cllogo{opacity:.12}.compactb .evslot{min-height:calc(6.2 * var(--u));margin-top:calc(.4 * var(--u))}.compactb .goalflash{font-size:calc(5.6 * var(--u))}.compactb .cdate{grid-column:1 / -1;text-align:center;font-family:var(--font-ui);font-size:calc(1.9 * var(--u));color:var(--cp-label);letter-spacing:.06em;margin-top:calc(.6 * var(--u))}.compactb .cdate b{color:var(--u-text, var(--cp-text));margin-left:.4em}.compactb .so{font-size:calc(3.4 * var(--u))}.board .team{border:.25vw solid var(--frame);border-top:.8vw solid var(--c)}.board.clear .mid,.board.arena .mid{border:.25vw solid var(--frame)}.board .pen{border:.15vw solid var(--frame);border-left:.5vw solid var(--c)}.board.arena .team{border-width:calc(.3 * var(--u));border-top-width:calc(.9 * var(--u))}.board.arena .mid{border-width:calc(.3 * var(--u))}.board.arena .penbox{border:calc(.3 * var(--u)) solid var(--frame);border-left:calc(.7 * var(--u)) solid var(--c)}.board.arena{grid-template-rows:minmax(0,1fr) auto;--u: min(1vw, 1.65vh)}.board.arena .team,.board.arena .mid{min-height:0;overflow:hidden}.board.arena .centerlogo.top{flex:0 1 auto;min-height:0;max-height:calc(9 * var(--u))}.board.arena .mid{gap:calc(.7 * var(--u))}@media (orientation: portrait){.board.arena{grid-template-rows:auto minmax(0,1fr) auto}}.control .tc .goalrow{display:grid;grid-template-columns:1fr;gap:6px}.control .tc .goalrow .goal{padding:12px 4px;font-size:18px;min-width:0}@media (min-width: 900px){.control .tc .goalrow{grid-template-columns:1fr 1fr;gap:8px}.control .tc .goalrow .goal{padding:min(26px,2.6vh) 4px;font-size:min(26px,3.2vh);white-space:nowrap}}.control .tc .goalrow .goal.horn{background:color-mix(in srgb,var(--c) 70%,#000);box-shadow:inset 0 0 0 2px var(--c)}.board .team,.board .mid{min-height:0;overflow:hidden}.board .mid{gap:calc(1.2 * var(--u))}.board .centerlogo{flex:0 1 auto;min-height:0;max-height:20vh}.board .pens{min-height:0}.board .fsbtn{position:absolute;z-index:5;bottom:1.5vh;right:1.5vw;font-size:max(14px,calc(1.6 * var(--u)));background:var(--card2);color:var(--muted);border-radius:10px;padding:.4vh .8vw;opacity:.5;transition:opacity .2s}.board .fsbtn:hover{opacity:1}.board.clear .fsbtn,:fullscreen .board .fsbtn{opacity:0}.board.clear .fsbtn:hover,:fullscreen .board .fsbtn:hover{opacity:1}.board .fshint{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-family:var(--font-ui);font-size:max(15px,calc(2.4 * var(--u)));font-weight:700;letter-spacing:.02em;color:#fff;background:#0a0e14d1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:calc(1.2 * var(--u)) calc(3 * var(--u));box-shadow:0 8px 30px #00000073;animation:fshint 4s ease forwards}@keyframes fshint{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}.board .logofill{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.board .logofill .centerlogo{height:100%;max-height:calc(26 * var(--u));max-width:90%;object-fit:contain}.control .tc .scorerbtn{width:100%;padding:6px;font-size:13px;background:transparent;border:1px dashed var(--c);color:var(--accent)}.sheet .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet .goallist{display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow:auto}.sheet .goallist .btn{display:flex;gap:8px;align-items:baseline;justify-content:flex-start;text-align:left}.sheet .goallist .btn small{color:var(--muted)}.contactlinks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.contactlinks .btn{text-decoration:none;text-align:center}.contactlinks .wa{background:#1f9d55;color:#fff}.contactlinks .line{background:#06c755;color:#fff}.home .contact{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.control .tc.flash{animation:ctlflash .5s ease-in-out infinite alternate}@keyframes ctlflash{0%{background:var(--card)}to{background:color-mix(in srgb,var(--c) 40%,var(--card))}}.board .goalflash.offside{animation:none;letter-spacing:.08em}.board .pencall{display:flex;flex-direction:column;align-items:center;max-width:100%;line-height:1.05;text-align:center;animation:pencall .25s ease-out}.board .pencall .pclabel{font-size:calc(2.6 * var(--u));font-weight:800;letter-spacing:.18em;color:var(--c-goal, var(--accent));white-space:nowrap}.board .pencall .pclabel span{color:var(--muted);letter-spacing:.08em}.board .pencall .pctext{font-size:calc(3.6 * var(--u));font-weight:800;letter-spacing:.04em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes pencall{0%{opacity:0;transform:translateY(calc(.6 * var(--u)))}to{opacity:1;transform:none}}.sheet .sharestatus{font-size:14px;color:var(--muted);background:var(--card2);border-radius:10px;padding:8px 12px}.sheet .sharelink{display:flex;flex-direction:column;gap:6px;background:var(--card2);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--muted)}.sheet .sharelink code{color:var(--text);font-size:14px;word-break:break-all}.sheet h4{margin-top:6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sheet .hint{font-size:13px;color:var(--muted);line-height:1.5}.board.dual{grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:calc(1.6 * var(--u));padding:3vh 2.5vw 4vh}.board.dual .dtop{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(2 * var(--u));min-height:0}.board.dual .dtop .title{font-size:calc(4.2 * var(--u));font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center}.board.dual .dtop .title img{max-height:calc(8 * var(--u));max-width:60vw;object-fit:contain}.board.dual .dtop .side img{max-height:calc(8 * var(--u));max-width:100%;object-fit:contain}.board.dual .dtop .side:last-child{text-align:right}.board.dual .dgame,.board.dual .dmid{grid-row:2;background:var(--card);border:calc(.25 * var(--u)) solid var(--frame);border-radius:calc(1.6 * var(--u));min-width:0;min-height:0;display:flex;flex-direction:column}.board.dual .dgame{padding:calc(1.4 * var(--u));gap:calc(1 * var(--u))}.board.dual .dlabel{display:flex;justify-content:center;align-items:center;gap:calc(1.2 * var(--u));font-size:calc(2.4 * var(--u));font-weight:800;letter-spacing:.25em;color:var(--muted)}.board.dual .dstr{font-size:.9em;letter-spacing:.12em;color:var(--accent);border:calc(.18 * var(--u)) solid var(--accent);border-radius:999px;padding:0 calc(1 * var(--u))}.board.dual .dteams{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:calc(1 * var(--u));min-height:0}.board.dual .dteam{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(.6 * var(--u));background:var(--card2);border-radius:calc(1.2 * var(--u));border-top:calc(.7 * var(--u)) solid var(--c);padding:calc(1 * var(--u)) calc(.8 * var(--u));min-width:0;min-height:0}.board.dual .dteam.flash{animation:flashbg2 .5s ease-in-out infinite alternate}@keyframes flashbg2{0%{background:var(--card2)}to{background:color-mix(in srgb,var(--c) 40%,var(--card2))}}.board.dual .dtlogo{height:calc(7 * var(--u));max-width:80%;object-fit:contain;flex-shrink:1;min-height:0}.board.dual .dname{font-size:calc(3 * var(--u));font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.05;max-width:100%;overflow-wrap:anywhere;color:var(--c-teamname, var(--text))}.board.dual .dscore{font-size:calc(15 * var(--u));font-weight:800;line-height:.95;color:var(--c-score, var(--text))}.board.dual .dpens{display:flex;flex-direction:column;gap:calc(.5 * var(--u));width:100%;margin-top:auto;min-height:calc(7 * var(--u))}.board.dual .dpen{display:flex;justify-content:space-between;align-items:baseline;gap:calc(.6 * var(--u));background:var(--card);border-left:calc(.5 * var(--u)) solid var(--c);border-radius:calc(.6 * var(--u));padding:calc(.3 * var(--u)) calc(.8 * var(--u));font-size:calc(2.6 * var(--u));font-weight:800}.board.dual .dpen>span{color:var(--c-penplayer, var(--text))}.board.dual .dpen b{color:var(--c-pentime, var(--stop))}.board.dual .dpen.more{justify-content:center;color:var(--muted);font-size:calc(2 * var(--u))}.board.dual .evslot{min-height:calc(5 * var(--u))}.board.dual .goalflash{font-size:calc(4.2 * var(--u))}.board.dual .dmid{align-items:center;justify-content:center;gap:calc(1.2 * var(--u));padding:calc(1.4 * var(--u))}.board.dual .dlogo{max-height:calc(10 * var(--u));max-width:90%;object-fit:contain;min-height:0;flex-shrink:1}.board.dual .dclock{font-size:calc(10 * var(--u));font-weight:800;line-height:1;white-space:nowrap;color:var(--accent)}.board.dual .dclock.final{color:var(--stop)}.board.dual .period{font-size:calc(2.6 * var(--u))}.board.dual .dshift{display:flex;flex-direction:column;align-items:center;gap:calc(.4 * var(--u));margin-top:calc(.6 * var(--u))}.board.dual .dshift span{font-size:calc(2.6 * var(--u));font-weight:600;letter-spacing:.2em;color:var(--muted);white-space:nowrap}.board.dual .dshift b{font-size:calc(12 * var(--u));font-weight:800;line-height:1;color:var(--stop);background:#000;border-radius:calc(1 * var(--u));padding:0 calc(2 * var(--u));min-width:2.2ch;text-align:center}.board .shiftbox{display:flex;flex-direction:column;align-items:center;gap:calc(.4 * var(--u))}.board .shiftbox span{font-size:calc(2.6 * var(--u));font-weight:600;letter-spacing:.2em;color:var(--muted);white-space:nowrap}.board .shiftbox b{font-size:calc(5.5 * var(--u));font-weight:800;line-height:1.05;color:#ff4d4d;background:#0000008c;border:calc(.3 * var(--u)) solid var(--frame);border-radius:calc(1 * var(--u));padding:0 calc(1.4 * var(--u));min-width:2.4ch;text-align:center}.board.minimal .shiftbox b{font-size:calc(7 * var(--u))}.control .rinktabs{display:flex;gap:6px}.control .rinkctl{font-size:13px;color:var(--accent);text-align:center}.control .shiftrow{display:flex;align-items:center;justify-content:center;gap:10px}.control .shiftrow .gl{font-size:12px;letter-spacing:.15em;color:var(--muted)}.control .shiftrow b{font-family:var(--font-display);font-size:28px;color:var(--stop);min-width:2.2ch;text-align:center}.home .rinkmode{display:flex;gap:10px}.home .rinkmode .btn{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.home .rinkmode .btn span{font-size:13px;font-weight:500;color:var(--muted)}.home .rinkmode .btn{position:relative;border:2px solid transparent;opacity:.7}.home .rinkmode .btn.on{opacity:1;border-color:var(--go);background:color-mix(in srgb,var(--go) 22%,var(--card2));box-shadow:0 0 0 4px color-mix(in srgb,var(--go) 25%,transparent)}.home .rinkmode .btn.on:after{content:"✓";position:absolute;top:10px;right:14px;font-size:18px;font-weight:800;color:var(--go)}.home .rinkmode .btn.on span{color:var(--text)}.opts .mmss input{width:70px}.board.shiftb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1.5 * var(--u))}.board.shiftb .slabel{font-size:calc(5 * var(--u));font-weight:800;letter-spacing:.3em;color:var(--muted)}.board.shiftb .sbig{font-size:calc(42 * var(--u));font-weight:800;line-height:.9;color:var(--stop)}.board.shiftb .sclock{font-size:calc(4 * var(--u));font-weight:700;letter-spacing:.08em;color:var(--muted)}.board.shiftb .soff{font-family:var(--font-ui);font-size:calc(1.8 * var(--u));color:var(--dim)}.qr .links{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.qr .links h4{margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.qr .lk{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;background:var(--card2);border-radius:10px;padding:8px 10px}.qr .lk span{font-size:13px;color:var(--muted)}.qr .lk code{grid-column:1;font-size:13px;color:var(--text);word-break:break-all}.qr .lk .btn{grid-column:2;grid-row:1 / span 2}.board .rinkpill{font-size:calc(3.6 * var(--u));font-weight:800;letter-spacing:.18em;line-height:1;color:#10141a;background:var(--rk);border-radius:999px;padding:calc(.7 * var(--u)) calc(2.6 * var(--u));white-space:nowrap}.board.dual .dgame{border-color:var(--rk);border-top-width:calc(.8 * var(--u))}.board.dual .dlabel .rinkpill{font-size:calc(3 * var(--u));padding:calc(.5 * var(--u)) calc(2 * var(--u))}.banner .brink{align-self:stretch;display:flex;align-items:center;padding:0 14px;font-weight:800;letter-spacing:.12em;color:#10141a;background:var(--rk)}.control .rinktabs .btn{flex:1;min-height:58px;font-size:22px;font-weight:800;letter-spacing:.06em;background:transparent;color:var(--rk);border:3px solid var(--rk);opacity:.75}.control .rinktabs .btn.on{background:var(--rk);color:#10141a;opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--rk) 30%,transparent)}.control .rinkbadge{align-self:center;font-size:18px;font-weight:800;letter-spacing:.16em;color:#10141a;background:var(--rk);border-radius:999px;padding:4px 18px}.control.small .tc{box-shadow:inset 0 0 0 3px var(--rk)}.control .rinkctlbig{align-self:stretch;text-align:center;font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:.14em;color:#10141a;background:var(--rk);border-radius:14px;padding:6px}.compactb .cshift{display:flex;flex-direction:column;align-items:center;gap:calc(.4 * var(--u));margin-top:calc(.4 * var(--u))}.compactb .cshift b{font-size:calc(6.5 * var(--u));font-weight:800;line-height:1.05;color:#ff4d4d;background:#040e24a6;border:calc(.3 * var(--u)) solid var(--frame);border-radius:calc(1 * var(--u));padding:0 calc(1.6 * var(--u));min-width:2.4ch;text-align:center}.unlicensed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:rotate(-14deg);font:900 min(15vw,26vh) / 1 "Barlow Condensed",system-ui,sans-serif;letter-spacing:.06em;color:#ff282873;-webkit-text-stroke:max(2px,.25vw) rgba(255,255,255,.4)}.linkbtn.unlic{color:#ff6b6b;font-weight:700}.board .ptr{font-size:.8em;margin:0 .35em;vertical-align:.05em}html[data-font=lcd] .board,html[data-font=lcd] .bannerpage{text-transform:uppercase}html[data-font=lcd] .board,html[data-font=lcd] .bannerpage,.fontchip .fsample{font-size-adjust:cap-height .7}html.preview .fsbtn,html.preview .sound,html.preview .fshint,html.preview .board .status{display:none!important}.optpreview{position:sticky;top:0;z-index:2;display:block;width:100%;aspect-ratio:16 / 9;max-height:34vh;border:2px solid var(--dim);border-radius:10px;margin-bottom:10px;background:repeating-conic-gradient(#2a3442,#2a3442 25%,#1c242f 0%,#1c242f 50%) 50% / 20px 20px}.themechip{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:8px}.themechip .tsample{display:flex;gap:4px;padding:6px;border-radius:8px;background:var(--bg);border:2px solid var(--frame)}.themechip .tsample b{font-family:var(--font-display);font-size:22px;line-height:1;padding:4px 8px;border-radius:6px;background:var(--card);color:var(--text)}.themechip .tsample b.acc{color:var(--accent)}.fontchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.fontchip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px}.fontchip .fsample{display:flex;flex-direction:column;align-items:center;font-size:26px;line-height:1.15;white-space:nowrap;max-width:100%;overflow:hidden}.fontchip .fsample em{font-style:inherit;font-size:.6em}.fontchip small{font-family:var(--font-ui);font-size:12px;color:var(--muted)}.control .status:has(.desktop-link-status){flex-wrap:wrap;row-gap:4px}.desktop-link-status{flex:1 0 100%;min-width:0;padding:3px 10px;background:var(--card);border:1px solid var(--dim);border-radius:8px;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.35}.desktop-link-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px}.desktop-link-label{font-weight:600;flex:0 0 auto;min-width:140px}.desktop-link-label.on{color:var(--go)}.desktop-link-label.off{color:var(--accent)}.desktop-link-row{display:flex;gap:6px;align-items:baseline;flex:1 1 260px;min-width:0}.desktop-link-row>span{flex-shrink:0;color:var(--muted)}.desktop-link-row a{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-link-row .linkbtn{flex-shrink:0;margin-left:auto}.desktop-link-manage{flex-shrink:0}.board.bigev .evslot>*,.board.bigev .penalty-signal{visibility:hidden}.board.bigev:has(>.bigevent)>:not(.bigevent){visibility:hidden}.bigevent{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1 * var(--u));padding:calc(3 * var(--u));text-align:center;color:#fff;font-family:var(--font-display);text-transform:uppercase;line-height:1;background:color-mix(in srgb,var(--c) 30%,#0b0f14 70%);border:calc(.8 * var(--u)) solid var(--c);border-radius:calc(1.6 * var(--u));animation:bigin .25s ease-out}@keyframes bigin{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.bigevent .bebig{font-size:calc(22 * var(--u));font-weight:800;letter-spacing:.04em;white-space:nowrap}.bigevent.goal .bebig{animation:bigflash 1s steps(2,jump-none) infinite}@keyframes bigflash{50%{opacity:.35}}.bigevent .beteam{font-size:calc(7 * var(--u));font-weight:800;letter-spacing:.04em;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bigevent .belogo{height:calc(18 * var(--u));max-width:40%;object-fit:contain}.bigevent.offside .bebig{font-size:calc(17 * var(--u));color:#ffd166}.bigevent.penalty{flex-direction:row;gap:calc(3 * var(--u))}.bigevent .befigure{height:100%;aspect-ratio:3 / 4;max-width:42%;display:grid;place-items:center;background:linear-gradient(145deg,#52677e,#34485e);border-radius:calc(1.2 * var(--u));overflow:hidden}.bigevent .befigure .referee-figure{width:100%;height:100%;display:block}.bigevent .becopy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:calc(1 * var(--u));text-align:left}.bigevent .bekind{font-size:calc(9 * var(--u));font-weight:800;color:#ffd166;letter-spacing:.06em;white-space:nowrap}.bigevent.penalty .beteam{font-size:calc(5 * var(--u));color:#d6deea}.bigevent .beplayer{font-size:calc(16 * var(--u));font-weight:800}.bigevent .beinf{font-size:calc(6.5 * var(--u));font-weight:800;overflow-wrap:anywhere}.bigevent .bedetail{font-size:calc(4.5 * var(--u));font-weight:700;color:#ffd166;overflow-wrap:anywhere}.board.overlay,.board.overlay .cpanel,.board.overlay .cpanel:before,.board.overlay .team,.board.overlay .mid,.board.overlay .pens,.board.overlay .cclock,.board.overlay .cshift b,.board.overlay .cpen,.board.overlay .clock,.board.overlay .shiftbox,.board.overlay .penbox,.board.overlay .pen,.board.overlay .cteam,.board.overlay .bigevent,.board.overlay .penalty-signal,.board.overlay .cstrength{background:transparent!important;box-shadow:none!important}.board.overlay .cpanel,.board.overlay .team,.board.overlay .mid,.board.overlay .pens,.board.overlay .cclock,.board.overlay .cshift b{border-color:transparent!important}.board.overlay{text-shadow:0 0 calc(.25 * var(--u)) #000,0 0 calc(.8 * var(--u)) #000,0 calc(.2 * var(--u)) calc(.4 * var(--u)) #000}.board.overlay .bigevent{border-color:var(--c)!important}.board.overlay .befigure,.board.overlay .penalty-signal-figure{background:transparent}.board.overlay .fsbtn,.board.overlay .fshint{display:none}.board.classicb{display:flex;align-items:stretch;justify-content:stretch;padding:1.4vh calc(1.2 * var(--u));--u: min(1vw, 1.78vh);--k-bg: var(--u-bg, #3b3d40);--k-box: var(--u-card, #050505);--k-text: var(--u-text, #f4f4f4);font-family:Arial,Helvetica Neue,sans-serif}.board.classicb.clear{padding:0;background:transparent!important}.classicb .kpanel{position:relative;flex:1;min-height:0;align-self:center;height:min(100%,60vw);display:grid;grid-template-columns:1fr 1.08fr 1fr;column-gap:calc(1.4 * var(--u));padding:calc(1.6 * var(--u)) calc(2 * var(--u)) calc(1.8 * var(--u));background:var(--k-bg);color:var(--k-text);border:calc(.55 * var(--u)) solid var(--k-text);border-radius:calc(4 * var(--u))}.board.classicb.clear .kpanel{background:none;isolation:isolate}.board.classicb.clear .kpanel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--k-bg);opacity:var(--bgop, 50%)}.classicb .kteam,.classicb .kmid{position:relative;min-width:0;min-height:0;display:grid;row-gap:calc(.9 * var(--u));grid-template-rows:minmax(0,4.5fr) minmax(0,12.5fr) minmax(0,3.6fr) minmax(0,9fr) minmax(0,3.6fr) minmax(0,6.2fr) minmax(0,6.2fr)}.classicb .lead1{margin-left:-.5em}.classicb .kdig{font-family:"LCD Digital",var(--font-display);font-weight:700;background:var(--k-box);border-radius:calc(.5 * var(--u));display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;line-height:1;white-space:nowrap}.classicb .kname{align-self:end;text-align:center;font-weight:800;font-size:calc(3.1 * var(--u));text-transform:uppercase;letter-spacing:.02em;color:var(--c-teamname, var(--k-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classicb .kscore{font-size:calc(8.5 * var(--u));color:var(--c-score, #3df03a);justify-content:flex-end;padding-right:8%}.classicb .kteam.kaway .kscore{justify-content:center;padding:0}.classicb .kscore.flash{animation:kflash .5s steps(1) infinite alternate}@keyframes kflash{0%{box-shadow:inset 0 0 0 calc(.5 * var(--u)) var(--c-goal, #ff2a2a)}to{box-shadow:none}}.classicb .kpenrow{display:flex;align-items:center;gap:calc(.8 * var(--u));font-weight:800;font-size:calc(2.2 * var(--u));padding:0 6%}.classicb .kteam.khome .kpenrow{justify-content:flex-start}.classicb .kteam.kaway .kpenrow{justify-content:flex-end}.classicb .klights{display:inline-flex;gap:calc(.6 * var(--u))}.classicb .klights i{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));border-radius:50%;background:#1d1f22;box-shadow:inset 0 0 0 calc(.2 * var(--u)) #000}.classicb .klights i.on{background:#ff2a2a;box-shadow:0 0 calc(1 * var(--u)) #ff2a2a}.classicb .kshotrow{display:grid;align-items:stretch;column-gap:calc(1 * var(--u));min-height:0}.classicb .kteam.khome .kshotrow{grid-template-columns:1fr 1.3fr 1.2fr}.classicb .kteam.kaway .kshotrow{grid-template-columns:1.2fr 1.3fr 1fr}.classicb .klogo{min-height:0;display:flex;align-items:center;justify-content:center;background:var(--k-box);border-radius:calc(.5 * var(--u));overflow:hidden}.classicb .klogo img{max-width:100%;max-height:100%;object-fit:contain}.classicb .kshots{font-size:calc(5.2 * var(--u));color:var(--c-shots, #3df03a)}.classicb .kshots.kso{background:var(--k-box);border-radius:calc(.5 * var(--u));display:flex;align-items:center;justify-content:center;font-size:calc(2.6 * var(--u))}.classicb .kshotslabel{align-self:center;text-align:center;font-weight:800;font-size:calc(2 * var(--u));line-height:1.1;text-transform:uppercase}.classicb .kpplabel,.classicb .kperiodlabel{align-self:center;text-align:center;font-weight:800;font-size:calc(2.2 * var(--u));white-space:nowrap}.classicb .kperiodlabel{text-transform:uppercase}.classicb .kpplabel b{color:#ffd23f}.classicb .kpen{display:grid;grid-template-columns:1fr 1.8fr;column-gap:calc(1 * var(--u));min-height:0}.classicb .kpp{font-size:calc(3.6 * var(--u));color:var(--c-penplayer, #ff3b30)}.classicb .kpt{font-size:calc(3.6 * var(--u));color:var(--c-pentime, #ffe14a)}.classicb .kclock{grid-row:1 / 3;font-size:calc(8 * var(--u));color:var(--c-clock, #ffe14a);border:calc(.45 * var(--u)) solid var(--k-text);border-radius:calc(1.8 * var(--u));box-shadow:0 0 0 calc(.35 * var(--u)) var(--k-box);margin:0 calc(.5 * var(--u))}.classicb .kclock.final{color:var(--stop, #ff4d4d)}.classicb .kclock.note{color:#ffb347}.classicb .klamps{display:flex;align-items:center;gap:calc(.7 * var(--u));font-weight:800;font-size:calc(2.2 * var(--u));min-width:0}.classicb .klamp{flex:0 0 auto;width:calc(4 * var(--u));height:calc(2 * var(--u));border-radius:50%;background:#1d1f22;box-shadow:inset 0 0 0 calc(.25 * var(--u)) #000}.classicb .klamp.on{background:var(--c-goal, #ff2a2a);box-shadow:0 0 calc(1.6 * var(--u)) var(--c-goal, #ff2a2a);animation:kblink .5s steps(1) infinite alternate}@keyframes kblink{to{opacity:.35}}.classicb .kspacer{flex:1}.classicb .kann{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.classicb .kann:empty{display:none}.classicb .kover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(.6 * var(--u));pointer-events:none}.classicb .kover .evslot{min-height:0;height:auto}.classicb .kover .goalflash{font-size:calc(4.4 * var(--u))}.classicb .kover .pencall{background:var(--k-box);padding:calc(.4 * var(--u)) calc(1.2 * var(--u));border-radius:calc(.6 * var(--u))}.classicb .kover .ctimeout{font-size:calc(2.2 * var(--u));font-weight:800;letter-spacing:.08em;background:var(--c, #b45309);color:#fff;border-radius:999px;padding:0 calc(1.4 * var(--u));white-space:nowrap}.classicb .ktlogo:has(.evslot>*,.ctimeout) img{opacity:.12}.classicb .kstrength.empty{visibility:hidden}.classicb .kstrength{flex:0 0 auto;line-height:1.35;font-size:calc(2.2 * var(--u));font-weight:800;letter-spacing:.08em;color:#fff;background:var(--pp, #2b6cb0);border-radius:999px;padding:0 calc(1 * var(--u));white-space:nowrap}.classicb .kperiod{justify-self:center;width:calc(11 * var(--u));max-width:40%;font-size:calc(5.6 * var(--u));color:var(--c-period, #3ee6f0)}.classicb .kbottom{grid-row:6 / 8;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(.6 * var(--u))}.classicb .kshift{display:flex;align-items:center;gap:calc(.8 * var(--u));font-weight:800;font-size:calc(1.9 * var(--u))}.classicb .kshift b{color:#ff3b30;font-size:calc(3.4 * var(--u));padding:calc(.3 * var(--u)) calc(1 * var(--u))}.classicb .ktod{font-size:calc(2.2 * var(--u));color:var(--c-clock, #ffe14a);padding:calc(.3 * var(--u)) calc(1 * var(--u))}.classicb .ktlogo{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.classicb .ktlogo img{max-width:60%;max-height:100%;object-fit:contain;border-radius:calc(.4 * var(--u))}.board.classicb.overlay .kpanel{border-color:transparent}.board.classicb.overlay .kdig,.board.classicb.overlay .klogo{background:transparent}.control [data-edit],.board-edit [data-edit]{cursor:text;border-radius:6px}.control [data-edit]:hover,.board-edit [data-edit]:hover{outline:2px dashed rgba(255,255,255,.45);outline-offset:2px}.inline-edit{position:fixed;z-index:1000;box-sizing:border-box;text-align:center;font-family:var(--font-display);font-weight:800;line-height:1;background:#0b0f14;color:#fff;border:3px solid var(--accent, #4ade80);border-radius:8px;padding:0 .15em;outline:none;user-select:text;-webkit-user-select:text;box-shadow:0 6px 30px #0009}.inline-edit.bad{border-color:#f87171}.control.single{display:block;max-width:none;margin:0;padding:0;height:100vh;overflow:hidden}.control.single>:not(.singleview):not(.sheet-bg):not(.inline-edit){display:none!important}.board-edit{display:contents}.singleview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.singleview .board{height:100vh}.singleview .fsbtn,.singleview .fshint,.singleview .board .status,.singleview .sound{display:none!important}.home .err{color:var(--stop);font-weight:600}.home .hint{color:var(--muted);font-size:14px;max-width:480px}.home .fullrink-user{font-size:14px;color:var(--muted)}.home .myboards{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px}.home .myboards h2{font-family:var(--font-display);font-size:22px;letter-spacing:.08em;text-transform:uppercase}.home .myboards ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.home .myboards li{display:flex;gap:8px;align-items:center;background:var(--card);padding:10px 12px;border-radius:12px}.home .myboards .name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control .status .sync-offline{color:#f4a300}.control .status .sync-syncing{color:var(--accent)}.control .status .sync-synced{color:var(--go)}.control .status .synccheck{color:var(--muted)}.reconnecting{position:fixed;left:8px;bottom:6px;z-index:50;font:600 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#f4a300;opacity:.75;pointer-events:none}.reconnecting:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#f4a300;vertical-align:1px;animation:reconnect-pulse 1.4s ease-in-out infinite}.reconnecting.dot{left:4px;bottom:4px}.reconnecting.dot:before{margin-right:0}@keyframes reconnect-pulse{50%{opacity:.25}}