:root{--color-purple:#4dd569;--color-purple-dark:#2aab40;--color-purple-light:#88e89a;--color-amber:#fbbf24;--color-amber-dark:#d97706;--color-amber-bar:#fbbf2426;--color-score-text:#fff;--color-white:#fff;--color-gray-light:#ffffff1f;--color-gray:#ffffff73;--color-gray-dark:#ffffffb3;--color-overlay:#000000b8;--btn-gold-bg:#fbbf242e;--btn-gold:#fbbf24;--font-size-score:clamp(72px, 20vw, 110px);--font-size-team:clamp(13px, 3.5vw, 16px);--font-size-small:11px;--font-size-base:14px;--btn-large:72px;--btn-medium:52px;--btn-small:40px;--btn-icon:36px;--header-height:56px;--ad-height:84px;--history-height:52px;--bottom-height:96px;--radius-full:9999px;--radius-md:16px;--radius-sm:12px;--glass-bg:#ffffff17;--glass-bg-strong:#ffffff26;--glass-border:#ffffff2e;--glass-border-subtle:#ffffff12;--glass-shadow:0 4px 24px #00000059, inset 0 1px 0 #ffffff26;--glass-shadow-heavy:0 8px 40px #00000080, inset 0 1px 0 #ffffff2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0c1e14;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#root{background:#0c1e14;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app{background:linear-gradient(170deg,#0f2a1a 0%,#0c1840 55%,#091c30 100%);flex-direction:column;width:100%;max-width:430px;height:100svh;max-height:860px;display:flex;position:relative;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}.seo-description{color:#ffffff59;text-align:center;background:0 0;flex-shrink:0;padding:3px 12px 5px;font-size:10px;line-height:1.4}.ad-banner{height:var(--ad-height);-webkit-backdrop-filter:blur(16px)saturate(160%);letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;background:#ffffff0d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.header{height:var(--header-height);-webkit-backdrop-filter:blur(24px)saturate(200%);background:#ffffff1a;border-bottom:1px solid #ffffff29;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.header__title{color:#ffffffe6;letter-spacing:.03em;font-size:16px;font-weight:700}.header__buttons{align-items:center;gap:10px;display:flex}.icon-btn{width:var(--btn-icon);height:var(--btn-icon);border-radius:var(--radius-full);cursor:pointer;color:#fffc;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff29;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:transform .12s,background .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.icon-btn:active{background:#ffffff24;transform:scale(.9)}.icon-btn--active{color:#a3e8aa;background:#4dd56947;border-color:#4dd5698c;box-shadow:0 0 16px #4dd56933,inset 0 1px #ffffff26}.icon-btn--reset-inactive{color:#fff3;cursor:default;box-shadow:none;background:#ffffff0a;border-color:#ffffff0f}.icon-btn--reset-step1{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66;box-shadow:0 0 12px #f59e0b33}.icon-btn--reset-step2{color:#fb923c;background:#ea580c40;border-color:#ea580c80;box-shadow:0 0 14px #ea580c40}.icon-btn--reset-step3{color:#f87171;background:#dc262647;border-color:#dc262680;box-shadow:0 0 16px #dc26264d}.history-bar{height:var(--history-height);-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff14;border-bottom:1px solid #ffffff21;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}.history-bar__scroll{scrollbar-width:none;flex-direction:row;flex:1;align-items:center;gap:8px;display:flex;overflow:auto hidden}.history-bar__scroll::-webkit-scrollbar{display:none}.chip--add{border-radius:var(--radius-full);color:#a3e8aa;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4dd56938;border:1.5px solid #4dd569a6;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:400;line-height:1;transition:transform .1s,box-shadow .2s,background .2s;display:flex;box-shadow:0 0 14px #4dd56961,inset 0 1px #ffffff26}.chip--add:active{background:#4dd5696b;transform:scale(.9)}.chip--add-disabled{color:#ffffff40;box-shadow:none;opacity:1;cursor:default;background:#ffffff0d;border:1px solid #ffffff1a}.chip--saved{border-radius:var(--radius-full);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex}.chip__number{color:#ffffff73;font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.chip__score{color:#ffffffd9;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.chip__delete{cursor:pointer;color:#ffffff4d;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;margin-left:2px;padding:2px 3px;font-size:14px;line-height:1;transition:color .15s}.chip__delete:active{color:#ffffffbf}.history-bar__empty{color:#ffffff73;white-space:nowrap;margin-left:8px;font-size:12px;font-style:italic}.score-area{background:0 0;flex:1;display:flex;position:relative;overflow:hidden}.score-area:after{content:"";z-index:5;pointer-events:none;background:#ffffff0d;width:1px;height:100%;position:absolute;top:0;left:50%}.score-half{flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.score-half:before{content:"";background:radial-gradient(ellipse 110% 60% at 50% 100%, var(--half-color), transparent 68%), radial-gradient(ellipse 80% 35% at 50% 10%, var(--half-color), transparent 72%);opacity:.62;z-index:0;transition:opacity .4s;position:absolute;inset:0}.score-half>*{z-index:1;position:relative}.score-half__top{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:100%;padding:28px 4px 0;display:flex}.score-half__minus-zone,.score-half__lower{flex:1;justify-content:center;align-items:center;display:flex}.score-btn{cursor:pointer;border-radius:var(--radius-full);-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(24px)saturate(200%);color:#fffffff2;background:#ffffff29;border:1px solid #ffffff47;flex-shrink:0;justify-content:center;align-items:center;font-weight:200;line-height:1;transition:transform .12s,box-shadow .15s;display:flex;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff47}.score-btn:active{transform:scale(.88);box-shadow:0 2px 10px #0003,inset 0 1px #fff3}.score-btn--minus{width:var(--btn-large);height:var(--btn-large);background:#ffffff1f;border-color:#fff3;font-size:34px;transform:translateY(-36px)}.score-btn--minus:active{transform:translateY(-36px)scale(.88)}.score-half--right .score-btn--minus{background:#ffffff1f;border-color:#fff3}.team-name{font-size:var(--font-size-team);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#ffffffbf;word-break:break-word;text-shadow:0 1px 8px #0006;width:100%;padding:0 6px;font-weight:700;line-height:1.25}.team-name-input{font-size:var(--font-size-team);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:var(--radius-sm);color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff38;outline:none;width:calc(100% - 8px);padding:4px 6px;font-family:inherit;font-weight:700}.team-name-input:focus{background:#ffffff24;border-color:#fff6}.score-half--right .team-name-input{color:#fff;background:#ffffff1a;border-color:#ffffff38}.color-swatch-btn{cursor:pointer;background:0 0;border:2px solid #ffffff73;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d}.score-half--right .color-swatch-btn{border-color:#ffffff73}.color-swatch-btn input[type=color]{opacity:0;cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.score-overlay{pointer-events:none;z-index:10;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-overlay__num,.score-overlay__colon{font-size:var(--font-size-score);color:#fff;text-shadow:0 0 60px #ffffff40,0 2px 24px #0009;align-items:center;font-weight:900;line-height:1;display:inline-flex}.score-overlay__num{font-variant-numeric:tabular-nums;justify-content:center;min-width:1.3ch;font-size:clamp(80px,22vw,122px)}.score-overlay__colon{color:#ffffff73;padding:0 6px;transform:translateY(-.08em)}.score-btn--plus{background:#ffffff1f;border-color:#ffffff38;width:110px;height:110px;font-size:54px;box-shadow:0 8px 32px #00000059,inset 0 1px #fff3}.score-half--right .score-btn--plus{background:#ffffff1f;border-color:#ffffff38}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:200;background:#000000a6;justify-content:center;align-items:flex-end;padding:0;animation:.2s fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:#1a1a30;border:1px solid #ffffff1f;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:92vh;animation:.25s cubic-bezier(.34,1.1,.64,1) slide-up;display:flex;overflow:hidden auto}@keyframes slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(145deg,#2aab40e6 0%,#4dd569ad 100%);border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:28px 20px 24px;display:flex;position:relative}.modal-header__close-x{color:#ffffffd9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:background .15s;display:flex;position:absolute;top:12px;right:14px}.modal-header__close-x:active{background:#ffffff38}.modal-header__icon{background:#ffffff24;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex;box-shadow:0 4px 20px #00000040}.modal-header__title{color:#fff;letter-spacing:.02em;font-size:24px;font-weight:800}.modal-header__subtitle{color:#ffffffa6;text-align:center;font-size:13px}.modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 20px 36px;display:flex}.modal-info{border-radius:var(--radius-md);background:#4dd5691a;border:1px solid #4dd56929;align-items:flex-start;gap:12px;padding:14px;display:flex}.modal-info__icon{color:#88e89a;border:1.5px solid #4dd5698c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.modal-info__text strong{color:#ffffffe6;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.modal-info__text p{color:#ffffff80;font-size:13px;line-height:1.55}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.08em;text-transform:uppercase;color:#fff6;font-size:11px;font-weight:700}.form-input{border-radius:var(--radius-sm);color:#fff;background:#ffffff21;border:1px solid #fff3;outline:none;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.form-input::placeholder{color:#ffffff40}.form-input:focus{background:#ffffff1a;border-color:#4dd5697a}.form-input--error{border-color:#f8717199}.form-error{color:#f87171;font-size:12px;font-weight:500}.form-textarea{resize:none;height:90px;line-height:1.5}.btn-primary{color:#fff;border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4dd569b8;border:1px solid #4dd5696b;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s,background .15s;display:flex;box-shadow:0 4px 20px #4dd56938}.btn-primary:active{opacity:.88;transform:scale(.98)}.btn-coffee{color:#fbbf24;border-radius:var(--radius-full);cursor:pointer;background:#fbbf241a;border:1px solid #fbbf244d;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.btn-coffee:active{background:#fbbf242e}.btn-close{color:#ffffff59;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:color .15s}.btn-close:active{color:#ffffffa6}.form-success{border-radius:var(--radius-md);text-align:center;color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;padding:14px;font-size:14px;font-weight:600}.share-modal-card{width:100%;max-width:430px;max-height:calc(100% - 20px);padding:24px 20px 36px;padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));background:#1a1a30;border:1px solid #ffffff1f;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;gap:14px;animation:.25s cubic-bezier(.34,1.1,.64,1) slide-up;display:flex;position:relative;overflow-y:auto}.share-modal__close-x{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:12px;right:14px}.share-modal__close-x:active{background:#ffffff29}.share-modal__title{color:#ffffffe6;text-align:center;font-size:18px;font-weight:800}.share-modal__subtitle{color:#fff6;text-align:center;margin-top:-6px;font-size:13px}.share-modal__back{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-family:inherit;font-size:13px;font-weight:600}.share-modal__back:active{color:#fffc}.share-format-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-format-btn{border-radius:var(--radius-md);cursor:pointer;color:#ffffffd9;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff24;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 16px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.share-format-btn:active{background:#ffffff24;border-color:#ffffff47}.share-format-btn__icon{color:#ffffffb3;justify-content:center;align-items:center;display:flex}.share-format-btn__label{font-size:15px;font-weight:800}.share-format-btn__desc{color:#fff6;text-align:center;font-size:11px;line-height:1.35}.share-options{flex-direction:column;gap:8px;display:flex}.share-option-btn{border-radius:var(--radius-md);cursor:pointer;color:#fffc;text-align:left;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff24;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.share-option-btn:active{background:#ffffff1f;border-color:#ffffff38}.share-option-btn:disabled{opacity:.5;cursor:default}.share-option-btn__icon{color:#fff9;flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.share-divider{color:#ffffff40;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.share-divider:before,.share-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.share-export-card{background:linear-gradient(160deg,#181832 0%,#0e1828 100%);border-radius:20px;flex-direction:column;gap:16px;width:390px;padding:28px 28px 32px;font-family:system-ui,-apple-system,sans-serif;display:flex}.share-export-card__brand{color:#ffffff59;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.share-export-card__meta{flex-direction:column;gap:6px;display:flex}.share-export-card__teams{align-items:center;gap:10px;font-size:22px;font-weight:900;display:flex}.share-export-card__vs{color:#ffffff4d;font-size:13px;font-weight:600}.share-export-card__date{color:#ffffff59;font-size:12px;font-weight:500}.share-export-card__divider{background:#ffffff14;height:1px}.share-export-card__games{flex-direction:column;gap:8px;display:flex}.share-export-card__row{align-items:center;gap:10px;display:flex}.share-export-card__row-label{color:#ffffff59;flex-shrink:0;width:50px;font-size:12px;font-weight:600}.share-export-card__row-score{color:#fff9;font-variant-numeric:tabular-nums;text-align:center;width:28px;font-size:20px;font-weight:700}.share-export-card__row-sep{color:#ffffff40;font-size:16px;font-weight:600}.share-export-card__summary{font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding-top:4px;font-size:28px;display:flex}.share-export-card__summary-sep{color:#ffffff40;font-size:20px;font-weight:600}.share-export-card__current{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.share-export-card__current-label{color:#fff6;font-size:12px;font-weight:600}.share-export-card__current-score{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.about-modal-card{max-height:92vh;overflow:hidden auto}.cookie-banner{color:#fff;z-index:300;background:#1a1a30;border:1px solid #ffffff1f;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;gap:14px;width:100%;padding:16px 20px 24px;animation:.25s slide-up;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #00000080}.cookie-banner__text strong{color:#ffffffe6;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.cookie-banner__text p{color:#ffffffd9;font-size:12px;line-height:1.55}.cookie-banner__actions{gap:10px;display:flex}.cookie-banner__btn{border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex:1;padding:11px 8px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,background .15s}.cookie-banner__btn:active{opacity:.8}.cookie-banner__btn--reject{color:#ffffffbf;background:#ffffff1a;border:1px solid #ffffff24}.cookie-banner__btn--accept{color:#fff;background:#4dd569c7;border:1px solid #4dd5696b;box-shadow:0 2px 12px #4dd56938}.btn-cookie-settings{color:#fff6;border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.btn-cookie-settings:active{color:#ffffffa6;background:#ffffff1a}.cookie-setting{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.cookie-setting__info{flex:1}.cookie-setting__info strong{color:#ffffffd9;margin-bottom:3px;font-size:13px;font-weight:700;display:block}.cookie-setting__info p{color:#fff6;font-size:11px;line-height:1.4}.cookie-toggle--disabled{color:#ffffff4d;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.cookie-toggle__label{cursor:pointer;flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.cookie-toggle__input{opacity:0;width:0;height:0;position:absolute}.cookie-toggle__switch{border-radius:var(--radius-full);background:#ffffff26;border:1px solid #ffffff1a;transition:background .2s;position:absolute;inset:0}.cookie-toggle__switch:before{content:"";background:#ffffffd9;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.cookie-toggle__input:checked+.cookie-toggle__switch{background:#4dd569c7;border-color:#4dd5696b}.cookie-toggle__input:checked+.cookie-toggle__switch:before{transform:translate(18px)}