/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: --theme(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'
  ); /* 4 */
  font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */
  font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
  Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: --theme(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */
  font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */
  font-size: 1em; /* 4 */
}

/*
  Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

ol,
ul,
menu {
  list-style: none;
}

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  border-radius: 0; /* 2 */
  background-color: transparent; /* 3 */
  opacity: 1; /* 4 */
}

/*
  Restore default font weight.
*/

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

/*
  Restore indentation.
*/

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

/*
  Restore space after button.
*/

::file-selector-button {
  margin-inline-end: 4px;
}

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

::-webkit-date-and-time-value {
  min-height: 1lh; /* 1 */
  text-align: inherit; /* 2 */
}

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

::-webkit-datetime-edit {
  display: inline-flex;
}

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

/*
  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
*/

::-webkit-calendar-picker-indicator {
  line-height: 1;
}

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
  Correct the inability to style the border radius in iOS Safari.
*/

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
  appearance: button;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}


:root{font-family:Arial,Helvetica,sans-serif;color:#edf0e8;background:#10120f;font-synthesis:none;--lime:#d6ff45;--muted:#a1a69b;--line:#30352c;--panel:#191c17}*{box-sizing:border-box}body{margin:0}button,input,a{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime)}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:#242920;color:#eef1e9;padding:10px 15px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#343c2d;border-color:#5f6c4e}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}input{min-width:0;width:100%;background:#11150f;color:#edf0e8;border:1px solid #394031;padding:11px 12px;border-radius:6px;font-size:16px}input:disabled{opacity:.55}input:focus{border-color:var(--lime)}button.primary{background:var(--lime);border-color:var(--lime);color:#151b05}button.primary:hover:not(:disabled){background:#e2ff80}h1,h2,h3,p{margin:0}.topbar{height:78px;display:flex;align-items:center;gap:24px;padding:0 36px;border-bottom:1px solid var(--line);background:#151812}.wordmark{display:flex;align-items:center;font-size:32px;font-weight:900;letter-spacing:-2px}.brand-square{width:9px;height:9px;background:var(--lime);margin:12px 0 0 5px}.topbar-title{font-size:12px;letter-spacing:1.4px;color:#b6bcad;font-weight:700}.topbar-title span{margin:0 14px;color:#535c49}.connection{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#c4d49e}.connection.offline{color:#e4b884}.icon-button{padding:9px;background:transparent;border-color:transparent}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{border-right:1px solid var(--line);background:#151812;padding:28px 16px 20px;display:flex;flex-direction:column}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 12px 22px;font-size:14px;font-weight:600;color:#d7dccf}.sidebar-heading>span:first-child{display:flex;align-items:center;gap:9px}.count{font-size:12px;color:#a1a993;background:#282f21;border-radius:4px;padding:3px 6px}.field-list{display:flex;flex-direction:column;gap:5px}.field-button{background:transparent;border:1px solid transparent;padding:11px 12px;justify-content:flex-start;text-align:left;min-height:45px;width:100%;gap:12px;color:#b1b8a6}.field-button.selected{background:#d6ff4515;border-color:#d6ff454a;color:var(--lime)}.field-number{font-size:12px;font-variant-numeric:tabular-nums;color:#808a70}.selected .field-number{color:var(--lime)}.field-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex:1}.mini-score{font-size:12px;font-variant-numeric:tabular-nums}.sidebar-footer{padding:28px 12px 4px;display:flex;gap:12px;align-items:center;margin-top:auto;font-size:12px;color:#8e9880;line-height:1.7}.main-content{max-width:1330px;width:100%;margin:0 auto;padding:32px 44px 22px}.page-heading{position:relative;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#a7b099;font-weight:700;margin-bottom:9px}h1{font-size:30px;letter-spacing:-.7px;overflow-wrap:anywhere;padding-right:105px}.field-id{position:absolute;right:0;bottom:5px;font-size:12px;letter-spacing:1px;color:#9faa92;border:1px solid var(--line);padding:7px 10px;border-radius:5px}.preview-section{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px}.section-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1b2017;border-bottom:1px solid var(--line);font-size:14px}.section-top>span{display:flex;align-items:center;gap:9px;color:#c6cebb}.visibility{border:none;background:transparent;padding:3px 0;color:#939f86;font-weight:500}.visibility.on{color:#c6db9c}.preview-canvas{height:210px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#171c14;background-image:linear-gradient(45deg,#1e2419 25%,transparent 25%),linear-gradient(-45deg,#1e2419 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e2419 75%),linear-gradient(-45deg,transparent 75%,#1e2419 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-label,.transparency-label{position:absolute;bottom:16px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#88937b}.preview-label{right:20px}.transparency-label{left:20px}.preview-corner{width:17px;height:17px;position:absolute;border-color:#778469}.top-left{top:20px;left:20px;border-left:1px solid;border-top:1px solid}.bottom-right{bottom:20px;right:20px;border-right:1px solid;border-bottom:1px solid}.scorebug{display:flex;align-items:stretch;height:64px;color:#fff;font-weight:800;font-size:26px;line-height:1;filter:drop-shadow(0 6px 12px #0005);width:max-content;font-family:Arial,Helvetica,sans-serif}.bug-brand{background:var(--lime);color:#151b05;font-size:23px;font-style:italic;letter-spacing:-1.6px;display:flex;align-items:center;justify-content:center;width:78px;border-radius:5px 0 0 5px}.bug-team{display:flex;align-items:center;justify-content:center;background:#20271a;min-width:130px;padding:0 20px;border-bottom:4px solid var(--lime);letter-spacing:1px}.bug-team.away{border-color:#eef0e6;border-radius:0 5px 5px 0}.bug-score{display:flex;align-items:center;justify-content:center;gap:13px;background:#f1f3e9;color:#151b05;padding:0 21px;min-width:112px;font-size:30px;font-variant-numeric:tabular-nums}.bug-score>span{font-size:22px;color:#90987f}.hidden-label{display:flex;gap:12px;align-items:center;color:#99a58a;font-size:16px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.score-panel,.details-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:21px 23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.section-heading h2,.output-heading h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:9px}.section-heading>span{font-size:12px;color:#929c85}.score-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px}.team-score{min-width:0;text-align:center}.team-label{font-size:10px;letter-spacing:1.2px;color:#aab49b;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.team-color{height:6px;width:6px;background:var(--lime)}.team-color.away{background:#eee}.team-score h3{font-size:17px;font-weight:500;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.score-numeral{font-size:88px;line-height:1.25;font-weight:600;letter-spacing:-4px;font-variant-numeric:tabular-nums}.stepper{display:grid;grid-template-columns:48px 1fr;gap:8px;margin-top:9px}.stepper button{height:48px}.stepper .minus{background:#242920;padding:0}.stepper .plus{background:var(--lime);color:#152004;border-color:var(--lime);font-size:16px}.stepper .plus:hover:not(:disabled){background:#e5ff8d}.score-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:13px;display:flex;justify-content:space-between;min-height:37px}.text-button{padding:0;border:0;background:none;font-size:12px;color:#a5ae99;font-weight:500}.text-button:hover:not(:disabled){background:none}.save-state{color:#bcd48d;font-size:12px;display:flex;align-items:center;gap:5px}.details-panel label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#aab59c}.team-input-row{display:grid;grid-template-columns:minmax(0,1fr) 103px;gap:12px;margin-top:15px}.short-input{font-weight:700;letter-spacing:1px}.details-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.details-bottom>span{font-size:11px;color:#98a28b}.save-button{padding:9px 11px;font-size:12px}.output-panel{border:1px solid var(--line);border-radius:10px;padding:21px 23px;background:#191d16}.output-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.output-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:8px;background:#2a3320;color:var(--lime);flex:none}.output-heading p{font-size:13px;color:#a5af97;margin-top:7px;line-height:1.5}.open-overlay{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#d2ddc4}.copy-row{display:flex;gap:10px}.copy-row input{font-size:13px;color:#c4cdb8;font-family:Consolas,monospace}.copy-row button{white-space:nowrap}.output-notes{display:flex;gap:22px;margin-top:15px;flex-wrap:wrap;font-size:11px;color:#9aa58d}.output-notes b{font-weight:500;color:#d0d9c5;margin-right:4px}.output-panel details{font-size:13px;color:#aab79a;margin-top:18px;line-height:1.65}.output-panel summary{cursor:pointer}.output-panel details p{margin-top:12px;max-width:850px}.page-footer{display:flex;justify-content:space-between;margin-top:26px;font-size:10px;letter-spacing:1px;color:#858f79}.login-bar{padding:17px 18px;margin-bottom:24px;background:#242c1c;border:1px solid #4c5d34;border-radius:8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.login-bar>div{flex:1;min-width:190px}.login-bar strong{display:block;font-size:14px;font-weight:600}.login-bar>div>span{display:block;font-size:12px;color:#b0bd9c;margin-top:5px}.login-bar>input{max-width:220px;font-size:14px}.login-error{color:#ffb8a2;width:100%;font-size:14px}.notice{padding:13px 15px;border-radius:6px;margin-bottom:17px;font-size:14px;line-height:1.6}.notice.error{background:#412820;color:#ffd0ba;border:1px solid #774630}.score-panel .notice{margin-top:15px;margin-bottom:0}.reset-confirm{padding:15px;margin-top:15px;border:1px solid #7a6035;background:#312818;border-radius:6px;font-size:14px}.reset-confirm p{margin-bottom:13px;line-height:1.5}.reset-confirm button{margin-right:6px;font-size:12px}.danger{background:#67412b;border-color:#a2744c}.loading-state{padding:80px 30px;text-align:center;color:#a1ad93}.overlay-document,.overlay-document body{background:transparent!important;overflow:hidden}.overlay-surface{position:fixed;inset:0;background:transparent;padding:48px;pointer-events:none}.overlay-document .scorebug{height:72px;font-size:30px}.overlay-document .bug-brand{width:90px;font-size:27px}.overlay-document .bug-team{min-width:146px}.overlay-document .bug-score{font-size:34px;min-width:130px}
@media(min-width:1500px){.main-content{padding-top:42px}.preview-canvas{height:250px}.score-panel,.details-panel{padding:25px 28px}.score-numeral{font-size:96px}.score-controls{gap:40px}.team-input-row{margin-top:18px}.details-bottom{margin-top:25px}}
@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(0,1fr)}.main-content{padding:25px}.sidebar{padding-left:10px;padding-right:10px}.score-panel,.details-panel{padding:18px 15px}.score-controls{gap:18px}.stepper{grid-template-columns:40px 1fr}.section-heading>span{display:none}.details-bottom{flex-wrap:wrap}.details-bottom>span{font-size:12px}.score-numeral{font-size:76px}}
@media(max-width:900px){.editor-grid{grid-template-columns:1fr}.score-panel,.details-panel{padding:22px}.score-controls{gap:40px}.details-bottom{flex-wrap:nowrap}.page-footer{gap:18px;line-height:1.6}.topbar-title{display:none}.preview-canvas .scorebug{transform:scale(.85)}.output-heading{flex-wrap:wrap}.open-overlay{margin-left:53px}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}.copy-row button{width:100%}.login-bar>input{max-width:none;flex:1}}
@media(max-width:620px){.topbar{height:64px;padding:0 18px;gap:12px}.wordmark{font-size:28px}.connection{font-size:12px}.workspace{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:13px 0 12px}.sidebar-heading{padding:0 18px 10px;font-size:12px}.sidebar-heading .count{display:none}.field-list{flex-direction:row;overflow-x:auto;padding:0 16px;gap:7px}.field-button{width:auto;min-width:145px;max-width:210px;padding:9px 11px;min-height:42px;background:#1c2118}.field-button svg{display:none}.sidebar-footer{display:none}.main-content{padding:24px 16px}.page-heading{margin-bottom:20px}h1{font-size:25px}.eyebrow{font-size:10px}.preview-canvas{height:165px;overflow:hidden}.preview-canvas .scorebug{transform:scale(.64)}.preview-label,.transparency-label{font-size:9px}.section-top{padding:12px 14px}.score-numeral{font-size:78px}.score-controls{gap:20px}.editor-grid{gap:18px;margin-bottom:18px}.preview-section{margin-bottom:18px}.score-panel,.details-panel,.output-panel{padding:19px 16px}.team-input-row{grid-template-columns:minmax(0,1fr) 94px;gap:10px}.details-panel label{font-size:14px}.team-label{font-size:11px}.stepper button{height:52px}.details-bottom>span{font-size:12px}.section-heading h2,.output-heading h2{font-size:16px}.output-heading p{font-size:14px}.output-notes{font-size:12px;gap:10px}.page-footer{font-size:10px;flex-direction:column;gap:5px}.login-bar{gap:11px}.login-bar>div>span{font-size:13px}.login-bar>input{flex-basis:65%}.score-bottom .text-button{font-size:13px}.save-button{font-size:14px}.output-panel details{font-size:14px}.open-overlay{font-size:14px}.hidden-label{font-size:14px}}
html:has(.overlay-surface),body:has(.overlay-surface){background:transparent!important;overflow:hidden}
.details-panel label{font-size:14px}.text-button,.save-button,.open-overlay{font-size:14px}.details-bottom>span,.output-notes,.page-footer,.preview-label,.transparency-label,.team-label,.eyebrow{font-size:12px}.preview-corner.bottom-right{bottom:42px}.section-heading>span{font-size:12px}
@media(max-width:360px){.preview-canvas .scorebug{transform:scale(.52)}.section-top{font-size:12px}.visibility{font-size:12px}.score-controls{gap:10px}.team-input-row{grid-template-columns:minmax(0,1fr) 82px}.details-bottom{flex-wrap:wrap}.score-panel,.details-panel,.output-panel{padding:16px 12px}}
@font-face{font-family:Gilroy;src:url('/fonts/Gilroy-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:block}
.scorebug-fit{position:relative;width:100%;max-width:692px;flex-shrink:0}.preview-canvas .scorebug-fit{width:calc(100% - 40px)}
.scorebug,.overlay-document .scorebug{display:block;position:absolute;left:0;top:0;width:692px;height:52px;overflow:hidden;filter:none;font-family:Gilroy,Arial,sans-serif;font-weight:700;color:#000;font-size:32px;line-height:1;transform-origin:top left}
.preview-canvas .scorebug{transform-origin:top left}.scorebug-background{position:absolute;left:-95px;top:-51px;width:1920px;height:1080px;max-width:none;pointer-events:none}
.template-text{position:absolute;top:0;height:52px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding-top:2px;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}
.template-home{left:176px;width:118px}.template-home-score{left:294px;width:52px}.template-away-score{left:346px;width:52px}.template-away{left:398px;width:118px}.template-clock{left:574px;width:118px;color:white}
.overlay-surface{padding:0;width:1920px;height:1080px;right:auto;bottom:auto}.overlay-surface .scorebug-fit{position:absolute;left:95px;top:51px;width:692px}
.timer-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:21px 23px;margin-bottom:24px}.timer-workspace{display:flex;align-items:center;gap:34px;justify-content:space-between;flex-wrap:wrap}.timer-main{display:flex;align-items:center;gap:22px}.timer-number{font-family:Gilroy,Arial,sans-serif;font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:1px;font-weight:700;min-width:152px}.timer-actions{display:flex;gap:8px}.timer-set>span{font-size:14px;color:#aab59c}.timer-inputs{display:flex;align-items:flex-start;gap:8px;margin-top:9px}.timer-inputs input{width:70px;text-align:center}.timer-inputs label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.timer-inputs>b{padding-top:9px}.timer-inputs button{min-height:44px}.timer-hint{font-size:13px;color:#a5af97;line-height:1.6;margin-top:15px}.pause-button{background:#eee9cd;color:#262519;border-color:#eee9cd}.team-color.home{background:#a6a6a6}.team-color.away{background:#a6a6a6}
@media(max-width:900px){.timer-workspace{gap:22px}.timer-set{width:100%}.timer-inputs button{flex:1}.timer-main{width:100%;justify-content:space-between}.timer-number{font-size:44px}}
@media(max-width:620px){.timer-panel{padding:19px 16px;margin-bottom:18px}.timer-main{flex-wrap:wrap;gap:15px}.timer-number{font-size:42px;min-width:130px}.timer-actions{gap:3px}.timer-actions button{padding:10px}.timer-inputs input{width:58px}.timer-inputs button{font-size:12px}.timer-hint{font-size:14px}.preview-label{display:none}}
.template-color{position:absolute;top:0;width:58px;height:52px;background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.2));pointer-events:none}.template-home-color{left:118px}.template-away-color{left:516px}
.team-color-picker{grid-column:1/-1}.color-picker-control{display:flex;align-items:center;gap:12px}.color-picker-control input[type=color]{width:58px;height:36px;flex:none;padding:3px;cursor:pointer;background:#11150f;border-radius:6px}.color-picker-control span{font-family:Consolas,monospace;font-size:14px;color:#cbd4bf}.color-picker-control input[type=color]:disabled{cursor:default}