@font-face{font-family:"DSEG7 Classic";src:url(fonts/DSEG7Classic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
.scoreboard{user-select:none}
*,::after,::before{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;min-height:100vh;padding:0;background:#f0f2f5;color:#1a1a1a}
body.page-home{padding:0;overflow:auto;display:block}
body.site-theme-dark{background:#1a1a2e;color:#eee}
.page,.preview-row{margin:0 auto}
.preview-row{max-width:1160px;padding:0 1rem 1rem;display:flex;align-items:flex-start;gap:1rem}
.preview-row .settings__sidebar{flex-shrink:0;width:382px;min-height:200px;padding:0;margin:1rem 0}
.preview-row #preview{flex:1;min-width:0;margin-bottom:0}
.preview{display:flex;align-items:center;justify-content:center;padding:1rem;margin-bottom:0}
.preview--top .preview__inner{width:100%;max-width:720px}
.preview__inner{width:100%;max-width:520px}
.settings{display:block;max-width:1080px;margin:0 auto;padding:0 1rem 1rem}
#sidebar-controls,.settings__main{background:#fff;border-radius:10px;border:1px solid #dee2e6}
.settings__main{display:block;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem}
.settings__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;align-items:start}
.settings__col{display:block;min-width:0}
.settings__sidebar{font-size:1rem}
body.site-theme-dark #sidebar-controls,body.site-theme-dark .settings__main{background:#16213e;border-color:#0f3460}
.sidebar-block{margin-bottom:1rem}
.sidebar-block__label{display:block;font-size:.85rem;font-weight:600;color:#333;margin-bottom:.5rem}
body.site-theme-dark .sidebar-block__label{color:#ccd6f6}
#sidebar-controls{padding:.75rem}
#sidebar-controls .form-group,#sidebar-controls .form__section{margin-bottom:.5rem}
#sidebar-controls .form__input{max-width:100%}
#sidebar-controls .form__section--title .form__input{max-width:44%}
#sidebar-controls .form__section--title .form__input--full{max-width:100%;width:100%}
#sidebar-controls .form__actions{margin-top:.5rem}
#sidebar-controls .btn--primary{width:100%}
.scoreboard-theme-light .scoreboard{background:#fff}
.scoreboard-theme-light .timer-wrap{border-color:#eee}
.scoreboard-theme-light .timer{color:#c62828}
.scoreboard-theme-light .name{color:#333}
.scoreboard-theme-light .score{color:#111}
.scoreboard-theme-light .period-wrap{background:#f0f0f0}
.scoreboard-theme-light .period-label{color:#555}
.scoreboard-theme-light .period{color:#c62828}
.scoreboard-theme-light .extras{border-color:#eee}
.scoreboard-theme-light .fouls-label,.scoreboard-theme-light .timeouts-label{color:#555}
.scoreboard-theme-light .fouls{color:#c62828}
.scoreboard-theme-light .to-dot{background:#fff;border-color:#999}
.scoreboard-theme-light .to-dot.used{background:#c62828;border-color:#c62828}
.scoreboard-theme-black .scoreboard{background:#fff}
.scoreboard-theme-black .timer-wrap{border-color:#000}
.scoreboard-theme-black .name,.scoreboard-theme-black .score,.scoreboard-theme-black .timer{color:#000}
.scoreboard-theme-black .period-wrap{background:#e8e8e8}
.scoreboard-theme-black .period,.scoreboard-theme-black .period-label{color:#000}
.scoreboard-theme-black .extras{border-color:#000}
.scoreboard-theme-black .fouls,.scoreboard-theme-black .fouls-label,.scoreboard-theme-black .timeouts-label{color:#000}
.scoreboard-theme-black .to-dot{background:#fff;border-color:#000}
.scoreboard-theme-black .to-dot.used{background:#000;border-color:#000}
.scoreboard-theme-dark .scoreboard{background:#000}
.scoreboard-theme-dark .timer-wrap{border-color:#333}
.scoreboard-theme-dark .timer{color:#ff5252}
.scoreboard-theme-dark .name{color:#e0e0e0}
.scoreboard-theme-dark .score{color:#fff}
.scoreboard-theme-dark .period-wrap{background:#333}
.scoreboard-theme-dark .period-label{color:#888}
.scoreboard-theme-dark .period{color:#ff5252}
.scoreboard-theme-dark .extras{border-color:#333}
.scoreboard-theme-dark .fouls-label,.scoreboard-theme-dark .timeouts-label{color:#888}
.scoreboard-theme-dark .fouls{color:#ff5252}
.scoreboard-theme-dark .to-dot{background:#333;border-color:#555}
.scoreboard-theme-dark .to-dot.used{background:#ff5252;border-color:#ff5252}
.scoreboard-theme-neon .scoreboard{background:#0a0a0a}
.scoreboard-theme-neon .timer-wrap{border-color:#0d2b0d}
.scoreboard-theme-neon .name,.scoreboard-theme-neon .timer{color:#39ff14}
.scoreboard-theme-neon .score{color:#00ff41}
.scoreboard-theme-neon .period-wrap{background:#0d2b0d}
.scoreboard-theme-neon .period-label{color:#0c3}
.scoreboard-theme-neon .period{color:#39ff14}
.scoreboard-theme-neon .extras{border-color:#0d2b0d}
.scoreboard-theme-neon .fouls-label,.scoreboard-theme-neon .timeouts-label{color:#0c3}
.scoreboard-theme-neon .fouls{color:#39ff14}
.scoreboard-theme-neon .to-dot{background:#0d2b0d;border-color:#0c3}
.scoreboard-theme-neon .to-dot.used{background:#39ff14;border-color:#39ff14}
.scoreboard-theme-violet .scoreboard{background:#1a0a2e}
.scoreboard-theme-violet .timer-wrap{border-color:#2e1065}
.scoreboard-theme-violet .timer{color:#c084fc}
.scoreboard-theme-violet .name{color:#f0abfc}
.scoreboard-theme-violet .score{color:#e9d5ff}
.scoreboard-theme-violet .period-wrap{background:#2e1065}
.scoreboard-theme-violet .period-label{color:#a78bfa}
.scoreboard-theme-violet .period{color:#c084fc}
.scoreboard-theme-violet .extras{border-color:#2e1065}
.scoreboard-theme-violet .fouls-label,.scoreboard-theme-violet .timeouts-label{color:#a78bfa}
.scoreboard-theme-violet .fouls{color:#c084fc}
.scoreboard-theme-violet .to-dot{background:#2e1065;border-color:#7c3aed}
.scoreboard-theme-violet .to-dot.used{background:#c084fc;border-color:#c084fc}
.scoreboard-theme-amber .scoreboard{background:#0c0c0c}
.scoreboard-theme-amber .timer-wrap{border-color:#2a2a2a}
.scoreboard-theme-amber .timer{color:#ffb300}
.scoreboard-theme-amber .name,.scoreboard-theme-amber .score{color:#fff}
.scoreboard-theme-amber .period-wrap{background:#2a2a2a}
.scoreboard-theme-amber .period-label{color:#b3b3b3}
.scoreboard-theme-amber .period{color:#ffb300}
.scoreboard-theme-amber .extras{border-color:#2a2a2a}
.scoreboard-theme-amber .fouls-label,.scoreboard-theme-amber .timeouts-label{color:#b3b3b3}
.scoreboard-theme-amber .fouls{color:#ffb300}
.scoreboard-theme-amber .to-dot{background:#2a2a2a;border-color:#666}
.scoreboard-theme-amber .to-dot.used{background:#ffb300;border-color:#ffb300}
.scoreboard-theme-white .scoreboard{background:#000}
.scoreboard-theme-white .timer-wrap{border-color:#fff}
.scoreboard-theme-white .name,.scoreboard-theme-white .score,.scoreboard-theme-white .timer{color:#fff}
.scoreboard-theme-white .period-wrap{background:#333}
.scoreboard-theme-white .period,.scoreboard-theme-white .period-label{color:#fff}
.scoreboard-theme-white .extras{border-color:#fff}
.scoreboard-theme-white .fouls,.scoreboard-theme-white .fouls-label,.scoreboard-theme-white .timeouts-label{color:#fff}
.scoreboard-theme-white .to-dot{background:#333;border-color:#fff}
.scoreboard-theme-white .to-dot.used{background:#fff;border-color:#fff}
.scoreboard-theme-sky .scoreboard{background:#f0f9ff}
.scoreboard-theme-sky .timer-wrap{border-color:#7dd3fc}
.scoreboard-theme-sky .timer{color:#0369a1}
.scoreboard-theme-sky .name{color:#0c4a6e}
.scoreboard-theme-sky .score{color:#075985}
.scoreboard-theme-sky .period-wrap{background:#bae6fd}
.scoreboard-theme-sky .period-label{color:#0c4a6e}
.scoreboard-theme-sky .period{color:#0369a1}
.scoreboard-theme-sky .extras{border-color:#7dd3fc}
.scoreboard-theme-sky .fouls-label,.scoreboard-theme-sky .timeouts-label{color:#0c4a6e}
.scoreboard-theme-sky .fouls{color:#0369a1}
.scoreboard-theme-sky .to-dot{background:#bae6fd;border-color:#0ea5e9}
.scoreboard-theme-sky .to-dot.used{background:#0369a1;border-color:#0369a1}
.scoreboard-theme-cyan .scoreboard{background:#0a0e14}
.scoreboard-theme-cyan .timer-wrap{border-color:#1e293b}
.scoreboard-theme-cyan .timer{color:#22d3ee}
.scoreboard-theme-cyan .name,.scoreboard-theme-cyan .score{color:#fff}
.scoreboard-theme-cyan .period-wrap{background:#1e293b}
.scoreboard-theme-cyan .period-label{color:#9ca3af}
.scoreboard-theme-cyan .period{color:#22d3ee}
.scoreboard-theme-cyan .extras{border-color:#1e293b}
.scoreboard-theme-cyan .fouls-label,.scoreboard-theme-cyan .timeouts-label{color:#9ca3af}
.scoreboard-theme-cyan .fouls{color:#22d3ee}
.scoreboard-theme-cyan .to-dot{background:#1e293b;border-color:#64748b}
.scoreboard-theme-cyan .to-dot.used{background:#22d3ee;border-color:#22d3ee}
.scoreboard--preview{min-height:auto;padding:clamp(.5rem,2vmin,1rem) clamp(.75rem,3vmin,1.25rem)}
.scoreboard--preview .timer{font-size:min(clamp(3rem,20vmin,5rem),24vw)}
.scoreboard--preview .name{font-size:clamp(.7rem,2.2vmin,1rem)}
.scoreboard--preview .score{font-size:min(clamp(3.5rem,28vmin,5rem),28vw)}
.scoreboard--preview .period{font-size:clamp(2.25rem,9vmin,3rem)}
.scoreboard--preview .period-wrap{min-width:clamp(2rem,8vmin,4rem);padding:.3rem .5rem}
.scoreboard--preview .fouls{font-size:clamp(2.25rem,9vmin,3rem)}
.scoreboard--preview .to-dot{width:clamp(12px,3vmin,24px);height:clamp(12px,3vmin,24px)}
.scoreboard--preview .extras-center{min-width:clamp(2rem,8vmin,4rem)}
.scoreboard--preview .fouls,.scoreboard--preview .score,.scoreboard--preview .timer{cursor:pointer}
.sb-root .scoreboard{background:var(--sb-bg)}
.sb-root .extras,.sb-root .period-wrap,.sb-root .timer-wrap{border-color:var(--sb-border)}
.sb-root .period-wrap{background:var(--sb-border)}
.sb-root .fouls,.sb-root .period,.sb-root .timer{color:var(--sb-timer)}
.sb-root .fouls-label,.sb-root .period-label,.sb-root .scoreboard-title,.sb-root .timeouts-label{color:var(--sb-text)}
.sb-root .team--home .name,.sb-root .team--home .score{color:var(--sb-home)}
.sb-root .team--visitor .name,.sb-root .team--visitor .score{color:var(--sb-visitor)}
.sb-root .to-dot,.sb-root .to-dot.used{border-color:var(--sb-timer)}
.sb-root .scoreboard.layout-timer-bottom .timer-wrap{border-top-color:var(--sb-border)}
.sb-root.number-font-slab .fouls,.sb-root.number-font-slab .period,.sb-root.number-font-slab .score,.sb-root.number-font-slab .timer{font-family:"Roboto Slab",serif}
.sb-root.number-font-condensed .fouls,.sb-root.number-font-condensed .period,.sb-root.number-font-condensed .score,.sb-root.number-font-condensed .timer{font-family:Oswald,sans-serif}
.sb-root.number-font-mono .fouls,.sb-root.number-font-mono .period,.sb-root.number-font-mono .score,.sb-root.number-font-mono .timer{font-family:"JetBrains Mono",monospace}
.sb-root.number-font-segment .fouls,.sb-root.number-font-segment .period,.sb-root.number-font-segment .score,.sb-root.number-font-segment .timer{font-family:"DSEG7 Classic",monospace}
.form__section{border:0;display:block;position:relative}
body.site-theme-dark .form__section{border-color:#0f3460}
.form__section:last-of-type{margin-bottom:0}
.form__section br{display:block;height:0;margin:0;padding:0;clear:both}
.form__section .form__legend+*{display:inline-block;vertical-align:middle;margin-right:.75rem;margin-bottom:.5rem}
.form__section--game-setup{padding:.5rem 0}
.game-setup{display:flex;flex-direction:column;gap:0}
.game-setup__group{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;transition:background .15s}
.game-setup__group:hover{background:rgba(0,0,0,.03)}
body.site-theme-dark .game-setup__group:hover{background:rgba(255,255,255,.04)}
.game-setup__group+.game-setup__group{border-top:1px solid rgba(0,0,0,.06)}
body.site-theme-dark .game-setup__group+.game-setup__group{border-top-color:rgba(255,255,255,.06)}
.game-setup__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    font-size: 1rem;
    border-radius: 6px;
    background: rgb(243 250 255);
    color: #185099;
    flex-shrink: 0;
    line-height: 1;
}
body.site-theme-dark .game-setup__icon{background:rgba(233,69,96,.15);color:#ff6b81}
.game-setup__label{font-size:.8rem;font-weight:600;color:#555;min-width:2.8rem;flex-shrink:0}
body.site-theme-dark .game-setup__label,body.site-theme-dark .game-setup__toggle::before{color:#a8b2d1}
.game-setup__group .form__input{margin:0;padding:.3rem 0 .45rem .3rem;font-size:.85rem;max-width:none;width:auto}
.game-setup__group .form__input--duration{width:3.1rem}
.game-setup__group .form__input--narrow{width:4rem}
.game-setup__group input[name=shotClockDurationSeconds],.game-setup__group input[name=shotClockResetSeconds]{width:3rem}
.game-setup__radios{display:inline-flex;gap:2px;margin-left:.25rem;padding:2px;background:rgba(0,0,0,.06);border-radius:7px}
.game-setup__radios .form__label--radio{display:inline-flex;align-items:center;margin:0!important;padding:.18rem .55rem;font-size:.75rem;font-weight:600;letter-spacing:.01em;border-radius:5px;cursor:pointer;color:#666;line-height:1.25;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,box-shadow .15s}
.game-setup__radios .form__label--radio input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
.game-setup__radios .form__label--radio:hover{color:#333}
.game-setup__radios .form__label--radio:has(input:checked){background:#fff;color:#1f2a44;box-shadow:0 1px 2px rgba(15,23,42,.15)}
body.site-theme-dark .game-setup__hint,body.site-theme-dark .game-setup__radios .form__label--radio{color:#8892b0}
body.site-theme-dark .game-setup__radios{background:rgba(255,255,255,.06)}
body.site-theme-dark .game-setup__radios .form__label--radio:hover{color:#ccd6f6}
body.site-theme-dark .game-setup__radios .form__label--radio:has(input:checked){background:#1f3a5c;color:#e6edf7;box-shadow:0 1px 2px rgba(0,0,0,.35)}
.game-setup__toggle{margin-left:auto;flex-shrink:0;width:26px;height:26px;padding:0;border:0;border-radius:4px;background:0 0;cursor:pointer;opacity:.5;transition:opacity .15s;position:relative}
.game-setup__toggle:hover{opacity:1}
.game-setup__toggle::before{content:"";display:block;width:18px;height:18px;margin:4px;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;color:#555}
.game-setup__group.is-off .game-setup__toggle{opacity:.35}
.game-setup__group.is-off .game-setup__toggle:hover{opacity:.7}
.game-setup__group.is-off .game-setup__toggle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}
.game-setup__hint{font-size:.72rem;color:#888;flex-shrink:0}
.game-setup__check{display:inline-flex;align-items:center;flex-shrink:0;margin:0;padding:.18rem .55rem;font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.25;white-space:nowrap;background:rgba(0,0,0,.06);color:#666;border-radius:5px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,box-shadow .15s}
.game-setup__check input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
.game-setup__check:hover{color:#333}
.game-setup__check:has(input:checked){background:#fff;color:#1f2a44;box-shadow:0 1px 2px rgba(15,23,42,.15)}
body.site-theme-dark .game-setup__check{background:rgba(255,255,255,.06);color:#8892b0}
body.site-theme-dark .game-setup__check:hover{color:#ccd6f6}
body.site-theme-dark .game-setup__check:has(input:checked){background:#1f3a5c;color:#e6edf7;box-shadow:0 1px 2px rgba(0,0,0,.35)}
.game-setup__group.is-off .form__input,.game-setup__group.is-off .game-setup__check,.game-setup__group.is-off .game-setup__hint,.game-setup__group.is-off .game-setup__icon,.game-setup__group.is-off .game-setup__label,.game-setup__group.is-off .game-setup__radios{opacity:.35;pointer-events:none}
.form__section--labels{padding:1.75rem .75rem .65rem}
.labels-row{display:flex;gap:.5rem;flex-wrap:wrap}
.label-item{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}
.label-item__name{font-size:.7rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.03em}
body.site-theme-dark .label-item__name{color:#64748b}
.label-item .form__input{max-width:100%;width:100%;margin:0;padding:.3rem .45rem;font-size:.85rem}
.form__legend{float:left;font-weight:600;font-size:.9rem;color:#333;margin:.3rem .75rem 0 0;padding:0;line-height:2.25}
.form__section::after{content:"";display:table;clear:both}
body.site-theme-dark .form__legend{color:#ccd6f6}
.form__label{display:block;font-size:.85rem;color:#495057;margin-bottom:.5rem}
body.site-theme-dark .form__label{color:#a8b2d1}
.form__section--teamnames>.form__input{display:inline-block;width:140px;vertical-align:top}
.form__section--teamnames>.form__input:first-of-type{margin-right:.5rem}
.form__label--cb,.form__label--radio{display:inline-block;vertical-align:middle;margin-right:1rem;margin-bottom:.35rem}
.form__label--cb input,.form__label--radio input{margin-right:.35rem;vertical-align:middle}
.aligncener{text-align:center}
.form__input{display:inline-block;max-width:44%;margin-top:.2rem;padding:.5rem .6rem;font-size:1rem;background:#fff;border:1px solid #ced4da;border-radius:6px;color:#212529}
body.site-theme-dark .form__input,body.site-theme-dark .form__select{background:#0f3460;border-color:#1a1a2e;color:#fff}
.form__input--full{display:block;width:90%;margin:auto;text-align:center;max-width:100%}
.form__input--duration,.form__input--narrow{max-width:6rem;display:inline-block;width:auto}
.form__input--duration{max-width:5.5rem}
.form__select{padding:.5rem .6rem;font-size:1rem;background:#fff;border:1px solid #ced4da;border-radius:6px;color:#212529;margin-left:.35rem}
.form__row{margin-bottom:.5rem}
.form__row--hidden{display:none}
.save-settings{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:1.25rem;padding:.95rem 1.1rem .9rem;background:#f4f7fb;border:1px solid #d8e0ea;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
body.site-theme-dark .save-settings{background:#0e2440;border-color:#1e3a5c;box-shadow:0 1px 2px rgba(0,0,0,.35)}
.save-settings__legend{display:flex;align-items:center;gap:.6rem;float:none;width:100%;margin:0;padding:0;line-height:1.2}
.save-settings__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#208749;color:#fff;flex:0 0 auto;box-shadow:0 1px 2px rgba(22,180,32,.35)}
.save-settings__icon svg{display:block}
.save-settings__title{font-weight:600;font-size:.95rem;color:#1f2a44}
body.site-theme-dark .save-settings__title{color:#ccd6f6}
.save-settings__link{display:block;width:100%;max-width:100%;margin:0 0 .7rem;padding:.55rem .7rem;font-family:ui-monospace,monospace;font-size:.78rem;background:#fff;border:1px solid #d2dae6;border-radius:6px;color:#3773c1;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.site-theme-dark .save-settings__link{background:#0a1c33;border-color:#1e3a5c;color:#5da4ff}
.save-settings__link:hover{text-decoration:underline}
.save-settings__actions{display:flex;gap:.5rem}
.save-settings__actions .btn{margin:0;background:#fff;color:#3773c1;border:1px solid #c2cce0;box-shadow:0 1px 1px rgba(15,23,42,.04);transition:background .15s,border-color .15s,color .15s}
.save-settings__actions .btn:hover{background:#f0f4fb;border-color:#3773c1}
body.site-theme-dark .save-settings__actions .btn{background:#0a1c33;color:#5da4ff;border-color:#1e3a5c;box-shadow:0 1px 1px rgba(0,0,0,.3)}
body.site-theme-dark .save-settings__actions .btn:hover{background:#0d2542;border-color:#5da4ff}
.form__section .color-wells,.form__section .font-cards,.form__section .layout-cards,.form__section .theme-swatches{display:flex;flex-wrap:wrap;margin-right:0;vertical-align:top}
.theme-swatches{gap:.5rem}
.theme-swatch{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:4px;position:relative}
.font-card input,.layout-card input,.theme-swatch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.theme-swatch__card{display:flex;flex-direction:column;width:68px;height:45px;border-radius:8px;border:2px solid rgba(128,128,128,.25);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}
.font-card:hover .font-card__preview,.layout-card:hover .layout-card__icon,.theme-swatch:hover .theme-swatch__card{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.font-card input:checked+.font-card__preview,.layout-card input:checked+.layout-card__icon,.theme-swatch input:checked+.theme-swatch__card{border-color:#5074bb;box-shadow:0 0 2px 4px rgb(80 158 218 / 56%)}
.theme-swatch__bar{display:block;height:7px;flex-shrink:0}
.theme-swatch__bg{display:flex;align-items:center;justify-content:center;gap:7px;flex:1}
.theme-swatch__score{display:block;width:14px;height:18px;border-radius:3px}
.theme-swatch__name{font-size:.7rem;font-weight:600;color:#777;line-height:1}

.theme-swatch--light .theme-swatch__bar{background:#c62828}
.theme-swatch--light .theme-swatch__bg{background:#fff}
.theme-swatch--light .theme-swatch__score:nth-child(1){background:#333}
.theme-swatch--light .theme-swatch__score:nth-child(2){background:#111}
.theme-swatch--black .theme-swatch__bar{background:#fff}
.theme-swatch--black .theme-swatch__bg{background:#000}
.theme-swatch--black .theme-swatch__score{background:#fff}
.theme-swatch--dark .theme-swatch__bar{background:#ff5252}
.theme-swatch--dark .theme-swatch__bg{background:#000}
.theme-swatch--dark .theme-swatch__score:nth-child(1){background:#e0e0e0}
.theme-swatch--dark .theme-swatch__score:nth-child(2){background:#fff}
.theme-swatch--neon .theme-swatch__bar{background:#39ff14}
.theme-swatch--neon .theme-swatch__bg{background:#0a0a0a}
.theme-swatch--neon .theme-swatch__score:nth-child(1){background:#39ff14}
.theme-swatch--neon .theme-swatch__score:nth-child(2){background:#00ff41}

.theme-swatch--amber .theme-swatch__bar{background:#ffb300}
.theme-swatch--amber .theme-swatch__bg{background:#0c0c0c}
.theme-swatch--amber .theme-swatch__score:nth-child(1){background:#fff}
.theme-swatch--amber .theme-swatch__score:nth-child(2){background:#e8e8e8}
.theme-swatch--white .theme-swatch__bar{background:#000}
.theme-swatch--white .theme-swatch__bg{background:#fff}
.theme-swatch--white .theme-swatch__score{background:#000}
.theme-swatch--sky .theme-swatch__bar{background:#0369a1}
.theme-swatch--sky .theme-swatch__bg{background:#f0f9ff}
.theme-swatch--sky .theme-swatch__score:nth-child(1){background:#0c4a6e}
.theme-swatch--sky .theme-swatch__score:nth-child(2){background:#075985}
.theme-swatch--cyan .theme-swatch__bar{background:#22d3ee}
.theme-swatch--cyan .theme-swatch__bg{background:#0a0e14}
.theme-swatch--cyan .theme-swatch__score:nth-child(1){background:#fff}
.theme-swatch--cyan .theme-swatch__score:nth-child(2){background:#e5e5e5}

.theme-swatch--grass .theme-swatch__bar{background:#ffffff}
.theme-swatch--grass .theme-swatch__bg{background:#2e7d32}
.theme-swatch--grass .theme-swatch__score:nth-child(1){background:#ffffff}
.theme-swatch--grass .theme-swatch__score:nth-child(2){background:#ffffff}

.theme-swatch--forest .theme-swatch__bar{background:#e76f51}
.theme-swatch--forest .theme-swatch__bg{background:#1d2f1f}
.theme-swatch--forest .theme-swatch__score:nth-child(1){background:#f4e3b1}
.theme-swatch--forest .theme-swatch__score:nth-child(2){background:#a3b18a}

.theme-swatch--coral .theme-swatch__bar{background:#e76f51}
.theme-swatch--coral .theme-swatch__bg{background:#fff5ee}
.theme-swatch--coral .theme-swatch__score:nth-child(1){background:#2a9d8f}
.theme-swatch--coral .theme-swatch__score:nth-child(2){background:#e9c46a}

.theme-swatch--roland .theme-swatch__bar{background:#1a2a55}
.theme-swatch--roland .theme-swatch__bg{background:#b04a25}
.theme-swatch--roland .theme-swatch__score{background:#fff5e8}

body.site-theme-dark .color-well__label,body.site-theme-dark .font-card__name,body.site-theme-dark .layout-card__name,body.site-theme-dark .theme-swatch__name{color:#8892b0}
.color-wells{gap:.75rem}
.color-well{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.color-well input[type=color]{width:36px;height:36px;border-radius:50%;border:2px solid rgba(128,128,128,.25);padding:2px;cursor:pointer;background:0 0;transition:border-color .2s,transform .15s;-webkit-appearance:none;appearance:none}
.color-well input[type=color]:hover{transform:scale(1.12);border-color:#e94560}
.color-well input[type=color]::-webkit-color-swatch-wrapper{padding:1px}
.color-well input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.color-well input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
.color-well__label{font-size:.7rem;font-weight:500;color:#777}
.font-cards{gap:.5rem}
.font-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:4px;position:relative}
.font-card__preview{display:flex;align-items:center;justify-content:center;width:56px;height:40px;background:#0a0a0a;color:#fff;font-size:26px;font-weight:700;border-radius:8px;border:2px solid rgba(128,128,128,.25);transition:border-color .2s,box-shadow .2s,transform .15s;line-height:1}
.font-card__name{font-size:.7rem;font-weight:600;color:#777;line-height:1}
.font-card__preview--roboto-mono{font-family:"Roboto Mono",monospace}
.font-card__preview--major-mono{font-family:"Major Mono Display",monospace;font-weight:700}
.font-card__preview--share-tech{font-family:"Share Tech Mono",monospace}
.font-card__preview--mono{font-family:"JetBrains Mono",monospace}
.font-card__preview--azeret-mono{font-family:"Azeret Mono",monospace}
.font-card__preview--segment{font-family:"DSEG7 Classic",monospace}
.layout-cards{gap:.5rem}
.layout-card,.layout-card__icon{display:flex;flex-direction:column}
.layout-card{align-items:center;cursor:pointer;gap:4px;position:relative}
.layout-card__icon{align-items:stretch;width:68px;height:44px;background:#111;border-radius:6px;border:2px solid rgba(128,128,128,.25);overflow:hidden;padding:4px;gap:2px;transition:border-color .2s,box-shadow .2s,transform .15s}
.layout-row--timer{height:8px;line-height:8px;font-size:8px;border-radius:1px;background:#ff5252;flex-shrink:0;font-weight:700;text-align:center}
.layout-row--scores,.layout-row--scores-half{display:flex;gap:3px;flex:1}
.layout-row--scores span,.layout-row--scores-half span{flex:1;background:#e0e0e0;border-radius:2px;text-align:center;font-size:12px;font-weight:700}
.layout-row--extras{height:5px;border-radius:1px;background:#e0e0e0;flex-shrink:0}
.layout-card__name{font-size:.7rem;font-weight:600;color:#777;line-height:1}
.form__actions{margin-top:1.25rem}
.btn{display:inline-block;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;border-radius:6px;border:0;cursor:pointer;text-decoration:none;text-align:center}
.btn--primary{background:#208749;color:#fff}
.btn--primary:hover{background:#57d63a}
.btn--secondary{background:#e9ecef;color:#495057;margin-left:.5rem}
.btn--secondary:hover{background:#dee2e6}
body.site-theme-dark .btn--secondary{background:#0f3460;color:#ccd6f6}
body.site-theme-dark .btn--secondary:hover{background:#1a3a5c}
.btn--small{padding:.35rem .6rem;font-size:.85rem;margin-left:.5rem}
.form-error{margin-top:1rem;padding:.75rem;background:rgba(233,69,96,.15);border:1px solid #e94560;border-radius:6px;color:#e94560;font-size:.9rem}
@media (max-width:900px){.preview-row{display:block;padding-bottom:.5rem}
.preview-row .settings__sidebar{float:none;width:auto;max-width:100%;margin-bottom:0;margin-left:0}
.preview-row #preview{clear:both;padding-top:.5rem}
.settings__main{max-width:none}
.settings__grid{grid-template-columns:1fr}
}
@media (max-width:480px){.game-setup__icon{display:none}
body{padding:.75rem}
.settings__main{padding:1rem 1.15rem}
.form__section--teamnames>.form__input{width:100%;display:block;margin-right:0}
.form__label--cb,.form__label--radio{display:block;margin-right:0}
.game-setup__group{flex-wrap:wrap}
.game-setup__label{min-width:4.5rem}
.labels-row{flex-direction:column}
}

.a_flow{margin:1.5rem 0 2rem;padding:0;border:0}
.a_flow__steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:stretch}
.a_flow__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.3rem 1rem 1rem;background:#fcfdff;border:1px solid #dee5f0;border-radius:14px;box-shadow:0 1px 2px rgba(15,30,60,.04);transition:transform .15s ease,box-shadow .15s ease}
body.site-theme-dark .a_flow__step{background:#0e1b32;border-color:#1e3056;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.a_flow__step:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,30,60,.1)}
.a_flow__step::before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:3px;border-radius:0 0 2px 2px}
.a_flow__step--1::before{background:#3773c1}
.a_flow__step--2::before{background:#ef6c00}
.a_flow__step--3::before{background:#16a34a}
.a_flow__num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;background:#3773c1;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.a_flow__step--2 .a_flow__num{background:#ef6c00}
.a_flow__step--3 .a_flow__num{background:#16a34a}
.a_flow__icon{font-size:1.8rem;line-height:1;margin:.2rem 0 .35rem}
.a_flow__title{font-size:1rem;font-weight:700;margin:0 0 .35rem;color:inherit}
.a_flow__url{display:inline-block;font-family:"Roboto Mono",ui-monospace,monospace;font-size:.72rem;color:#3773c1;background:rgba(55,115,193,.1);padding:.18rem .55rem;border-radius:6px;margin:0 0 .55rem;word-break:break-all;max-width:100%}
.a_flow__step--2 .a_flow__url{color:#c1551e;background:rgba(239,108,0,.1)}
.a_flow__step--3 .a_flow__url{color:#0d8842;background:rgba(22,163,74,.1)}
body.site-theme-dark .a_flow__url{color:#9bc4f0;background:rgba(55,115,193,.18)}
body.site-theme-dark .a_flow__step--2 .a_flow__url{color:#ffb066;background:rgba(239,108,0,.18)}
body.site-theme-dark .a_flow__step--3 .a_flow__url{color:#7ee2a1;background:rgba(22,163,74,.18)}
.a_flow__url em{font-style:normal;opacity:.55}
.a_flow__body{font-size:.85rem;line-height:1.5;margin:0 0 .65rem;color:inherit;opacity:.85}
.a_flow__body kbd{display:inline-block;padding:0 .35em;font-size:.85em;font-family:inherit;background:rgba(0,0,0,.07);border-radius:3px;border:1px solid rgba(0,0,0,.12);font-weight:600}
body.site-theme-dark .a_flow__body kbd{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.a_flow__tag{margin-top:auto;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#6c757d;padding-top:.55rem;border-top:1px dashed rgba(0,0,0,.08);width:100%}
body.site-theme-dark .a_flow__tag{color:#8892b0;border-top-color:rgba(255,255,255,.1)}
.a_flow__arrow{align-self:center;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#9aa9c2}
.a_flow__arrow::before{content:"";display:block;width:0;height:0;border-left:10px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
body.site-theme-dark .a_flow__arrow{color:#506a99}
@media (max-width:720px){
  .a_flow__steps{grid-template-columns:1fr;gap:.85rem}
  .a_flow__arrow{transform:rotate(90deg);margin:0;justify-self:center}
}