*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:#1a1a1a;color:#fff;height:100vh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.top-info{height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;position:relative;background-color:#1a1a1a}#datetime{font-size:1.2rem;color:#aaa;margin-bottom:5px;text-align:center}.pause-container{position:relative;height:1.5rem;margin-bottom:2px;display:flex;align-items:center;justify-content:center}#pause-label{visibility:hidden;color:#ff4d4d;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}#timer{font-size:5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.settings-icon{position:absolute;top:15px;right:15px;font-size:1.8rem;cursor:pointer;color:#aaa;z-index:10;padding:5px}.buttons-container{height:60vh;display:flex;flex-direction:row;width:100%}.btn{flex:1;border:none;color:#fff;font-size:1.5rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background-color 50ms ease-out;height:100%;outline:0;-webkit-tap-highlight-color:transparent}#btn-cast{background-color:#06c}#btn-fish{background-color:#28a745}#btn-cast:active{background-color:#004c99!important}#btn-fish:active{background-color:#1e7e34!important}#btn-cast:focus,#btn-cast:focus-visible{background-color:#06c}#btn-fish:focus,#btn-fish:focus-visible{background-color:#28a745}.counter{font-size:3.5rem;margin-top:10px;font-variant-numeric:tabular-nums;line-height:1}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:100}.menu-overlay.active{opacity:1;visibility:visible}.menu-item{padding:16px 20px;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;cursor:pointer}.menu-group .menu-item:last-child{border-bottom:none}.menu-item:not(.disabled):active{background-color:#333}.menu-item select{background:#444;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:1rem;outline:0}#comp-settings-wrench:active{opacity:.6}.menu-item.danger{color:#ff4d4d}.menu-item.disabled{color:#555!important;cursor:not-allowed;pointer-events:none}.menu-item.disabled span{opacity:.4}.dropdown-menu{position:absolute;background:0 0;width:280px;top:60px;right:20px;overflow:visible;transform:translateY(-10px);transition:transform .2s ease;max-height:90vh;display:flex;flex-direction:column;gap:15px}.menu-overlay.active .dropdown-menu{transform:translateY(0)}.menu-group{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4);display:flex;flex-direction:column}.menu-item-isolated{background:#2a2a2a;border-radius:12px!important;border-bottom:none!important;box-shadow:0 4px 20px rgba(0,0,0,.4)}.menu-item-isolated:not(.disabled):active{background-color:#333}.competition-popup{position:absolute;background:#2a2a2a;border-radius:12px;width:280px;top:60px;right:20px;box-shadow:0 4px 20px rgba(0,0,0,.5);overflow:hidden;transform:translateY(-10px);transition:transform .2s ease;max-height:90vh;display:flex;flex-direction:column}.menu-overlay.active .competition-popup{transform:translateY(0)}.popup-title{padding:14px 20px 10px;font-size:1.2rem;font-weight:700;text-align:center;border-bottom:1px solid #3a3a3a}.popup-form-scroll{overflow-y:auto;flex:1}.input-group{padding:12px 20px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #3a3a3a}.input-group label{font-size:.9rem;color:#aaa}.input-group input{background:#444;color:#fff;border:1px solid #555;padding:8px 12px;border-radius:6px;font-size:1.1rem;font-family:inherit;outline:0;width:100%}.input-group input[type=time]{background:#444;color:#fff;border:1px solid #555;padding:8px 12px;border-radius:6px;font-size:1.1rem;font-family:inherit;outline:0;width:100%;color-scheme:dark}.input-group input[type=time]::selection{background:#004c99;color:#fff}.input-group input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(100%);cursor:pointer}.input-group input[type=time]:focus{border-color:#06c;background:#333}.popup-buttons{display:flex;width:100%;height:48px}.popup-btn{flex:1;border:none;font-size:1rem;font-weight:700;cursor:pointer;color:#fff}.popup-btn.save{background-color:#28a745}.popup-btn.save:active{background-color:#1e7e34}.popup-btn.cancel{background-color:#dc3545}.popup-btn.cancel:active{background-color:#bd2130}@media (max-width:600px) and (orientation:portrait){.competition-popup,.dropdown-menu{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;background:#1a1a1a;padding:15px 15px calc(15px + env(safe-area-inset-bottom,20px)) 15px;border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:0 -5px 25px rgba(0,0,0,.6)}.dropdown-menu{gap:15px}.menu-group,.menu-item-isolated{box-shadow:none;background:#2a2a2a}.menu-item{padding:20px;font-size:1.2rem}.competition-popup{padding:0;background:#2a2a2a}}@media (orientation:landscape){body{flex-direction:row}.buttons-container{display:contents}#btn-cast{order:1;width:35vw;height:100vh}.top-info{order:2;width:30vw;height:100vh;padding:10px;border-left:1px solid #333;border-right:1px solid #333}#btn-fish{order:3;width:35vw;height:100vh}#timer{font-size:4rem}.counter{font-size:3rem}#datetime{font-size:1rem}.settings-icon{top:10px;right:10px;font-size:1.5rem}.competition-popup,.dropdown-menu{top:20px;right:10px}.competition-popup{width:320px}.popup-title{padding:8px 15px;font-size:1.1rem}.input-group{padding:6px 15px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.input-group label{font-size:1rem;min-width:70px}.input-group input{padding:4px 8px;font-size:1rem;width:130px}.popup-buttons{height:40px}}@media (hover:none){#btn-cast:active{background-color:#004c99!important}#btn-fish:active{background-color:#1e7e34!important}}#timer.long-format{font-size:3.8rem}@media (orientation:landscape){#timer.long-format{font-size:3.2rem}}.switch-toggle{position:relative;display:inline-block;width:46px;height:24px}.switch-toggle input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.2s ease;border-radius:24px}.slider-toggle:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s ease;border-radius:50%}.switch-toggle input:checked+.slider-toggle{background-color:#28a745}.switch-toggle input:checked+.slider-toggle:before{transform:translateX(22px)}.menu-scroll-container{display:flex;flex-direction:column;gap:15px;width:100%}@media (orientation:landscape){.dropdown-menu{max-height:90vh!important;overflow:hidden}.menu-scroll-container{overflow-y:auto;max-height:100%;padding-right:5px}.menu-scroll-container::-webkit-scrollbar{width:4px}.menu-scroll-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}}@media (max-width:600px) and (orientation:portrait){.dropdown-menu{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;background:#1a1a1a;padding:15px 15px calc(15px + env(safe-area-inset-bottom,20px)) 15px;border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:0 -5px 25px rgba(0,0,0,.6);max-height:80vh!important;overflow-y:auto!important;display:flex;flex-direction:column;gap:15px}.menu-scroll-container{overflow:visible!important;max-height:none!important;padding-bottom:0!important}.menu-group,.menu-item-isolated{box-shadow:none;background:#2a2a2a}.menu-item{padding:20px;font-size:1.2rem}.competition-popup{padding:0;background:#2a2a2a}}@keyframes redFlashFiveTimes{0%,100%{background-color:#1a1a1a}50%{background-color:#bc2130}}.flash-active{animation:redFlashFiveTimes .3s ease-in-out 5}