/* Live controls align with the original mockup; only the course buoys are retouched. */
.course{aspect-ratio:1376/708;background:#258db1;container-type:inline-size}
.original-scene{position:absolute;width:105.8866%;height:124.7175%;max-width:none;left:-2.0349%;top:-16.2429%;z-index:-2}
.water-retouch{z-index:-1;clip-path:polygon(34.66% 41.1%,38.78% 37.6%,48.25% 35.9%,56.35% 36.13%,64.5% 36.8%,64.5% 41.1%);pointer-events:none}
.course-buoy{position:absolute;width:.436047cqw;height:.436047cqw;background-image:url('original-scene.png');background-size:105.886628cqw 64.171512cqw;background-position:-46.511628cqw -24.127907cqw;pointer-events:none;z-index:-1}
.course:before{display:none}
.tree{left:0;top:0;right:auto;width:100%;height:100%;min-width:0;filter:none;pointer-events:none}
.tree-brand{position:absolute;left:63.65%;top:2.4%;width:18.25%;height:5.7%;display:flex;overflow:hidden;border-radius:6px 6px 0 0;background:#080b0e}
.tree-brand>div{width:50%;height:100%;display:grid;place-items:center;border-right:1px solid #333a3f}
.tree-brand>div:last-child{border:0}
.tree-brand img{width:76%;height:86%;object-fit:contain;filter:invert(1)}
.timers{position:absolute;left:63.95%;top:12.05%;width:17.59%;height:7.25%;padding:0;gap:3%;background:none;border:0;border-radius:0}
.timers>div{padding:0;border:0;background:#020403;border-radius:0;display:grid;place-items:center}
.timers span{display:none}
.count{font-size:clamp(20px,4cqw,56px);line-height:1;color:#fa2419}
.lamps{position:absolute;inset:0;display:block}
.stack{position:absolute;left:67.17%;top:20.82%;width:2.75%;height:18.6%;padding:0;background:none;border-radius:0;display:flex;flex-direction:column;justify-content:space-between;gap:0}
.stack+.stack{left:75.72%}
.stack i{width:100%;height:29%;aspect-ratio:1;border-width:2px;box-shadow:inset 0 0 6px #000,0 0 0 2px #0a0d0d}
.results{top:14.25%;right:2.12%;width:10.9%;height:45.5%;padding:0;background:#080f13;border:2px solid #83949e;border-radius:8px;display:flex;flex-direction:column}
.results .panel{margin:0;padding:12% 3%;border:0;box-shadow:none;border-radius:0;flex:1;background:transparent;display:flex;flex-direction:column;justify-content:center}
.results .panel+.panel{border-top:1px solid #52616a}
.panel>span{font-size:clamp(9px,1cqw,14px)}
.panel output{font-size:clamp(15px,2.5cqw,35px);letter-spacing:-1px;margin:10% 0 4%}
.panel small{font-size:clamp(9px,.95cqw,13px)}
#go{left:41.5%;top:81%;width:12%;border-width:5px;box-shadow:0 0 0 5px #141719,0 7px 16px #0008,inset 0 3px 3px #ffb1a4,inset 0 -8px 8px #7c000966}
#go strong{font-size:clamp(21px,4cqw,55px)}
#go span{font-size:clamp(8px,.9cqw,13px);margin-top:5px}
#go:disabled{filter:brightness(.9)}
.setting{position:absolute;left:68.2%;top:74%;width:25.1%;height:22%;padding:2%;border:2px solid #8c9ba5;border-radius:12px;background:linear-gradient(140deg,#141c23,#05090d);display:flex;flex-direction:column;justify-content:center}
.setting label{font-size:clamp(9px,1.1cqw,15px);letter-spacing:.5px;margin-bottom:5%}
.input-wrap{width:100%;padding-right:8px;background:#050a0f}
.input-wrap input{width:65%;font-size:clamp(16px,2.5cqw,34px);padding:3% 6%}
.input-wrap span{font-size:clamp(9px,1.1cqw,15px)}
.target{position:absolute;left:1.72%;top:78.1%;width:17%;height:18.1%;min-width:0;padding:1.2%;border:2px solid #809099;border-radius:6px;background:#070d11;text-align:center;display:flex;flex-direction:column;justify-content:center}
.target>span{font-size:clamp(9px,1cqw,14px);letter-spacing:.5px;margin:0 0 4%}
.target strong{font-size:clamp(19px,2.7cqw,37px);margin:0}
.target small{font-size:clamp(9px,.95cqw,13px)}
.status{top:3%;left:2%}
footer{gap:24px;align-items:center}
.run-message{position:static;transform:none;white-space:normal;padding:0;background:none;text-align:left;font-size:16px;flex:1}
@media(max-width:750px){.course{aspect-ratio:1376/708}.status{font-size:9px;padding:5px;letter-spacing:.5px}.setting{border-radius:5px;padding:1.5%;border-width:1px}.input-wrap input{padding:2px 5px}.input-wrap{padding-right:3px}#go{border-width:3px;box-shadow:0 0 0 3px #111,0 4px 8px #0008}#go span{display:none}.target{border-width:1px}.results{border-width:1px}.panel output{letter-spacing:-.5px}.run-message{width:auto;flex-basis:100%;font-size:14px}}