.mobile-controls,.mobile-boat-summary,.mobile-tree-logo,.mobile-countdown{display:none}
@media(max-width:900px){
 body{display:block;padding:0;background:#0a1016}
 .trainer{border:0;border-radius:0;box-shadow:none}
 header{padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
 header>div{flex:1;min-width:220px}
 .eyebrow{font-size:12px}
 h1{font-size:23px}h1 span{font-size:16px}
 nav{display:flex;width:100%;gap:10px}
 nav button{min-height:48px;font-size:14px;padding:12px 16px}
 nav .start{flex:1}nav #reset span{display:inline}
 .course{width:100%;aspect-ratio:1376/708}
 .status{font-size:10px;max-width:56%;letter-spacing:.2px;padding:5px 7px}
 #go{width:18%;min-width:60px;max-width:104px;top:80%;border-width:3px}
 #go strong{font-size:clamp(24px,6cqw,38px)}
 .timers{height:10%;top:10.6%}.count{font-size:clamp(22px,6cqw,36px)}
 .target{padding:3px;justify-content:center}.target>span{font-size:0;margin:0}.target>span:after{content:'LEAVE';font-size:11px}
 .target strong{font-size:22px}.target small{display:none}
 .mobile-controls{display:grid;gap:14px;padding:18px 16px 4px;background:#101a22}
 .mobile-controls .setting{position:static;width:auto;height:auto;padding:16px;border-radius:8px;border:1px solid #536573;display:block}
 .mobile-controls .setting label{font-size:14px;letter-spacing:.5px;margin-bottom:12px}
 .mobile-controls .input-wrap{min-height:52px;padding-right:16px}
 .mobile-controls .input-wrap input{font-size:28px;padding:10px 14px;flex:1;min-width:0}
 .mobile-controls .input-wrap span{font-size:16px}
 .mobile-controls .results{position:static;width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #536573;border-radius:8px;min-height:132px}
 .mobile-controls .results .panel{padding:18px 10px;min-width:0}
 .mobile-controls .results .panel+.panel{border-top:0;border-left:1px solid #52616a}
 .mobile-controls .panel>span{font-size:12px}
 .mobile-controls .panel output{font-size:29px;margin:12px 0 6px}
 .mobile-controls .panel small{font-size:12px;line-height:1.4}
 .mobile-boat-summary{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:68.2%;top:74%;width:25.1%;height:22%;border:1px solid #8897a0;border-radius:5px;background:#080e13;gap:3px}
 .mobile-boat-summary span{font-size:10px;color:#a9c1ce}.mobile-boat-summary strong{font:700 20px Consolas,monospace}
 .mobile-tree-logo{position:absolute;display:grid;place-items:center;right:2.12%;top:14.25%;width:10.9%;height:45.5%;background:#080e13;border:1px solid #8897a0;border-radius:4px}
 .mobile-tree-logo img{width:85%;filter:invert(1)}
 .mobile-countdown{display:flex;position:absolute;left:3%;top:20%;width:26%;height:34%;border-radius:6px;background:#04090eed;flex-direction:column;align-items:center;justify-content:center;border:1px solid #607984}
 .mobile-countdown span{font-size:10px;color:#bbced8;letter-spacing:.7px}
 .mobile-countdown strong{font:700 43px/1.05 Consolas,monospace;color:#ff3c30}
 footer{padding:18px 16px 24px;gap:12px;display:flex;flex-direction:column;align-items:stretch}
 footer .run-message{font-size:16px;line-height:1.5;flex:none}
 footer p{font-size:14px;max-width:none;margin:0}
}