.cc-court-app{--cc-ink:#192a3a;--cc-muted:#697786;--cc-line:#e1e7ec;--cc-accent:#173f5f;color:var(--cc-ink);font-family:inherit;max-width:1440px;margin:0 auto}
.cc-court-app *{box-sizing:border-box}
.cc-court-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.cc-court-header h2{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:7px 0 8px;color:var(--cc-ink)}
.cc-court-header p{margin:0;color:var(--cc-muted)}
.cc-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#3d7a91}
.cc-live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce7e7;background:#f4faf8;border-radius:30px;padding:9px 13px;font-size:12px;white-space:nowrap}
.cc-live-pill i{width:7px;height:7px;border-radius:50%;background:#21a36c;display:inline-block}
.cc-court-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}
.cc-preview-panel,.cc-controls-panel{border:1px solid var(--cc-line);border-radius:16px;background:#fff;overflow:hidden}
.cc-preview-panel{position:sticky;top:24px;padding:20px;background:#f9fbfc}
.cc-preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}
.cc-preview-top strong{font-size:15px}
.cc-preview-dimensions{font-size:12px;background:#fff;border:1px solid var(--cc-line);padding:7px 10px;border-radius:7px;color:#536272}
.cc-svg-wrap{background:#111214;border-radius:12px;overflow:hidden;width:100%;min-height:240px;aspect-ratio:5/3}
.cc-court-svg{display:block;width:100%;height:auto;min-height:240px;aspect-ratio:5/3}
.cc-preview-legend{display:flex;align-items:center;gap:18px;margin-top:16px;font-size:12px;color:#526170}
.cc-preview-legend span{display:inline-flex;align-items:center;gap:7px}
.cc-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:#287da5;border:1px solid #cbd4dc}
.cc-preview-note{margin-top:16px;color:#758291;font-size:11px;line-height:1.55}
.cc-controls-panel{padding:24px}
.cc-quote-form{margin:0}
.cc-step-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
.cc-step-heading>span{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border-radius:9px;background:#eaf2f5;color:#24576d;font-weight:800;font-size:12px}
.cc-step-heading h3{font-size:18px;line-height:1.2;margin:2px 0 5px;color:var(--cc-ink)}
.cc-step-heading p{font-size:12px;margin:0;color:var(--cc-muted)}
.cc-field-label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px;color:#344455}
.cc-quote-form input[type=text],.cc-quote-form input[type=email],.cc-quote-form input[type=tel],.cc-quote-form input[type=number],.cc-quote-form input[type=file],.cc-quote-form select,.cc-quote-form textarea{display:block;width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8e0e6;border-radius:8px;background:#fff;color:#233342;font:inherit;font-size:13px;box-shadow:none}
.cc-quote-form input[type=file]{padding:8px;font-size:12px}
.cc-quote-form textarea{resize:vertical;min-height:88px}
.cc-quote-form input:focus,.cc-quote-form select:focus,.cc-quote-form textarea:focus{outline:2px solid #a8cbd8;outline-offset:1px;border-color:#54889b}
.cc-dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.cc-dimension-fields[hidden],.cc-logo-preview[hidden]{display:none}
.cc-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:5px 0 12px}
.cc-swatch{width:35px;height:35px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #cbd5dd;cursor:pointer;padding:0}
.cc-swatch.is-selected{box-shadow:0 0 0 2px #1d3547}
.cc-swatch:focus-visible{outline:2px solid #1d3547;outline-offset:4px}
.cc-divider{height:1px;background:var(--cc-line);margin:24px 0}
.cc-check,.cc-privacy{display:flex;align-items:center;gap:9px;font-size:13px;color:#3d4c5a;margin:12px 0}
.cc-check input,.cc-privacy input{accent-color:#1f657b;width:16px;height:16px}
.cc-help{display:block;color:#71808e;font-size:11px;line-height:1.5;margin-top:7px}
.cc-logo-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--cc-line);border-radius:8px}
.cc-logo-preview img{max-width:90px;max-height:60px;object-fit:contain}
.cc-logo-preview button{border:0;background:transparent;color:#9a3939;font-size:12px;cursor:pointer}
.cc-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 18px;margin-top:18px;border:0;border-radius:9px;background:#173f5f;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}
.cc-submit:hover{background:#245d7d}
.cc-submit:disabled{opacity:.65;cursor:wait}
.cc-submit span:last-child{font-size:20px}
.cc-form-status{font-size:13px;line-height:1.5;margin-top:12px}
.cc-form-status.is-success{padding:12px;border-radius:8px;background:#edf9f1;color:#17683b}
.cc-form-status.is-error{padding:12px;border-radius:8px;background:#fff0f0;color:#a12828}
.cc-submit-note{text-align:center;color:#788591;font-size:11px;line-height:1.5;margin:12px 0 0}
.cc-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.cc-court-layout{grid-template-columns:1fr}.cc-preview-panel{position:relative;top:auto}.cc-svg-wrap{max-width:720px;margin:0 auto}.cc-court-svg{min-height:180px}}
@media(max-width:520px){.cc-court-header{align-items:flex-start;flex-direction:column}.cc-controls-panel,.cc-preview-panel{padding:16px}.cc-court-layout{gap:14px}.cc-preview-top{align-items:flex-start;flex-direction:column}.cc-court-svg{min-height:150px}.cc-dimension-fields{gap:8px}}
/* Court Builder seven-step customiser */
.cc-speedy-style{--cc-ink:#f3f1e9;--cc-muted:#a7a39a;--cc-line:#363638;--cc-accent:#f2c94c;color:var(--cc-ink);font-family:Arial,Helvetica,sans-serif;background:#101011;padding:clamp(14px,2vw,28px);max-width:1600px}
.cc-speedy-style .cc-court-header{margin-bottom:22px}.cc-speedy-style .cc-court-header h2{color:#f8f5ec;letter-spacing:.06em;font-size:clamp(27px,3vw,42px);font-weight:800}.cc-speedy-style .cc-court-header p{color:#b7b4ad;max-width:760px;font-size:13px;line-height:1.65}.cc-speedy-style .cc-eyebrow{color:#e2bf4c;font-size:10px;letter-spacing:2.4px}.cc-speedy-style .cc-live-pill{background:#1a1a1b;border-color:#383838;color:#e5e1d6;border-radius:3px;font-size:10px;letter-spacing:1px}.cc-speedy-style .cc-live-pill i{background:#c8a93e}
.cc-speedy-style .cc-court-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px}.cc-speedy-style .cc-preview-panel,.cc-speedy-style .cc-controls-panel{background:#151516;border:1px solid #303033;border-radius:3px;color:#eee9df}.cc-speedy-style .cc-preview-panel{padding:17px;top:15px}.cc-speedy-style .cc-preview-top{margin-bottom:9px}.cc-speedy-style .cc-preview-top strong{font-size:10px;letter-spacing:1.5px;color:#f2c94c}.cc-speedy-style .cc-preview-dimensions{background:#1c1c1e;border:1px solid #39393b;border-radius:2px;color:#ddd7c9;font-size:11px}.cc-speedy-style .cc-preview-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:9px;letter-spacing:1.2px;color:#aaa69b}.cc-speedy-style .cc-preview-toolbar button{margin-left:auto;background:transparent;border:0;color:#e7c44f;font-size:9px;letter-spacing:1px;cursor:pointer}.cc-speedy-style .cc-svg-wrap{border-radius:2px;background:#111214}.cc-speedy-style .cc-court-svg{min-height:210px}.cc-speedy-style .cc-preview-legend{color:#aaa69b}.cc-speedy-style .cc-preview-note{color:#85827b}.cc-speedy-style .cc-controls-panel{padding:0;overflow:hidden}.cc-speedy-style .cc-step-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #39393b;background:#111112}.cc-speedy-style .cc-step-tabs button{flex:1 1 auto;min-width:74px;padding:13px 9px;background:transparent;border:0;border-right:1px solid #29292b;color:#aaa69d;font-size:9px;letter-spacing:.7px;cursor:pointer}.cc-speedy-style .cc-step-tabs button b{display:block;color:#6f6d67;font-size:9px;margin-bottom:4px;font-weight:600}.cc-speedy-style .cc-step-tabs button.is-active{color:#f2c94c;box-shadow:inset 0 -2px #e4bd43}.cc-speedy-style .cc-step-tabs button.is-active b,.cc-speedy-style .cc-step-tabs button.is-done b{color:#e4bd43}.cc-speedy-style .cc-quote-form{padding:24px}.cc-speedy-style .cc-step-panel{display:none}.cc-speedy-style .cc-step-panel.is-active{display:block}.cc-speedy-style .cc-step-panel h3{color:#f4f0e7;font-size:23px;letter-spacing:1.5px;margin:0 0 20px;font-weight:800}.cc-speedy-style .cc-field-label{color:#c9c3b7;font-size:9px;letter-spacing:1.2px;margin:18px 0 8px}.cc-speedy-style .cc-quote-form input[type=text],.cc-speedy-style .cc-quote-form input[type=email],.cc-speedy-style .cc-quote-form input[type=tel],.cc-speedy-style .cc-quote-form input[type=number],.cc-speedy-style .cc-quote-form input[type=file],.cc-speedy-style .cc-quote-form select,.cc-speedy-style .cc-quote-form textarea{background:#1e1e20;color:#eee9df;border-color:#3a3938;border-radius:2px;font-size:12px;min-height:39px}.cc-speedy-style .cc-quote-form input:focus,.cc-speedy-style .cc-quote-form select:focus,.cc-speedy-style .cc-quote-form textarea:focus{outline:1px solid #c6a83d;border-color:#c6a83d}.cc-speedy-style .cc-choice-row{display:flex;gap:7px;flex-wrap:wrap}.cc-speedy-style .cc-choice{display:inline-flex;cursor:pointer}.cc-speedy-style .cc-choice input{position:absolute;opacity:0;pointer-events:none}.cc-speedy-style .cc-choice span{display:block;border:1px solid #464542;background:#202021;color:#c9c4b8;padding:10px 12px;font-size:11px}.cc-speedy-style .cc-choice input:checked+span{border-color:#d6b342;color:#f3d45c;background:#29271e}.cc-speedy-style .cc-finish-row .cc-choice{flex:1 1 30%}.cc-speedy-style .cc-finish-row .cc-choice span{text-align:center;height:100%;padding:12px 7px}.cc-speedy-style .cc-system-title{font-size:10px;letter-spacing:.7px;color:#e6c34e;margin:24px 0 12px}.cc-speedy-style .cc-system-list{border:1px solid #303033;background:#1b1b1c;padding:12px 14px}.cc-speedy-style .cc-system-item{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #2d2d2e}.cc-speedy-style .cc-system-item:last-child{border-bottom:0}.cc-speedy-style .cc-system-mark{width:24px;height:7px;flex:0 0 24px;background:#777;border-radius:1px;transform:skewX(-24deg)}.cc-speedy-style .cc-system-item:nth-child(1) .cc-system-mark{background:#eee}.cc-speedy-style .cc-system-item:nth-child(2) .cc-system-mark{background:#e8b949}.cc-speedy-style .cc-system-item:nth-child(3) .cc-system-mark{background:#777}.cc-speedy-style .cc-system-item strong,.cc-speedy-style .cc-system-item small{display:block}.cc-speedy-style .cc-system-item strong{font-size:11px;color:#e8e2d6;font-weight:600}.cc-speedy-style .cc-system-item small{font-size:10px;color:#98948b;margin-top:3px;line-height:1.4}.cc-speedy-style .cc-size-options{display:grid;gap:7px}.cc-speedy-style .cc-size-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #39393b;background:#1c1c1d;cursor:pointer}.cc-speedy-style .cc-size-option input{accent-color:#d9b843}.cc-speedy-style .cc-size-option span{display:flex;flex-direction:column;gap:4px;flex:1}.cc-speedy-style .cc-size-option strong{font-size:12px;color:#eee8dd}.cc-speedy-style .cc-size-option small{font-size:10px;color:#aaa49a}.cc-speedy-style .cc-size-option i{font-style:normal;color:#d8b746}.cc-speedy-style .cc-size-option:has(input:checked){border-color:#d0ae3b;background:#25231c}.cc-speedy-style .cc-step-note{font-size:11px;line-height:1.65;color:#aaa59b;margin:0 0 16px}.cc-speedy-style .cc-zone-list{display:grid;gap:10px}.cc-speedy-style .cc-zone-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr);gap:12px;align-items:center}.cc-speedy-style .cc-zone-row label{font-size:11px;color:#e1dbcf}.cc-speedy-style .cc-zone-row select{margin:0}.cc-speedy-style .cc-palette{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.cc-speedy-style .cc-palette button{width:22px;height:22px;padding:0;border:1px solid #777;background:var(--swatch);border-radius:0;cursor:pointer}.cc-speedy-style .cc-sport-options,.cc-speedy-style .cc-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cc-speedy-style .cc-sport-options label,.cc-speedy-style .cc-extras-grid label{cursor:pointer}.cc-speedy-style .cc-sport-options input,.cc-speedy-style .cc-extras-grid input{position:absolute;opacity:0}.cc-speedy-style .cc-sport-options span,.cc-speedy-style .cc-extras-grid span{display:block;padding:13px 11px;border:1px solid #39393b;background:#1e1e1f;color:#d8d2c7;font-size:11px}.cc-speedy-style .cc-sport-options input:checked+span,.cc-speedy-style .cc-extras-grid input:checked+span{border-color:#d2b13d;color:#f3d55f;background:#29271e}.cc-speedy-style .cc-secondary-btn{margin-top:12px;border:1px solid #484642;background:transparent;color:#e1c454;padding:8px 12px;font-size:11px;cursor:pointer}.cc-speedy-style .cc-logo-preview{border-color:#38383a;background:#202021}.cc-speedy-style .cc-logo-preview button{color:#e4c354}.cc-speedy-style .cc-summary{font-size:11px;line-height:1.7;color:#bdb6a8;background:#1c1c1d;border:1px solid #373739;padding:12px;margin-bottom:16px}.cc-speedy-style .cc-privacy{color:#bcb6aa;font-size:11px}.cc-speedy-style .cc-privacy input{accent-color:#d2b13d}.cc-speedy-style .cc-step-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #343436;padding-top:18px;margin-top:22px}.cc-speedy-style .cc-back,.cc-speedy-style .cc-next{padding:10px 15px;border:1px solid #474643;background:transparent;color:#e8e1d3;font-size:11px;cursor:pointer}.cc-speedy-style .cc-next{margin-left:auto;background:#e7c447;border-color:#e7c447;color:#171615;font-weight:700}.cc-speedy-style .cc-back:disabled{opacity:.3;cursor:default}.cc-speedy-style .cc-submit{background:#e7c447;color:#171615;border-radius:2px;font-size:12px;margin-top:18px}.cc-speedy-style .cc-submit:hover{background:#f2d363}.cc-speedy-style .cc-submit span:last-child{font-size:16px}.cc-speedy-style .cc-submit-note{color:#99948a}.cc-speedy-style .cc-form-status.is-success{background:#1e3328;color:#a7e0b7}.cc-speedy-style .cc-form-status.is-error{background:#3b2020;color:#ffc1c1}
@media(max-width:900px){.cc-speedy-style .cc-court-layout{grid-template-columns:1fr}.cc-speedy-style .cc-preview-panel{position:relative;top:auto}.cc-speedy-style .cc-court-svg{min-height:180px}}
@media(max-width:520px){.cc-speedy-style{padding:10px}.cc-speedy-style .cc-controls-panel,.cc-speedy-style .cc-preview-panel{padding:0}.cc-speedy-style .cc-preview-panel{padding:13px}.cc-speedy-style .cc-quote-form{padding:16px}.cc-speedy-style .cc-step-tabs button{min-width:65px;padding:10px 5px;font-size:8px}.cc-speedy-style .cc-finish-row .cc-choice{flex:1 1 100%}.cc-speedy-style .cc-zone-row{grid-template-columns:1fr;gap:5px}.cc-speedy-style .cc-court-svg{min-height:145px}}