*{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:var(--bg);color:var(--text);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:var(--bg)}#datetime{font-size:1.2rem;color:var(--text-muted);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}.user-icon{position:absolute;top:15px;left:15px;font-size:1.8rem;cursor:pointer;color:var(--text-muted);z-index:10;padding:5px}.user-icon .icon-sizer{visibility:hidden}.user-icon svg{position:absolute;left:50%;top:50%;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.user-initials{position:absolute;left:50%;top:50%;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-sizing:border-box;border:.083em solid currentColor;border-radius:50%;font-size:1em;line-height:1;text-align:center;white-space:nowrap;margin-top:1px}.user-initials span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:.4em;font-weight:700;letter-spacing:.02em}.menu-user-icon{line-height:0;color:var(--text-muted)}.menu-user-icon svg{width:1.3em;height:1.3em}.settings-icon{position:absolute;top:15px;right:15px;font-size:1.8rem;cursor:pointer;color:var(--text-muted);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}#btn-fish{-webkit-touch-callout:none}.fish-bubble{position:fixed;z-index:50;pointer-events:none;font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5));transform:translate(-50%,-50%) scale(1);will-change:transform,opacity}.fish-bubble.growing{transform:translate(-50%,-50%) scale(var(--grow,2));transition:transform 1s linear}.fish-bubble.float{animation:fishFloat 1.7s ease-out forwards}@keyframes fishFloat{0%{transform:translate(-50%,-50%) scale(var(--from,1));opacity:1}21%{transform:translate(calc(-50% + 12px),calc(-50% - 50px)) scale(var(--s,1));opacity:1}42%{transform:translate(calc(-50% - 12px),calc(-50% - 105px)) scale(var(--s,1));opacity:.8}71%{transform:translate(calc(-50% + 10px),calc(-50% - 160px)) scale(var(--s,1));opacity:.5}100%{transform:translate(-50%,calc(-50% - 227px)) scale(var(--s,1));opacity:0}}.fish-bubble.dissolve{animation:fishDissolve .3s ease-out forwards}@keyframes fishDissolve{from{transform:translate(-50%,-50%) scale(var(--from,1));opacity:1}to{transform:translate(-50%,-50%) scale(var(--from,1));opacity:0}}.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:var(--overlay);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 var(--border);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:var(--surface-2)}.menu-item select{background:var(--surface-4);color:var(--text);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:var(--text-faint)!important;cursor:not-allowed;pointer-events:none}.menu-item.disabled span{filter:grayscale(1)}.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}.no-flexgap .dropdown-menu>*+*{margin-top:15px}.menu-overlay.active .dropdown-menu{transform:translateY(0)}.menu-group{background:var(--surface);border-radius:12px;box-shadow:0 4px 20px var(--shadow-40);display:flex;flex-direction:column}.menu-item-isolated{background:var(--surface);border-radius:12px!important;border-bottom:none!important;box-shadow:0 4px 20px var(--shadow-40)}.menu-item-isolated:not(.disabled):active{background-color:var(--surface-2)}.competition-popup{position:absolute;background:var(--surface);border-radius:12px;width:280px;top:60px;right:20px;box-shadow:0 4px 20px var(--shadow-50);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 var(--border)}.popup-form-scroll{overflow-y:auto;flex:1}.installing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:var(--overlay-strong);display:none;justify-content:center;align-items:center;touch-action:none}.installing-overlay.active{display:flex}.installing-popup{background:var(--surface);border-radius:12px;box-shadow:0 4px 20px var(--shadow-50);padding:25px 30px;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:80%}.no-flexgap .installing-popup>*+*{margin-top:15px}.installing-spinner{width:44px;height:44px;border:4px solid var(--border-2);border-top-color:#28a745;border-radius:50%;animation:installingSpin .9s linear infinite}@keyframes installingSpin{to{transform:rotate(360deg)}}.installing-text{font-size:1.1rem;font-weight:700;text-align:center;color:#fff}.popup-text{padding:15px 20px;font-size:1rem;line-height:1.4;color:var(--text-2)}.input-group{padding:12px 20px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--border)}.no-flexgap .input-group>*+*{margin-top:5px;margin-left:0}.input-group label{font-size:.9rem;color:var(--text-muted)}.input-group input{background:var(--surface-4);color:var(--text);border:1px solid var(--border-strong);padding:8px 12px;border-radius:6px;font-size:1.1rem;font-family:inherit;outline:0;width:100%}.input-group input[type=time]{background:var(--surface-4);color:var(--text);border:1px solid var(--border-strong);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:var(--surface-2)}.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}.popup-btn.secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.popup-btn.secondary:active{background-color:var(--btn-secondary-bg-active)}@media (max-width:600px) and (orientation:portrait){.competition-popup,.dropdown-menu{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;background:var(--bg);padding:15px 15px 35px 15px;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 var(--shadow-60)}.dropdown-menu{gap:15px}.no-flexgap .dropdown-menu>*+*{margin-top:15px}.menu-group,.menu-item-isolated{box-shadow:none;background:var(--surface)}.menu-item{padding:20px;font-size:1.2rem}.competition-popup{padding:0;background:var(--surface)}}@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 var(--border-soft);border-right:1px solid var(--border-soft)}#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}.no-flexgap .input-group>*+*{margin-left:15px;margin-top:0}.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:var(--surface-4);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%}.no-flexgap .menu-scroll-container>*+*{margin-top:15px}@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:var(--surface-5);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:var(--bg);padding:15px 15px 35px 15px;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 var(--shadow-60);max-height:92vh!important;overflow-y:auto!important;display:flex;flex-direction:column;gap:15px}.no-flexgap .dropdown-menu>*+*{margin-top:15px}.menu-scroll-container{overflow:visible!important;max-height:none!important;padding-bottom:0!important}.menu-group,.menu-item-isolated{box-shadow:none;background:var(--surface)}.menu-item{padding:20px;font-size:1.2rem}.competition-popup{padding:0;background:var(--surface)}}@keyframes redFlashFiveTimes{0%,100%{background-color:var(--bg)}50%{background-color:#bc2130}}.flash-active{animation:redFlashFiveTimes .3s ease-in-out 5}#menu-install-pwa{border-bottom:none!important}#menu-install-pwa:not(.disabled):active{background-color:var(--surface-2)}.menu-item-value{color:var(--text-muted);font-size:.95em;text-align:right;margin-left:10px}.distances-panel{width:100%;max-width:420px;margin-top:12px}.dist-title{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.no-flexgap .dist-title>*+*{margin-left:6px}.dist-eye-btn{background:0 0;border:none;color:var(--text-muted);width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.dist-eye-btn:active{background:var(--surface-2)}.dist-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-gap:6px;gap:6px}.dist-btn{background:var(--surface);border:1px solid var(--border-2);border-radius:8px;color:var(--text);padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.no-flexgap .dist-btn>*+*{margin-top:2px}.dist-btn:active{background:var(--surface-2)}.dist-btn.active{border-color:#06c;background:var(--accent-blue-tint);box-shadow:inset 0 0 0 1px #06c}.dist-value{font-size:1rem;font-weight:700;white-space:nowrap}.dist-counts{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.dist-casts{color:#3498db;font-weight:700}.dist-fish{color:#28a745;font-weight:700}@media (orientation:landscape){.dist-buttons{grid-template-columns:repeat(2,1fr)}}.dist-popup-top{display:flex;justify-content:flex-end;padding:10px 20px 0}.dist-link-btn{background:0 0;border:none;color:#ff4d4d;font-size:.95rem;font-family:inherit;cursor:pointer;padding:4px 0}.dist-row{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--border)}.no-flexgap .dist-row>*+*{margin-left:8px}.dist-input{flex:1;min-width:0;background:var(--surface-4);color:var(--text);border:1px solid var(--border-strong);padding:8px 12px;border-radius:6px;font-size:1.1rem;font-family:inherit;outline:0}.dist-input:focus{border-color:#06c;background:var(--surface-2)}.dist-row.invalid .dist-input{border-color:#ff4d4d}.dist-unit{color:var(--text-muted)}.dist-remove{background:0 0;border:none;color:#ff4d4d;font-size:1rem;width:32px;height:32px;border-radius:6px;cursor:pointer}.dist-remove:active{background:var(--surface-2)}.dist-add-wrap{padding:10px 20px}.dist-add-btn{width:100%;background:0 0;border:1px dashed var(--border-strong);border-radius:6px;color:var(--text-muted);font-size:1rem;font-family:inherit;padding:8px;cursor:pointer}.dist-hint{color:var(--text-faint);font-size:.8rem;padding:0 20px 12px}.menu-item-controls{display:flex;align-items:center;gap:10px}.no-flexgap .menu-item-controls>*+*{margin-left:10px}@supports not (display:grid){.dist-buttons{display:flex;flex-wrap:wrap;margin:-3px}.dist-buttons>*{flex:1 1 70px;margin:3px}}.competition-popup.popup-left,.dropdown-menu.dropdown-left{left:20px;right:auto}.user-menu-account{display:flex;align-items:center;gap:8px;min-width:0;padding-right:10px}.no-flexgap .user-menu-account>*+*{margin-left:8px}.user-menu-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-provider{flex-shrink:0;line-height:0}.user-menu-provider svg{width:1.1em;height:1.1em}.login-providers{display:flex;flex-direction:column;gap:10px;padding:20px 20px 5px}.no-flexgap .login-providers>*+*{margin-top:10px}.vk-login-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:none;border-radius:10px;background-color:#07f;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;gap:10px}.no-flexgap .vk-login-btn>*+*{margin-left:10px}.vk-login-btn:active{background-color:#0062d1}.max-login-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:none;border-radius:10px;background-color:#5a4dff;background-image:linear-gradient(90deg,#2e8bff,#8a3dff);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;gap:10px}.no-flexgap .max-login-btn>*+*{margin-left:10px}.max-login-btn:active{background-image:linear-gradient(90deg,#2373d6,#7231d6)}.yandex-login-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 24px;border:none;border-radius:12px;background-color:#000;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;gap:12px}.no-flexgap .yandex-login-btn>*+*{margin-left:12px}.yandex-login-btn svg{flex-shrink:0;width:24px;height:24px}.yandex-login-btn:active{opacity:.85}.login-hint{font-size:.9rem;color:var(--text-muted-2)}.methods-list{padding:5px 20px 0}.methods-row{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--border)}.no-flexgap .methods-row>*+*{margin-left:10px}.methods-icon{flex-shrink:0;line-height:0}.methods-icon svg{width:24px;height:24px}.methods-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.methods-status{font-size:.85rem;color:#28a745}.methods-btn{flex-shrink:0;padding:7px 12px;border:none;border-radius:8px;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-size:.9rem;font-weight:700;cursor:pointer}.methods-btn:active{background-color:var(--btn-secondary-bg-active)}.methods-btn.primary{background-color:#06c;color:#fff}.methods-btn.primary:active{background-color:#004c99}.methods-btn:disabled{opacity:.5;cursor:default}.methods-merge{margin:15px 20px 5px;padding:12px;border:1px solid var(--border-2);border-radius:10px;background:var(--surface-2)}.methods-merge-text{font-size:.9rem;line-height:1.4;color:var(--text-2)}.methods-merge-buttons{display:flex;gap:10px;margin-top:10px}.no-flexgap .methods-merge-buttons>*+*{margin-left:10px}.methods-merge-buttons .methods-btn{flex:1}.email-login-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:1px solid var(--border-strong);border-radius:10px;background-color:var(--surface-4);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;gap:10px}.no-flexgap .email-login-btn>*+*{margin-left:10px}.email-login-btn svg{flex-shrink:0}.email-login-btn:active{background-color:var(--surface-5)}.competition-popup.email-popup{width:340px}.auth-form{display:flex;flex-direction:column;padding:12px 20px 16px}.auth-field{display:flex;flex-direction:column;margin-bottom:10px}.auth-field label{font-size:.9rem;color:var(--text-muted);margin-bottom:5px}.auth-required{margin-left:2px;color:#dc3545}.auth-input-row{position:relative}.auth-input{display:block;width:100%;height:44px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-4);color:var(--text);font-size:1rem;font-family:inherit;outline:0;-webkit-appearance:none}.auth-input:focus{border-color:#06c;background:var(--surface-2)}.auth-input-row input[name=password2],.auth-input-row input[name=password]{padding-right:46px}.auth-eye{position:absolute;top:0;right:0;width:44px;height:44px;border:none;background:0 0;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer}.auth-eye.active{color:#3498db}.auth-field.invalid .auth-input{border-color:#dc3545}.auth-error{font-size:.85rem;color:#dc3545;margin-top:4px}.auth-error:empty{display:none}.auth-forgot{display:flex;justify-content:flex-end;margin:-4px 0 6px}.auth-center{display:flex;justify-content:center;margin-top:10px}.auth-link{border:none;background:0 0;padding:6px 0;color:#3498db;font-size:.95rem;font-family:inherit;cursor:pointer}.auth-link:disabled{opacity:.5;cursor:default}.auth-link.auth-inline{display:block;padding:6px 0 0;text-align:left}.auth-info{font-size:.95rem;line-height:1.4;color:var(--text-2);margin-bottom:12px}.auth-hint{font-size:.85rem;line-height:1.35;color:var(--text-muted-2);margin-bottom:12px}.auth-message{font-size:.9rem;line-height:1.4;color:var(--text-2);margin-bottom:10px}.auth-message.error{color:#dc3545}.auth-cooldown{margin-top:8px;font-size:.85rem;line-height:1.4;color:var(--text-muted);text-align:center}.auth-message.empty{display:none}.auth-secondary,.auth-submit{width:100%;height:46px;border-radius:10px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer}.auth-submit{border:none;background-color:#06c;color:#fff}.auth-submit:active{background-color:#004c99}.auth-secondary.loading,.auth-submit.loading{opacity:.85;cursor:default}.auth-secondary.loading::before,.auth-submit.loading::before{content:'';display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-3px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-field+.auth-message.empty+.auth-submit{margin-top:25px}.auth-secondary{margin-top:10px;border:1px solid var(--border-strong);background-color:var(--surface-4);color:var(--text)}.auth-secondary:active{background-color:var(--surface-5)}.auth-secondary:disabled,.auth-submit:disabled{cursor:default}.auth-secondary:disabled:not(.loading),.auth-submit:disabled:not(.loading){opacity:.45}.auth-notice{margin-top:14px;font-size:.75rem;line-height:1.35;color:var(--text-faint);text-align:center}.auth-notice a{color:inherit;text-decoration:underline}.auth-captcha{height:0;overflow:hidden}@media (max-width:600px) and (orientation:portrait){.competition-popup.popup-left,.dropdown-menu.dropdown-left{left:0;right:0}.competition-popup.email-popup{width:100%}}@media (orientation:landscape){.user-icon{top:10px;left:10px;font-size:1.5rem}.competition-popup.popup-left,.dropdown-menu.dropdown-left{left:10px;right:auto}}