:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#0c1016;color:#edf2f8}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,.button{border:1px solid #344151;background:#222c39;color:#eef4fc;padding:11px 15px;border-radius:7px;cursor:pointer;text-decoration:none;font-weight:600;transition:background .15s}button:hover,.button:hover{background:#34465a}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83cafa;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}input{background:#111820;border:1px solid #435367;border-radius:6px;color:#fff;padding:10px;min-width:0}h1{font-size:30px;letter-spacing:-1px;margin:10px 0 0}h2{font-size:18px;margin:0}p{color:#a9b6c7;font-size:14px;line-height:1.5}#control{max-width:1440px;padding:32px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#75bce9}.preview-panel{background:#151d27;border:1px solid #2b3848;border-radius:10px;overflow:hidden;margin-bottom:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-panel>.section-head{padding:14px 20px;font-size:12px;letter-spacing:1.4px;color:#aab9cc}#connection{letter-spacing:0}#preview{padding:36px 20px;background:repeating-conic-gradient(#1e2835 0% 25%,#222e3d 0% 50%) 50%/24px 24px}.bug-frame{position:relative;width:100%;aspect-ratio:1700/78;container-type:inline-size;overflow:hidden}.art{position:absolute;width:112.941176%;max-width:none;height:auto;left:-6.470588%;top:-1223.076923%}.bug-value{position:absolute;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:800;color:white;height:100%;top:0;font-size:3.2cqw;font-variant-numeric:tabular-nums}.away-value{left:23.85%;width:9.3%}.home-value{left:45.3%;width:14.5%}.quarter-value{left:60.2%;width:5%;color:#111;font-size:2.15cqw}.info-value{left:65.8%;width:10%;display:flex;flex-direction:column;font-size:2.3cqw;line-height:1.13}.down-value{font-size:1.3cqw;color:#f2c74c;white-space:nowrap}.timeout-bars{position:absolute;top:78%;height:9%;display:flex;gap:4%;width:10%}.timeout-bars.away-bars{left:7%}.timeout-bars.home-bars{left:35%}.timeout-bars i{width:30%;background:#ffffff3b;border-radius:1px}.timeout-bars i.remaining{background:#fff}.controls{display:grid;grid-template-columns:1fr 1fr .9fr;gap:18px}.card{background:#151d27;border:1px solid #2b3848;border-radius:10px;padding:22px}.team{border-top:3px solid #efb81b}.team.home{border-top-color:#6ab2e0}.section-head>span{font-size:12px;letter-spacing:1px;color:#9cacc0}.score-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.score-row output{font-size:66px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.score-row button{width:48px;height:48px;font-size:26px;padding:0}.points{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.points button{padding:10px 3px;font-size:14px}.timeout-head{display:flex;justify-content:space-between;margin:23px 0 10px;font-size:14px;color:#b3c0d0}.timeout-buttons{display:flex;gap:8px}.timeout-buttons button{flex:1}.selected{background:#6ab2e0!important;border-color:#6ab2e0!important;color:#071522!important}.away .selected{background:#eebc2b!important;border-color:#eebc2b!important}.clock>output{display:block;text-align:center;font-size:62px;font-variant-numeric:tabular-nums;font-weight:700;margin:20px 0 14px}.primary{background:#72bce9;color:#081c2c;width:100%;border:0}.primary.running{background:#edbd53}form{margin-top:16px}form label{display:block;font-size:14px;color:#b3c0d0;margin-bottom:8px}.inline{display:flex;gap:8px}.inline input{width:100%}.down-buttons,.quarter-buttons{display:flex;gap:8px;margin:20px 0}.down-buttons button,.quarter-buttons button{flex:1;padding:11px 4px}.distance-row{display:flex;align-items:center;gap:10px;font-size:14px}.distance-row input{width:65px}.distance-row button{font-size:13px;padding:11px 8px}.wide{width:100%;margin-top:16px;font-size:14px}.switch{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:15px}.switch input{accent-color:#6ab2e0;width:18px;height:18px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:#8fa0b7;font-size:13px}footer button{font-size:13px;background:transparent}#notice{min-height:22px;color:#efc65f}#broadcast{display:none}body.overlay,body.overlay:root{background:transparent!important}body.overlay #control{display:none}body.overlay #broadcast{display:block;position:relative;width:100vw;height:56.25vw;background:transparent}#broadcast .bug-frame{position:absolute;left:5.729167%;top:88.333333%;width:88.541667%}.hidden{visibility:hidden}@media(max-width:1000px){.controls{grid-template-columns:1fr 1fr}.clock{grid-column:auto}#control{padding:20px}.score-row output{font-size:54px}}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}h1{font-size:26px}.controls{grid-template-columns:1fr}#control{padding:15px}.card{padding:20px}#preview{padding:30px 4px}footer{align-items:flex-start;gap:20px}.preview-panel>.section-head{font-size:10px;padding:12px}}

select{font:inherit;background:#111820;color:white;border:1px solid #435367;border-radius:6px;padding:8px;max-width:100%}.clock-mode{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:14px}#cameraControls label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin-top:12px}#cameraControls input{width:55%}.camera-slot{display:none;position:relative;width:100%;height:2.6cqw;overflow:hidden;background:#000}.camera-slot video{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}.camera-mode .camera-slot{display:block}.camera-mode [data-value=time]{display:none}.camera-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6cqw;color:#ffd05b}.camera-ready .camera-message{display:none}.overlay-camera-connect{position:absolute;top:20px;left:20px;z-index:10}.camera-active #clock,.camera-active #toggleClock,.camera-active #clockForm{display:none}

.camera-mode .camera-slot{display:none}.camera-mode [data-value=time]{display:block}#cameraCropPreview{width:100%;height:auto;background:#05080c;border:1px solid #435367;margin-top:16px;border-radius:6px}#ocrStatus{color:#efc65f}.camera-active #clock{display:block}.camera-active #clockStatus{font-size:10px}
/* Live text remains vector-sharp at any browser-source resolution. */
.bug-value{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.info-value{font-size:2.55cqw;line-height:1.06}.down-value{font-size:1.5cqw;line-height:1.2}.quarter-value{font-size:2.35cqw}.art{image-rendering:auto}#broadcast{isolation:isolate}

/* Refined artwork: display its bar without the unused transparent canvas. */
.bug-frame{aspect-ratio:1620/90}.art{width:103.209877%;left:-1.728395%;top:-668.888889%}.away-value{left:25.8%;width:8.5%}.home-value{left:46.2%;width:14%}.quarter-value{left:60.55%;width:4.8%}.info-value{left:65.8%;width:9.75%}.timeout-bars.away-bars{left:8.2%}.timeout-bars.home-bars{left:36.1%}.timeout-bars{top:81%;height:7%}

.possession-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:14px 18px;background:#151d27;border:1px solid #2b3848;border-radius:9px}.possession-control>span{font-size:14px;font-weight:600;color:#b3c0d0}.possession-options{display:flex;gap:8px;flex-wrap:wrap}.possession-options button{font-size:14px}.possession-options small{font-size:10px;margin-left:7px;opacity:.7}.possession-options [data-possession=sequoyah].selected{background:#eebc2b!important;border-color:#eebc2b!important}.possession-options [data-possession=none].selected{background:#c2ccd9!important;border-color:#c2ccd9!important}
.timeout-bars{top:78%;height:12%;width:12%;gap:8%;padding:.1cqw .2cqw;background:#07101899;border-radius:.18cqw}.timeout-bars i{display:block;flex:1;width:auto;border-radius:.09cqw;background:#ffffff25;box-shadow:inset 0 0 0 .045cqw #ffffff44;transition:background-color 220ms ease,box-shadow 220ms ease}.timeout-bars i.remaining{background:#fff;box-shadow:0 0 .15cqw #ffffff50}.timeout-bars.away-bars{left:8.2%}.timeout-bars.home-bars{left:36.1%}
.possession-marker{position:absolute;top:68%;height:30%;font-size:1.3cqw;line-height:1.2;color:#fff;opacity:0;transform:translateX(-.25cqw);text-shadow:0 1px 2px #0008;transition:opacity 200ms ease,transform 200ms ease}.sequoyah-marker{left:23.4%}.pope-marker{left:49.1%}.has-ball{opacity:1;transform:translateX(0)}
@media(max-width:620px){.possession-control{align-items:flex-start;flex-direction:column}.possession-options{width:100%}.possession-options button{flex:1;padding:10px 8px}.possession-options small{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){.timeout-bars i,.possession-marker{transition:none}}



.phone-access{margin-top:22px;padding:18px;background:#151d27;border:1px solid #2b3848;border-radius:9px}.phone-access summary{cursor:pointer;font-weight:600;font-size:15px}.phone-access[hidden]{display:none}@media(max-width:620px){button,.button,select{min-height:44px}input,select{font-size:16px}.phone-access .inline{flex-direction:column}}

.offline-warning{margin-bottom:18px;padding:12px 16px;border-radius:8px;background:#513d17;color:#ffe3a5;font-size:14px}.offline-warning[hidden]{display:none}.offline-warning a{color:white;margin-left:10px}.connection-error{color:#ffc66b!important}#installApp[hidden]{display:none}body{padding-bottom:env(safe-area-inset-bottom)}.phone-access{scroll-margin-top:16px}

/* Sequoyah control-room theme; the broadcast artwork retains each team's colors. */
#control{--gold:#efb81b}#control .eyebrow{color:#f4c746}#control header{border-bottom:2px solid #a97d16;padding-bottom:24px}#control h1{letter-spacing:-.8px}#control .preview-panel,#control .card,#control .possession-control,#control .phone-access{background:#191a1c;border-color:#393733}#control .team.away{border-top-color:#efb81b}#control .team.home{border-top-color:#8d949d}#control .selected{background:#efb81b!important;border-color:#efb81b!important;color:#171206!important}#control .primary{background:#efb81b;color:#171206}#control .primary:hover{background:#ffd053}#control button:hover,#control .button:hover{border-color:#ac8735}#control button:focus-visible,#control a:focus-visible,#control input:focus-visible{outline-color:#f4c746}#control .switch input{accent-color:#efb81b}#control .button{background:#efb81b;border-color:#efb81b;color:#171206}#control .phone-access summary{color:#f4c746}#control .offline-warning{border:1px solid #8b671c}
/* Original scorebug with a matching play-clock tab. */
.classic-bug{overflow:visible}.classic-art{position:absolute;inset:0;overflow:hidden;border-radius:.5cqw}.classic-bug .play-box{position:absolute;right:24%;bottom:100%;width:7%;height:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#292d33,#0b0d10);border:.12cqw solid #6b7078;border-bottom:0;border-radius:.4cqw .4cqw 0 0;font:800 2.4cqw/1 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#fff}.classic-bug .play-box .micro{font-size:.55cqw;letter-spacing:.09cqw;color:#e2bf57;margin-bottom:.25cqw}.classic-bug .play-box.urgent{background:#b71925;border-color:#ed5e68}.classic-bug .play-box.urgent .micro{color:#fff}.preview-panel #preview{padding-top:65px}.play-controls>output{display:block;text-align:center;font-size:62px;font-weight:800;font-variant-numeric:tabular-nums;margin:16px 0;color:#f4c746}.play-controls>output.urgent{color:#ff5e68}.play-presets{display:flex;gap:10px}.play-presets button{flex:1}.play-controls .primary{margin-top:12px}#playCameraControls canvas{width:100%;height:auto;background:#05080c;border:1px solid #435367;margin-top:16px;border-radius:6px}#playCameraControls label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin-top:12px}#playCameraControls input{width:55%}#playOcrStatus{color:#efc65f}.play-controls.camera-active #togglePlay,.play-controls.camera-active #resetPlay,.play-controls.camera-active #playForm,.play-controls.camera-active .play-presets{display:none}#control .controls{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1200px){#control .controls{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:18px}.score-row output{font-size:56px}}@media(max-width:620px){#control .controls{grid-template-columns:1fr}}

/* The play-clock tab travels behind the original artwork. */
.classic-bug{isolation:isolate}.classic-bug .classic-art{z-index:2}.classic-bug .play-box{z-index:1;transform:translateY(105%);transition:transform 320ms cubic-bezier(.22,.75,.2,1);will-change:transform}.classic-bug .play-box.clock-up{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.classic-bug .play-box{transition:none}}
.field-panel{position:absolute;bottom:calc(100% + .75cqw);left:0;width:43%;padding:.4cqw;background:#101419;border:.12cqw solid #737a83;border-radius:.5cqw;box-shadow:0 .3cqw 1cqw #0007;color:white;z-index:3}.field-panel[hidden]{display:none}.field-heading,.field-footer{display:flex;justify-content:space-between;align-items:center;gap:1cqw;font:bold .75cqw Arial,sans-serif;padding:.3cqw .2cqw}.field-heading{color:#ffe166}.field-footer{font-size:.53cqw;color:#d6dce4}.field-map{position:relative;aspect-ratio:41.96/9.45;overflow:hidden}.field-map>img{display:block;position:absolute;width:100%;height:auto;max-width:none;top:0;left:0}.field-line{position:absolute;top:0;height:97.5%;width:0;border-left:.2cqw dashed #00e5ff;filter:drop-shadow(0 0 .09cqw #000);transition:left 280ms ease}.first-line{border-left:.2cqw solid #ffe100}.field-line b{position:absolute;top:0;left:0;transform:translate(-100%,-10%);background:#ffe100;color:#111;font:900 .63cqw Arial;padding:.18cqw .25cqw;white-space:nowrap}.first-line b{top:auto;bottom:0;transform:translate(0,10%)}.field-line[hidden]{display:none}.preview-panel #preview.with-field{padding-top:18%;}.field-controls select,.field-controls input{width:100%;margin-bottom:12px}.field-controls .section-head{flex-wrap:wrap}.field-controls #toggleField{font-size:14px}.field-controls #fieldSummary{color:#f1c750}@media(prefers-reduced-motion:reduce){.field-line{transition:none}}
.drive-panel{position:absolute;bottom:calc(100% + .65cqw);left:50%;transform:translateX(-50%);width:60%;display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;overflow:hidden;z-index:3;background:linear-gradient(#252525,#080808);border:2px solid #e9b62b;border-left:8px solid #ffc52c;border-radius:5px;box-shadow:0 4px 12px #0008}.drive-panel[hidden]{display:none}.drive-cell{min-width:0;text-align:center;padding:.45cqw .35cqw;border-right:1px solid #ad872d}.drive-cell:last-child{border-right:0}.drive-cell b{display:block;color:#f5c748;font:900 1.05cqw Arial,sans-serif;letter-spacing:.06em}.drive-cell span{display:block;color:#fff;font:900 2.15cqw Arial,sans-serif;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}.drive-cell:first-child span{font-size:1.9cqw}.preview-panel #preview.with-drive{padding-top:10%}.drive-controls input,.drive-controls select{width:100%;margin-bottom:12px}.drive-length-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:16px}.drive-length-row output{font-size:30px;color:#f2c750;font-weight:800;font-variant-numeric:tabular-nums}.drive-controls .section-head{flex-wrap:wrap}.drive-controls .section-head button{font-size:14px}#driveClockStatus{color:#f2c750;margin-bottom:0}
/* A solid white underline identifies possession below the timeout bars. */
.possession-marker{top:94%;height:5%;width:12%;background:#fff;border-radius:2px;font-size:0;box-shadow:0 1px 2px #000;pointer-events:none;transform:none}.sequoyah-marker{left:8.2%}.pope-marker{left:36.1%}.possession-marker.has-ball{transform:none}
/* Equal inset from the team dividers, independent of digit count. */
.classic-art .away-value,.classic-art .home-value{width:8.5%;justify-content:flex-end;padding-right:2cqw}.classic-art .away-value{left:26.068%}.classic-art .home-value{left:51.809%}

/* Full team-width possession lines; away down/distance stays readable on blue. */
.possession-marker.sequoyah-marker{left:7.654%;width:26.914%}.possession-marker.pope-marker{left:34.568%;width:25.741%}.away-possession .down-value{color:#000;background:#6ab2e0;border-radius:.12cqw;padding:0 .3cqw}
.page-nav{display:flex;align-items:center;gap:14px;margin:22px 0}.page-nav label{color:#f4c746;font-weight:700}.page-nav select,.stats-form select{padding:12px;background:#222;color:white;border:1px solid #655533;border-radius:6px;font:inherit}.stats-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.stats-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stats-form label{display:flex;flex-direction:column;gap:8px}.stats-form input,.stats-form select{width:100%}.stats-notes{grid-column:1/-1}.stats-form textarea{background:#111820;color:#fff;border:1px solid #435367;border-radius:6px;padding:12px;font:inherit}.stats-table-wrap{overflow-x:auto;margin-top:24px}.stats-table{width:100%;border-collapse:collapse;text-align:left}.stats-table th{color:#f4c746;background:#242321}.stats-table th,.stats-table td{padding:14px;border-bottom:1px solid #393733;white-space:nowrap}#statsMessage{color:#f4c746}#statsLogin input{margin-right:12px}#driveEditor[hidden],#statsContent[hidden],#statsLogin[hidden]{display:none}@media(max-width:700px){.stats-form{grid-template-columns:1fr}.stats-table th,.stats-table td{padding:10px}.page-nav select{flex:1}}
#playsPanel{margin-top:24px}#playsPanel[hidden]{display:none}#playRows td:last-child{white-space:normal;min-width:160px}.stats-form input[readonly]{color:#f4c746;background:#242321}
.crew-total{font-size:30px;font-weight:800;color:#f4c746}.crew-totals{display:flex;flex-wrap:wrap;gap:12px}.crew-totals p{background:#272620;padding:12px 16px;border-radius:6px;color:#fff}#crewMessage{color:#f4c746}#crewRows td:nth-child(2){white-space:normal;min-width:160px}
.crew-profiles{margin-bottom:24px}.crew-profiles .primary{align-self:end}
.delete-drive,.delete-play,.danger{margin-left:8px;color:#ffaaaa;border-color:#814242;background:#341f21}
.script-cue{margin:16px 0}.script-cue h3{margin-right:auto}.script-cue .section-head{flex-wrap:wrap;margin-bottom:16px}.script-section{margin-top:26px}.script-reference a{color:#f4c746}#scriptStatus{color:#f4c746}#printOutput{display:none}@media print{body,html{background:white!important;color:#111!important}#control{max-width:none;padding:0}#control>*:not(#printOutput){display:none!important}#printOutput{display:block;font:12pt Arial;color:#111}#printOutput section{break-inside:avoid;border-top:1px solid #888;margin-top:15px;padding-top:8px}#printOutput p{color:#111}#printOutput h2{font-size:15pt}}
h1,h2,h3,h4,h5,h6{text-transform:capitalize}
.script-output{max-width:1100px!important}.script-output .script-cue p{font-size:19px;line-height:1.6;color:#f1f1f1}.script-output h2{color:#f4c746}.script-output h3{font-size:13px;color:#bdad82;margin-bottom:5px}#outputStatus{color:#f4c746;font-size:13px;white-space:nowrap}
/* Reference-inspired college broadcast bar, rendered as sharp live text. */
.college-bug{aspect-ratio:1700/180;overflow:visible;font-family:Arial,Helvetica,sans-serif}.college-bug .classic-art{border:.15cqw solid #b8b8b8;border-radius:.9cqw;background:linear-gradient(180deg,#282828 0%,#111 32%,#030303 100%);box-shadow:0 .2cqw .65cqw #0009;overflow:hidden}
.college-bug .team-wash{position:absolute;inset:0;width:38%;pointer-events:none}.college-bug .left-wash{background:radial-gradient(ellipse at 0% 60%,#efb81b 0%,#a77716 18%,#362a10 48%,transparent 78%)}.college-bug .right-wash{left:auto;right:0;background:radial-gradient(ellipse at 100% 60%,#88c9ee 0%,#327eac 23%,#142c3c 48%,transparent 78%)}
.college-bug .team-name{position:absolute;top:0;height:28%;width:35%;padding:.25cqw .85cqw;font-size:2.3cqw;font-weight:900;line-height:1;background:#0008;letter-spacing:.03em;color:#fff}.college-bug .left-name{left:0}.college-bug .right-name{right:0;text-align:right}
.college-bug .team-monogram{position:absolute;top:31%;font:italic 900 6.3cqw/.95 Georgia,serif;color:#efb81b;-webkit-text-stroke:.07cqw white;filter:drop-shadow(.12cqw .12cqw .08cqw #000);width:11%;text-align:center}.college-bug .left-logo{left:1%}.college-bug .right-logo{right:1%;color:#80c8f3}
.college-bug .team-designation{position:absolute;top:57%;font:bold 1.15cqw Arial;color:#fff;letter-spacing:.1em}.college-bug .left-designation{left:14%}.college-bug .right-designation{right:14%}
.college-bug .classic-art .away-value,.college-bug .classic-art .home-value{top:19%;height:64%;width:14%;padding:0;justify-content:center;font-size:6.9cqw;letter-spacing:-.25cqw;line-height:1;font-weight:900}.college-bug .classic-art .away-value{left:21%}.college-bug .classic-art .home-value{left:65%}
.college-bug .quarter-value{left:37.3%;top:39%;height:43%;width:6.5%;font-size:2.3cqw;color:#f9d24b}.college-bug .info-value{left:44%;top:39%;height:43%;width:13%;font-size:3.35cqw;justify-content:center;line-height:1;letter-spacing:-.09cqw}
.college-bug .down-tab{position:absolute;left:36%;top:-10%;width:28%;height:42%;z-index:4;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#151515,#333,#9e741a);border:.12cqw solid #e4b33b;border-radius:.8cqw;box-shadow:0 .18cqw .45cqw #0007}.college-bug .down-value{font:900 2.9cqw/1 Arial;color:#fff;letter-spacing:-.04em;white-space:nowrap}.college-bug.away-possession .down-tab{background:linear-gradient(115deg,#151515,#254b64,#82c8f0);border-color:#92c9eb}.college-bug.away-possession .down-value{background:none;color:#fff;padding:0}
.college-bug .timeout-bars{top:86%;height:7%;width:13%;background:none;padding:0;gap:7%}.college-bug .timeout-bars.away-bars{left:21.5%}.college-bug .timeout-bars.home-bars{left:65.5%}.college-bug .timeout-bars i{border-radius:1cqw;background:#ffffff25;box-shadow:none}.college-bug .timeout-bars i.remaining{background:white;box-shadow:0 0 .3cqw #ffffff38}
.college-bug .possession-marker{top:0;left:27%;width:0;height:0;border-left:1cqw solid transparent;border-right:1cqw solid transparent;border-top:.85cqw solid white;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 .3cqw white)}.college-bug .pope-marker{left:71%}
.classic-bug.college-bug .play-box{left:57.5%;right:auto;bottom:18%;height:43%;width:6%;border:0;background:none;border-radius:.35cqw;font:900 2.5cqw Arial;color:#ffe044;z-index:3;transform:translateY(180%);transition:transform .32s ease}.classic-bug.college-bug .play-box.clock-up{transform:translateY(0)}.classic-bug.college-bug .play-box.urgent{background:#b71925;color:white}
.college-bug .field-panel,.college-bug .drive-panel{bottom:calc(110% + .8cqw)}#broadcast .college-bug{top:auto;bottom:5%;left:5.729167%;width:88.541667%}.preview-panel #preview:has(.college-bug){padding-top:42px;padding-bottom:24px}.preview-panel #preview.with-field:has(.college-bug){padding-top:19%}.preview-panel #preview.with-drive:has(.college-bug){padding-top:12%}
@media(prefers-reduced-motion:reduce){.classic-bug.college-bug .play-box{transition:none}}

.college-bug.sequoyah-possession .down-tab{background:linear-gradient(65deg,#9e741a,#333,#151515);border-color:#e4b33b}
.flag-controls>label{display:block;margin:18px 0 8px}.flag-controls select,.flag-controls input{width:100%}.flag-controls .inline{margin-top:18px}.flag-team-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flag-controls [hidden]{display:none}.flag-controls .primary{width:auto;flex:1}#customFlagRow{margin-top:12px}#applyCustomFlag{margin-top:8px}
.college-bug.flag-active .classic-art{border-color:#ffe327;box-shadow:0 0 .45cqw #ffe32788}.college-bug.flag-active .down-tab{background:linear-gradient(#fff43f,#ffd500);border-color:#fff465;color:#111}.college-bug.flag-active .down-value{display:none}.college-bug .flag-title{font:900 2.9cqw/1 Arial;color:#111;letter-spacing:.08em}.flag-title[hidden],.flag-detail[hidden]{display:none}.college-bug .flag-detail{position:absolute;left:0;bottom:calc(110% + .8cqw);max-width:55%;min-width:25%;padding:.85cqw 1.3cqw;background:linear-gradient(#fff43f,#ffd500);border:.12cqw solid #fff465;border-radius:.55cqw;box-shadow:0 .2cqw .5cqw #0006;color:#111;z-index:5;font:900 1.75cqw/1.15 Arial;text-transform:uppercase}.flag-detail small{display:block;font-size:.85cqw;margin-top:.35cqw;letter-spacing:.08em}.flag-detail small:empty{display:none}.college-bug.flag-active .field-panel,.college-bug.flag-active .drive-panel{visibility:hidden}.preview-panel #preview:has(.flag-active){padding-top:11%}
/* Two-thirds of the previous broadcast width, centered in the frame. */
#broadcast .college-bug{width:59.027778%;left:20.486111%}#preview>.college-bug{width:66.666667%;margin-inline:auto}

/* Sidecar penalty name, aligned with the lower scorebug body. */
.college-bug .flag-detail{left:auto;right:calc(100% + 1cqw);bottom:0;width:31%;min-width:0;max-width:none;height:64%;padding:.7cqw 1cqw;display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:1.7cqw;line-height:1.1;overflow-wrap:normal}.college-bug .flag-detail[hidden]{display:none}.college-bug .flag-detail small{display:none}.college-bug .team-designation{font-size:1.55cqw;letter-spacing:0;font-weight:800}
#preview>.college-bug.flag-active{width:59.027778%}

.college-bug .flag-detail.flag-short{font-size:2.7cqw}.college-bug .flag-detail.flag-medium{font-size:2.1cqw}
/* Layered broadcast lighting inspired by the supplied reference. */
.college-bug .classic-art{background:linear-gradient(180deg,#555 0%,#252525 5%,#0c0c0c 30%,#020202 76%,#1c1c1c 100%);border-color:#d8cda9;box-shadow:inset 0 .12cqw .18cqw #ffffff55,inset 0 -.14cqw .3cqw #ffffff18,0 .2cqw .65cqw #0009}
.college-bug .team-wash{width:48%}.college-bug .left-wash{background:radial-gradient(ellipse at 5% 50%,#fff1b9 0%,#ffd85b 12%,#dfa514 29%,#8a5b0c 45%,#34270f 64%,transparent 90%),linear-gradient(90deg,#edb92655,transparent 85%)}.college-bug .right-wash{background:radial-gradient(ellipse at 95% 50%,#e0f7ff 0%,#99dcff 12%,#459ed1 29%,#235f88 45%,#132533 64%,transparent 90%),linear-gradient(270deg,#63baf055,transparent 85%)}
.college-bug .team-name{background:linear-gradient(180deg,#ffffff22,#0009 68%,#000d),repeating-linear-gradient(130deg,#ffffff08 0 .25cqw,transparent .25cqw .5cqw);border-bottom:.07cqw solid #ffffff26;text-shadow:0 .1cqw .2cqw #000}
.college-bug .classic-art:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;background:linear-gradient(180deg,#ffffff22 0%,transparent 10%,transparent 86%,#ffffff12 100%);box-shadow:inset 0 0 .35cqw #ffffff28}
.college-bug .down-tab{background:linear-gradient(180deg,#ffffff22,transparent 32%,#0005),linear-gradient(110deg,#171717 5%,#373028 48%,#d09a22 100%);box-shadow:inset 0 .12cqw .2cqw #fff5,inset 0 -.12cqw .2cqw #0005,0 .2cqw .5cqw #0008}
.college-bug.sequoyah-possession .down-tab{background:linear-gradient(180deg,#ffffff30,transparent 35%,#0004),linear-gradient(70deg,#f4c343 0%,#a77312 25%,#332b1e 60%,#101010 100%)}
.college-bug.away-possession .down-tab{background:linear-gradient(180deg,#ffffff30,transparent 35%,#0004),linear-gradient(110deg,#101010 0%,#20313e 40%,#367ca7 75%,#91dcff 100%)}
.college-bug.flag-active .down-tab{background:linear-gradient(180deg,#fffba3 0%,#fff33b 22%,#ffe000 62%,#eeb700 100%);border-color:#fff789}.college-bug .flag-detail{background:linear-gradient(165deg,#fffba0 0%,#fff33a 25%,#ffe000 65%,#eab400 100%);box-shadow:inset 0 .1cqw .18cqw #fff9,0 .2cqw .5cqw #0006}
/* Compact width with the existing absolute broadcast height. */
#broadcast .college-bug{width:52%;left:24%;height:6.25vw;aspect-ratio:auto}#preview>.college-bug,#preview>.college-bug.flag-active{width:59%;height:7.06vw;max-height:102px;aspect-ratio:auto}
.classic-bug.college-bug .play-box.urgent{background:transparent;color:#ff3636;border:0;box-shadow:none}
.college-bug .left-wash{background:radial-gradient(ellipse at 5% 50%,#fff8 0%,var(--left-team,#efb81b) 24%,#171717 70%,transparent 92%)}.college-bug .right-wash{background:radial-gradient(ellipse at 95% 50%,#fff8 0%,var(--right-team,#6ab2e0) 24%,#171717 70%,transparent 92%)}.college-bug.sequoyah-possession .down-tab{background:linear-gradient(180deg,#fff3,transparent 35%,#0004),linear-gradient(70deg,var(--left-team,#efb81b),#332b1e 60%,#101010)}.college-bug.away-possession .down-tab{background:linear-gradient(180deg,#fff3,transparent 35%,#0004),linear-gradient(110deg,#101010,#20313e 40%,var(--right-team,#6ab2e0))}.college-bug.flag-active .down-tab{background:linear-gradient(#fffba3,#fff33b 22%,#ffe000 62%,#eeb700)}
.college-bug .team-monogram{height:62%;display:flex;align-items:center;justify-content:center;top:30%}.college-bug .team-monogram img{width:100%;height:100%;object-fit:contain;-webkit-text-stroke:0;filter:none}.team-settings form+form{border-top:1px solid #444;padding-top:18px}.team-settings label{display:block;margin:12px 0}.team-settings input{display:block;width:100%;margin-top:6px}.team-settings input[type=color]{height:44px;padding:4px}.team-settings button{margin-top:8px}
/* Header strips continue behind the center tab; team records stay easy to read. */
.college-bug .team-name{width:50%}
.college-bug .team-wash{width:50%}
.college-bug .team-designation{font-size:2.1cqw;line-height:1;font-weight:900;top:54%}
/* Team colors fade into true black without gray or white gradient stops. */
.college-bug .classic-art{background:#000;box-shadow:0 .2cqw .65cqw #0009}.college-bug .classic-art:after{background:none;box-shadow:none}.college-bug .team-name{background:linear-gradient(180deg,#0003,#000b);border-bottom-color:#0005}
.college-bug .left-wash{background:radial-gradient(ellipse at 0% 55%,var(--left-team,#efb81b) 0%,var(--left-team,#efb81b) 15%,#000 88%)}.college-bug .right-wash{background:radial-gradient(ellipse at 100% 55%,var(--right-team,#6ab2e0) 0%,var(--right-team,#6ab2e0) 15%,#000 88%)}
.college-bug .down-tab{background:linear-gradient(110deg,#000 15%,var(--left-team,#efb81b));box-shadow:0 .2cqw .5cqw #0008}.college-bug.sequoyah-possession .down-tab{background:linear-gradient(70deg,var(--left-team,#efb81b),#000 85%)}.college-bug.away-possession .down-tab{background:linear-gradient(110deg,#000 15%,var(--right-team,#6ab2e0))}.college-bug.flag-active .down-tab{background:linear-gradient(#fff33b,#ffe000 62%,#eeb700)}
/* Soft team-color edges, with a continuous solid-black center. */
.college-bug .team-name{background:none;border-bottom:0}
.college-bug .left-wash{background:linear-gradient(90deg,var(--left-team,#efb81b) 0%,transparent 78%)}
.college-bug .right-wash{background:linear-gradient(270deg,var(--right-team,#6ab2e0) 0%,transparent 78%)}
.college-bug .down-tab,.college-bug.sequoyah-possession .down-tab,.college-bug.away-possession .down-tab{background:#000;border-color:#806622;box-shadow:0 .1cqw .25cqw #0005}
.college-bug.flag-active .down-tab{background:linear-gradient(#fff33b,#ffe000 62%,#eeb700);border-color:#fff789}
/* Reference treatment: dark name rail, illuminated ends, black clock bed. */
.college-bug{--active-team:var(--left-team,#efb81b);--glow-x:35%}
.college-bug.away-possession{--active-team:var(--right-team,#6ab2e0);--glow-x:65%}
.college-bug .classic-art{background:#000;border-color:var(--active-team);border-width:.1cqw;box-shadow:0 .15cqw .4cqw #0009}
.college-bug .classic-art:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 22% at var(--glow-x) 33%,var(--active-team),transparent 100%);opacity:.7}
.college-bug .team-wash{width:50%;top:27%;bottom:0}
.college-bug .left-wash{background:radial-gradient(ellipse at 0% 55%,var(--left-team,#efb81b) 0%,transparent 78%)}
.college-bug .right-wash{background:radial-gradient(ellipse at 100% 55%,var(--right-team,#6ab2e0) 0%,transparent 78%)}
.college-bug .team-name{height:30%;width:50%;padding-top:.35cqw;background:linear-gradient(180deg,#0004 0%,#000a 75%,transparent 100%);border:0;font-weight:900}
.college-bug .down-tab,.college-bug.sequoyah-possession .down-tab,.college-bug.away-possession .down-tab{background:linear-gradient(90deg,#000 50%,var(--active-team) 160%);border:.08cqw solid #000;border-radius:.85cqw;box-shadow:0 .12cqw .2cqw #0004}
.college-bug.sequoyah-possession .down-tab{background:linear-gradient(270deg,#000 50%,var(--active-team) 160%)}
.college-bug .team-designation{font-size:2.1cqw;font-weight:900}
.college-bug.flag-active .classic-art{border-color:#ffe327}
.college-bug.flag-active .classic-art:before{background:radial-gradient(ellipse 48% 22% at 50% 33%,#ffe000,transparent 100%)}
.college-bug.flag-active .down-tab{background:linear-gradient(#fff33b,#ffe000 62%,#eeb700);border-color:#fff789}
/* Keep all team lighting outside the solid-black center information area. */
.college-bug:not(.flag-active) .classic-art:before{display:none}
.college-bug .team-wash{width:35%}
.college-bug .left-wash{background:linear-gradient(90deg,var(--left-team,#efb81b),transparent 95%)}
.college-bug .right-wash{background:linear-gradient(270deg,var(--right-team,#6ab2e0),transparent 95%)}
.college-bug:not(.flag-active) .down-tab{background:linear-gradient(90deg,#000 32%,var(--active-team));border:.1cqw solid var(--active-team);box-shadow:0 .12cqw .25cqw #0006}
.college-bug.sequoyah-possession:not(.flag-active) .down-tab{background:linear-gradient(270deg,#000 32%,var(--active-team))}

/* Wide gold touchdown player ID based on the broadcast reference. */


.college-bug .touchdown-panel{right:calc(100% + 1.4cqw)!important;bottom:0!important;width:62%!important;height:100%!important;border:.12cqw solid #ffd739!important;border-radius:.32cqw!important;background:linear-gradient(102deg,#080808 0%,#302300 13%,#8c6700 40%,#d9a800 70%,#513d00 91%,#090909 100%)!important;box-shadow:inset 0 .12cqw .2cqw #fff4a45c,inset 0 -.18cqw .24cqw #000b,0 .22cqw .6cqw #000c!important;clip-path:none!important}
.college-bug .touchdown-panel::after{content:"";position:absolute;inset:.16cqw;z-index:0;border-radius:.2cqw;background:linear-gradient(180deg,#fff3 0%,transparent 32%,#0007 100%);pointer-events:none}
.college-bug .touchdown-portrait{left:1%!important;top:-25%!important;width:32%!important;height:125%!important;z-index:2;border:0!important;border-radius:0!important;overflow:visible!important;background:none!important;box-shadow:none!important}
.college-bug .touchdown-portrait .touchdown-logo{inset:5% 0 0;width:100%;height:95%;border-radius:0;font-size:5.4cqw;color:#ffd739;opacity:.72}
.college-bug .touchdown-portrait:has(.touchdown-headshot:not([hidden])) .touchdown-logo{display:none}
.college-bug .touchdown-headshot{inset:0 auto 0 6%!important;width:88%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:contrast(1.08) saturate(.96) drop-shadow(0 .12cqw .12cqw #000)!important;-webkit-mask-image:linear-gradient(#000 94%,transparent 100%)!important;mask-image:linear-gradient(#000 94%,transparent 100%)!important}
.college-bug .touchdown-copy{left:35%!important;right:4%!important;z-index:2}
.college-bug .touchdown-copy strong{font-size:4.15cqw!important;line-height:.88!important;letter-spacing:-.055em!important;text-shadow:0 .1cqw .15cqw #000!important}
.college-bug .touchdown-copy span{margin-top:.52cqw!important;font-size:1.85cqw!important;line-height:1!important;letter-spacing:.13em!important;text-shadow:0 .08cqw .12cqw #000!important}
.college-bug .touchdown-portrait,.college-bug .touchdown-copy{transition:opacity .35s ease,transform .35s ease,left .35s ease,right .35s ease}
.college-bug .touchdown-panel.touchdown-intro .touchdown-portrait{opacity:0;transform:translateX(-10%)}
.college-bug .touchdown-panel.touchdown-intro .touchdown-copy{left:3%!important;right:3%!important}
.college-bug .touchdown-panel.touchdown-intro .touchdown-copy strong{font-size:4.8cqw!important;letter-spacing:.035em!important}
.college-bug .touchdown-panel.touchdown-intro .touchdown-copy span{display:none}
.preview-panel #preview.with-touchdown{padding-top:11%!important}
.college-bug .drive-panel{position:absolute!important;right:auto!important;bottom:calc(100% + .65cqw)!important;left:50%!important;width:60%!important;height:auto!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:1.65fr 1fr 1fr 1fr!important;overflow:hidden!important;padding:0!important;background:linear-gradient(#252525,#080808)!important;border:2px solid #e9b62b!important;border-left:8px solid #ffc52c!important;border-radius:5px!important;box-shadow:0 4px 12px #0008!important}
.college-bug .drive-panel[hidden]{display:none!important}
.college-bug .drive-panel .drive-cell{grid-column:auto!important;padding:.45cqw .35cqw!important;border-right:1px solid #ad872d!important}
.college-bug .drive-panel .drive-cell:last-child{border-right:0!important}
.college-bug .drive-panel .drive-cell b{display:block;color:#f5c748!important;font:900 1.05cqw Arial,sans-serif!important;letter-spacing:.06em}
.college-bug .drive-panel .drive-cell span{display:block;color:#fff;font:900 2.15cqw/1.25 Arial,sans-serif!important;white-space:nowrap}
.college-bug .drive-panel .drive-cell:first-child span{font-size:1.9cqw!important}

/* Native vector and live-text rendering: same HD bounds (460,906,1000,120). */
#broadcast .college-bug{width:52.083333%;left:23.958333%;height:6.25vw;transform:none;contain:layout style;overflow:visible}
#broadcast .bug-value,#broadcast .team-name,#broadcast .team-designation,#broadcast .down-value,#broadcast .flag-title,#broadcast .flag-detail{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}

/* Reference-style touchdown and scoring-drive extensions. */
.touchdown-panel,.drive-panel{position:absolute;right:calc(100% + .25cqw);left:auto;bottom:0;width:45%;height:100%;transform:none;z-index:3;border:.1cqw solid var(--left-team,#efb81b);border-radius:.7cqw .2cqw .2cqw .7cqw;background:linear-gradient(110deg,var(--left-team,#efb81b) -70%,#101010 38%,#07131c 100%);box-shadow:0 .18cqw .5cqw #0009;overflow:visible;color:#fff}
.touchdown-panel{height:112%;bottom:-6%;border-color:color-mix(in srgb,var(--left-team,#efb81b) 72%,#8bd9ff);border-radius:1cqw .2cqw .2cqw 1cqw;background:linear-gradient(90deg,#06111c 0%,#102c43 24%,#0b1d2d 52%,#05090d 100%);box-shadow:inset 0 .1cqw .18cqw #8bd9ff40,inset 0 -.12cqw .2cqw #000c,0 .2cqw .55cqw #000b}
.touchdown-panel[hidden],.drive-panel[hidden]{display:none}.touchdown-portrait{position:absolute;left:-2%;top:-13%;width:34%;height:126%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 48% 38%,#173a55,#07131d 66%,#000);border:.13cqw solid color-mix(in srgb,var(--left-team,#efb81b) 72%,#8bd9ff);box-shadow:inset 0 0 .5cqw #60c8ff38,0 .1cqw .35cqw #000}.touchdown-logo,.drive-logo{position:absolute;left:-1%;top:-10%;width:30%;height:120%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#162939,#071019 67%,#000);border:.12cqw solid var(--left-team,#efb81b);font:italic 900 4.8cqw Georgia;color:var(--left-team,#efb81b);text-shadow:0 .08cqw .12cqw #000}.touchdown-portrait .touchdown-logo{inset:0;width:100%;height:100%;border:0;background:transparent;opacity:.62}.touchdown-logo img,.drive-logo img{width:78%;height:78%;object-fit:contain}.touchdown-headshot{position:absolute;inset:-1% 0 0;width:100%;height:101%;object-fit:cover;object-position:center 16%;filter:contrast(1.05) saturate(.92);-webkit-mask-image:linear-gradient(#000 83%,transparent 100%);mask-image:linear-gradient(#000 83%,transparent 100%)}.touchdown-copy{position:absolute;left:30%;right:2%;inset-block:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.touchdown-copy strong{max-width:100%;font:900 3.55cqw/.92 Arial,sans-serif;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;text-shadow:0 .08cqw .1cqw #000}.touchdown-copy span{font:900 1.55cqw/1.1 Arial,sans-serif;letter-spacing:.1em;margin-top:.42cqw;text-transform:uppercase}.drive-panel{display:grid;grid-template-columns:31% repeat(3,1fr);padding:0;border-left:.1cqw solid var(--left-team,#efb81b)}.drive-logo{left:-1%;width:31%}.drive-badge{position:absolute;top:-28%;left:35%;right:3%;height:30%;display:flex;align-items:center;justify-content:center;background:#101820;border:.08cqw solid var(--left-team,#efb81b);border-radius:.25cqw;font:900 1.25cqw Arial;letter-spacing:.12em}.drive-panel .drive-cell{grid-column:auto;padding:1.05cqw .2cqw .2cqw;border:0}.drive-panel .drive-cell:nth-of-type(3){grid-column:2}.drive-panel .drive-cell span{font-size:2.5cqw}.drive-panel .drive-cell b{font-size:.9cqw;color:#fff}.college-bug.flag-active .touchdown-panel,.college-bug.flag-active .drive-panel{visibility:hidden}.preview-panel #preview.with-touchdown,.preview-panel #preview.with-drive{padding-top:8%}.touchdown-controls label{display:block;margin:14px 0 7px}.touchdown-controls select,.touchdown-controls input{width:100%}.touchdown-controls #touchdownPhotoStatus{font-size:.8rem;color:#d8dde3}

/* Static scorebug contents, including clock and possession changes. */
.college-bug,.college-bug *{animation:none!important;transition:none!important}
.classic-bug.college-bug .play-box,.classic-bug.college-bug .play-box.clock-up{transform:none;will-change:auto}
.college-bug .possession-marker{transform:none}
.field-line{transition:none;filter:none}
.first-line{border-left:0;width:.6cqw;background:#ffe600;box-shadow:0 0 0 .15cqw #111; margin-left:-.3cqw}
/* Left sidecar fits the space beside the pinned 1000px HD scorebug. */
.college-bug .touchdown-panel{left:auto!important;right:calc(100% + 1.4cqw)!important;bottom:0!important;width:42%!important}
#preview>.college-bug .touchdown-panel{width:32%!important}
/* Names stop before the center down-and-distance tab. */
.college-bug .team-name{white-space:nowrap;font-size:var(--fit-team-size,2.3cqw)}
.college-bug .left-name{padding-right:14.5%}
.college-bug .right-name{padding-left:14.5%}
.college-bug .touchdown-copy strong{font-size:var(--fit-name-size,4.15cqw)!important;line-height:1.12!important;flex-shrink:0}
.college-bug .touchdown-panel.touchdown-intro .touchdown-copy strong{font-size:var(--fit-name-size,4.8cqw)!important}
.college-bug .touchdown-copy span{white-space:normal;overflow-wrap:anywhere}