:root{--pool-cyan:#8fe7ed;--accent-gold:#e7ff82;--glass-bg:rgba(7,26,43,.86);--glass-border:#ffffff20;--font-heading:'Outfit',sans-serif;--glass-shadow:0 30px 80px #0005}body{color:#eaf4f5}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #e7ff82;outline-offset:3px}#appContainer{height:100dvh}#menuScreen{justify-content:flex-start;padding:28px 36px;background:linear-gradient(90deg,#03172795,transparent 85%);align-items:center}.ui-card{border-radius:24px;padding:28px;width:100%;max-height:92dvh}.brand{text-align:left;margin-bottom:20px}.brand .badge{background:transparent;color:#afd0d7;border:0;padding:0;font-size:12px;letter-spacing:3px;font-weight:600;margin-bottom:12px}.brand .title{font-size:clamp(34px,4vw,60px);line-height:.94;letter-spacing:-2px;font-weight:900}.brand .title .highlight{color:#e7ff82;background:none;-webkit-text-fill-color:#e7ff82;text-shadow:none}.subtitle{font-size:15px;color:#b9ccd3;margin-top:12px}#menuScreen>.ui-card{max-width:570px;background:linear-gradient(140deg,#082334ed,#0c243acc);backdrop-filter:blur(16px)}.menu-grid{display:flex;flex-direction:column;gap:18px}.config-panel{padding:0;background:none;border:0}.config-panel h3,.info-panel h3{font-size:14px;font-weight:600;margin:16px 0 9px;color:#d7e5e8}.character-grid{grid-template-columns:repeat(4,1fr);gap:6px}.char-card{padding:10px 4px;border-radius:10px;background:#ffffff05;border:1px solid #ffffff14;transition:transform .2s,background .2s}.char-card:hover{transform:translateY(-3px);background:#ffffff13}.char-card.active{border-color:#e7ff82;box-shadow:inset 0 0 0 1px #e7ff8233;background:#e7ff8210}.char-avatar{width:28px;height:28px;margin:0 auto 5px;box-shadow:none}.char-hair-icon{display:none}.char-flag{font-size:22px;position:static;display:block}.char-name{font-size:14px}.char-country{font-size:12px;color:#a5bdc8}.form-group{margin-bottom:8px}label{font-size:14px!important}#swimmerName{height:38px;padding:8px 12px;border-radius:8px;background:#021828;font-size:16px}.swimmer-count-grid,.lap-grid,.round-grid,.difficulty-grid{gap:6px}.count-card,.lap-card,.round-card,.diff-card{background:#ffffff05;border:1px solid #ffffff16;border-radius:8px;padding:9px 3px;min-height:0;transition:background .2s,transform .2s}.count-card.active,.lap-card.active,.round-card.active,.diff-card.active{background:#9ae8ec18!important;border-color:#9ae8ec!important;box-shadow:none!important}.count-title,.lap-dist,.round-title,.diff-title{font-size:14px!important}.count-desc,.lap-count,.round-desc,.diff-desc{font-size:12px!important;line-height:1.3;color:#a3bac4}.lap-count,.diff-desc{display:none}.round-title{color:#d7e5e8!important}.info-panel{background:none;border:0;padding:0;gap:10px}.info-panel h3,.controls-list{display:none}.stats-preview{margin:0;display:flex;gap:20px;padding:0;border:0;background:none}.stat-box{padding:0;border:0;background:none;flex:1;text-align:left}.stat-label{font-size:12px}.stat-val{font-size:17px;color:#d5edf3}.btn-primary{background:#e7ff82!important;color:#15292d!important;border:0!important;box-shadow:none!important;text-shadow:none!important}.btn-large{font-size:16px;padding:15px 20px;border-radius:12px}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.glow-effect{animation:none}.hud-frame-top,.hud-frame-bottom{background:none!important;border:0!important;backdrop-filter:none!important;gap:10px;padding:20px!important}.hud-pill-box{background:#071c32d9!important;border:1px solid #ffffff20!important;border-radius:14px!important;padding:12px 18px!important;backdrop-filter:blur(12px)}.hud-pill-label{font-size:12px;letter-spacing:1px}.hud-pill-val{font-size:20px}.hud-action-btn{border-radius:10px;background:#092a40d9;border:1px solid #ffffff30;font-size:14px;padding:12px}.hud-touch-btn{background:#e7ff82!important;color:#15292d!important;border:0!important;box-shadow:0 8px 30px #0004!important;border-radius:16px;padding:20px!important;font-size:15px!important;min-width:220px}.hud-touch-btn:active{transform:scale(.96)}#cameraSwitch{position:absolute;right:24px;top:50%;z-index:20;background:#07283fcd;color:#e8f6f8;border:1px solid #ffffff36;backdrop-filter:blur(12px);border-radius:30px;padding:12px 18px;font-size:14px;cursor:pointer}.modal-card{max-width:480px!important}.modal-card .title{font-size:40px}#resultsScreen>.ui-card{max-width:900px}.results-table-container{overflow:auto}.results-table th,.results-table td{font-size:14px}.fallback-note{position:fixed;bottom:5px;left:8px;z-index:50;font-size:12px;color:white}.highlight-cyan{color:#95e8ed!important}.highlight-green,.highlight-gold{color:#e7ff82!important}.screen.active>.ui-card{animation:arrive .45s ease both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:1100px) and (min-height:850px){#menuScreen>.ui-card{max-width:590px}.config-panel h3{margin-top:18px}.char-card{padding:13px 4px}.count-card,.lap-card,.round-card,.diff-card{padding:11px 4px}}@media(max-width:700px){#menuScreen{padding:15px;align-items:flex-start;padding-top:120px;background:linear-gradient(0deg,#031727bd,transparent)}#menuScreen>.ui-card{max-height:none;padding:20px;border-radius:20px}.screen{padding:12px;align-items:flex-start}.screen:not(#menuScreen)>.ui-card{margin-top:20px}.brand .title{font-size:36px}.brand{margin-bottom:16px}.subtitle{font-size:14px}.hud-frame-top{display:grid!important;grid-template-columns:1fr 1fr;padding:10px!important;gap:6px!important}.hud-pill-box{padding:9px 10px!important;min-width:0!important}.hud-pill-val{font-size:15px!important}.hud-btn-group{gap:5px}.hud-action-btn{font-size:12px!important;padding:10px 8px!important;flex:1}.hud-frame-bottom{display:grid!important;grid-template-columns:1fr 1fr;padding:10px 10px max(14px,env(safe-area-inset-bottom))!important;gap:6px!important}.hud-frame-bottom .boost-status-box{display:none!important}.hud-touch-group{grid-column:1/-1;width:100%}.hud-touch-btn{width:100%;min-width:0;font-size:15px!important;padding:18px!important}.hud-frame-bottom .speed-box{display:none!important}.hud-frame-bottom>.hud-pill-box:first-child{grid-column:1/-1;justify-content:space-between;display:flex;align-items:center}#cameraSwitch{top:auto;bottom:150px;right:12px;padding:10px 14px;font-size:13px}body:has(#menuScreen.active) #cameraSwitch{top:30px;bottom:auto}#resultsScreen .title{font-size:28px;line-height:1.1}.podium-swimmer{font-size:12px}.results-actions{flex-direction:column}.round-desc{display:none}.character-grid{gap:5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}