.flap-shell{max-width:760px;margin:20px auto 40px}.flap-hero{min-height:0;padding:28px max(20px,calc((100vw - 760px)/2));gap:16px}.flap-hero h1{font-size:clamp(34px,6vw,56px);letter-spacing:-2px}.flap-hero p:last-child{font-size:15px;line-height:1.5}.flap-hero-fish{flex-basis:160px;transform:scale(.8)}
.flap-mode-panel{padding:16px;margin-bottom:12px;border:1px solid #c8dcd6;border-radius:16px;background:#fffdf7;color:#143e48}.flap-mode-fields{display:flex;flex-wrap:wrap;gap:12px}.flap-mode-fields label{flex:1;min-width:180px;font-size:12px;font-weight:700}.flap-mode-fields label[hidden]{display:none}.flap-mode-fields select{display:block;width:100%;min-height:46px;margin-top:6px;padding:8px;border:1px solid #a4c6c3;border-radius:10px;background:#eff6ef;color:#143e48;font:inherit;font-size:15px}.flap-mode-panel p{margin:10px 0 6px;font-size:14px;line-height:1.5}.flap-mode-panel small{font-size:12px;line-height:1.5;color:#516e73}
.flap-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.flap-toolbar span{padding:10px 4px;font-size:10px;letter-spacing:.3px}.flap-toolbar strong{font-size:21px}.flap-mission{margin:0;background:#143e48;color:#fff;text-align:center;padding:9px;font-size:13px;font-variant-numeric:tabular-nums}
.flap-stage{width:100%;height:560px;min-height:0;max-height:none;border-radius:0 0 16px 16px}.flap-stage canvas{object-fit:contain}.flap-run-hud{gap:5px;right:95px}.flap-run-hud span{min-width:0;flex:1;width:auto;padding:6px}.flap-run-hud b{font-size:11px}.flap-run-hud small{font-size:9px;letter-spacing:0}.flap-current{white-space:normal;max-width:88%;text-align:center}.flap-overlay{padding:24px 16px;justify-content:center;overflow-y:auto;touch-action:pan-y}.flap-overlay h2{font-size:30px;letter-spacing:-1px}.flap-overlay button{flex-shrink:0}.flap-result-stats{width:100%;max-width:380px}.flap-result-stats span{flex:1;min-width:0;padding:9px 4px}.flap-result-stats strong{font-size:20px}
.flap-touch-controls{display:flex;gap:10px;margin-top:12px}.flap-touch-controls button{min-height:52px;border:1px solid #91b5b4;border-radius:12px;padding:12px 18px;font:700 15px Arial;color:#143e48;background:#fffdf7;touch-action:manipulation}.flap-touch-controls #flapSwim{flex:1;color:#fff;background:#087d85;touch-action:none}.flap-touch-controls button:disabled{opacity:.5}.flap-input-help{font-size:12px;line-height:1.5;text-align:center;color:#516e73}.flap-options{margin-top:10px;padding:10px}.flap-scores{padding:18px}.flap-scores h2{font-size:23px}.flap-power{flex-wrap:wrap;max-width:95%}.flap-shell button:focus-visible,.flap-shell select:focus-visible{outline:3px solid #e6aa32;outline-offset:3px}
@media(max-width:780px){.flap-shell{margin:14px 10px 28px}.flap-stage{height: min(560px,140vw)}.flap-hero{padding:20px}.flap-hero-fish{display:none}.flap-overlay#flapStart{padding:22px 14px;justify-content:center}.flap-overlay h2{font-size:28px}.flap-scores ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.flap-toolbar span{font-size:9px}.flap-run-hud b{font-size:10px}.flap-overlay h2{font-size:25px}.flap-daily{padding:8px}.flap-overlay button{min-height:46px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.flap-stage.dare-flash:after{animation:none;display:none}}
.flap-online{max-width:760px;margin:16px auto;padding:16px;border:1px solid #c8dcd6;border-radius:16px;background:#fffdf7;color:#143e48}.flap-online summary{cursor:pointer;font-size:14px;font-weight:700;min-height:28px}.flap-online:not([open])>.board-entry,.flap-online:not([open])>.guest-board{display:none}.flap-online>.board-entry,.flap-online>.guest-board{width:100%;margin:14px 0 0}.flap-toolbar{scroll-margin-top:80px}
@media(max-width:780px){.flap-online{margin:14px 10px}.flap-playing .site-mobile-dock{display:none}.flap-playing .flap-stage{height:min(520px,calc(100dvh - 260px));min-height:280px}}