@charset "UTF-8";
@keyframes pop-in{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff9ec;color:#344A47;font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body{background-color:#fff9ec;background-image:radial-gradient(circle at 0% 0%, rgba(76, 191, 198, 0.4), transparent 35%), radial-gradient(circle at 100% 0%, rgba(247, 226, 161, 0.55), transparent 40%), radial-gradient(circle at 50% 100%, rgba(221, 98, 84, 0.18), transparent 50%), radial-gradient(circle at 100% 80%, rgba(160, 172, 65, 0.18), transparent 45%), radial-gradient(circle at 20% 30%, rgba(221, 98, 84, 0.15) 2px, transparent 3px), radial-gradient(circle at 80% 60%, rgba(76, 191, 198, 0.2) 3px, transparent 4px), radial-gradient(circle at 60% 85%, rgba(215, 171, 38, 0.18) 2px, transparent 3px);background-size:auto, auto, auto, auto, 250px 250px, 320px 320px, 200px 200px}a{color:#3aa5ac;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:"Inter", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin:0 0 12px;line-height:1.05;font-weight:900;letter-spacing:-0.03em}h1{font-size:36px}@media (min-width:768px){h1{font-size:56px}}h2{font-size:24px}@media (min-width:768px){h2{font-size:32px}}h3{font-size:19px;font-weight:800}p{margin:0 0 12px;line-height:1.55;color:#344A47}input,button,select,textarea{font:inherit}::selection{background:#dd6254;color:#fff}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.app__header{position:relative;z-index:10;padding:24px 16px 48px;background:linear-gradient(120deg, #4cbfc6 0%, #6cd5db 25%, #f7e2a1 55%, #f4a78f 80%, #dd6254 100%);color:#fff;box-shadow:0 12px 32px rgba(221, 98, 84, 0.25);overflow:hidden;border-radius:0 0 50% 50% / 0 0 32px 32px}.app__header::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255, 255, 255, 0.3) 2px, transparent 3px), radial-gradient(circle, rgba(255, 255, 255, 0.18) 1.5px, transparent 2px);background-size:50px 50px, 80px 80px;background-position:0 0, 25px 25px;opacity:0.7;pointer-events:none}.app__header__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:720px;margin:0 auto;z-index:1}.app__header__brand{display:flex;align-items:center;gap:12px;font-family:"Inter", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-weight:900;color:#fff;text-decoration:none;text-shadow:0 2px 8px rgba(52, 74, 71, 0.25)}.app__header__brand-icon{width:46px;height:46px;display:block;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(255, 255, 255, 0.25);transform:rotate(-6deg)}.app__header__brand-text{font-size:19px;letter-spacing:-0.03em;line-height:1;display:flex;flex-direction:column;gap:3px}.app__header__brand-sub{font-size:11px;font-weight:700;opacity:0.95;text-transform:uppercase;letter-spacing:0.08em}.app__header__brand:hover{text-decoration:none}.app__header__user{display:flex;align-items:center;gap:8px}.app__header__avatar{width:44px;height:44px;border-radius:9999px;background:#fff;color:#dd6254;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 3px rgba(255, 255, 255, 0.35);object-fit:cover;text-decoration:none;font-size:18px}.app__main{flex:1;padding:24px 16px calc(90px + 24px);max-width:720px;width:100%;margin:12px auto 0;position:relative;z-index:1}@media (min-width:768px){.app__main{padding:32px 24px calc(80px + 32px);margin-top:16px}}.app__bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:0;display:flex;justify-content:space-around;padding:12px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 32px rgba(52, 74, 71, 0.12);border-radius:24px 24px 0 0;z-index:20}@media (min-width:768px){.app__bottom-nav{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:auto;max-width:560px;min-width:480px;padding:8px;border-radius:9999px;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12)}}.app__bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 4px;color:#6a7572;font-size:11px;font-weight:700;text-decoration:none;transition:color 0.15s ease, transform 0.15s ease;position:relative}.app__bottom-nav__item-icon{font-size:24px;line-height:1;transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);filter:grayscale(0.4) opacity(0.7)}.app__bottom-nav__item.is-active{color:#dd6254}.app__bottom-nav__item.is-active .app__bottom-nav__item-icon{transform:translateY(-4px) scale(1.15);filter:none}.app__bottom-nav__item.is-active::after{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:32px;height:4px;border-radius:9999px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);box-shadow:0 2px 8px rgba(221, 98, 84, 0.5)}.app__bottom-nav__item:hover{color:#344A47;text-decoration:none}.app__bottom-nav__item:hover .app__bottom-nav__item-icon{transform:scale(1.1)}.app__bottom-nav__item-icon{position:relative;display:inline-block}.app__bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dd6254;color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;box-shadow:0 2px 6px rgba(221, 98, 84, 0.5);animation:chat-badge-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes chat-badge-pop{from{transform:scale(0)}to{transform:scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:9999px;border:0;font-weight:800;font-size:17px;cursor:pointer;transition:transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;text-decoration:none;line-height:1.2;letter-spacing:-0.01em;position:relative;overflow:hidden}.btn:hover{text-decoration:none;transform:translateY(-2px) scale(1.02)}.btn:active{transform:scale(0.96)}.btn--primary{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;box-shadow:0 12px 24px rgba(221, 98, 84, 0.4), 0 4px 8px rgba(76, 191, 198, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.2);text-shadow:0 1px 2px rgba(52, 74, 71, 0.25)}.btn--primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left 0.6s ease}.btn--primary:hover::before{left:100%}.btn--primary:hover{box-shadow:0 16px 32px rgba(221, 98, 84, 0.5), 0 8px 16px rgba(76, 191, 198, 0.4)}.btn--ghost{background:#fff;color:#344A47;border:2px solid #d4cfc1;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.btn--ghost:hover{background:#fff3d6;border-color:#4cbfc6}.btn--danger{background:#fff;color:#c54a3d;border:2px solid #dd6254;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.btn--danger:hover{background:#dd6254;color:#fff;border-color:#c54a3d}.btn--block{width:100%}.is-hidden{display:none !important}.card{background:#ffffff;border-radius:32px;padding:32px 24px;margin-bottom:24px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 1px rgba(76, 191, 198, 0.05);animation:pop-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);position:relative}.card__title{margin-top:0}.card--accent{border:0;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #4cbfc6, #A0AC41, #d7ab26, #dd6254) border-box;border:3px solid transparent}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-field__label{font-size:12px;color:#c54a3d;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.form-field__input{width:100%;padding:16px 24px;background:#fff3d6;color:#344A47;border:3px solid transparent;border-radius:16px;outline:none;transition:all 0.15s ease;font-size:17px;font-weight:600}.form-field__input::placeholder{color:#a8b1ad;font-weight:500}.form-field__input:focus{background:#fff;border-color:#4cbfc6;box-shadow:0 0 0 4px rgba(76, 191, 198, 0.18)}.form-field__input:disabled{color:#6a7572;cursor:not-allowed;opacity:0.7}.form-field__hint{font-size:13px;color:#6a7572;font-weight:500}.form-field__file{padding:24px;border:3px dashed #d4cfc1;border-radius:16px;background:#fff3d6;color:#6a7572;cursor:pointer;font-size:14px;transition:all 0.2s ease}.form-field__file:hover{border-color:#dd6254;background:#fbe1dd;color:#c54a3d}.form-field__file::file-selector-button{border:0;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;padding:8px 16px;border-radius:9999px;font-weight:800;margin-right:12px;cursor:pointer;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.alert{padding:16px 24px;border-radius:16px;margin-bottom:16px;font-size:15px;font-weight:600;border-left:5px solid currentColor}.alert--error{background:#ffe1de;color:#c54a3d}.alert--success{background:#ecf0d4;color:#778030}.alert--info{background:#d6f0f2;color:#3aa5ac}.hero{text-align:center;padding:16px 12px 24px;position:relative}@media (min-width:768px){.hero{padding:32px 12px 48px}}.hero::before{content:"";position:absolute;top:18%;left:50%;transform:translateX(-50%);width:280px;height:280px;background:radial-gradient(circle, rgba(247, 226, 161, 0.6), transparent 70%);z-index:-1;animation:pulse-bg 4s ease-in-out infinite}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#c54a3d;border-radius:9999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);border:2px solid #f7e2a1;transform:rotate(-2deg)}.hero__emoji{font-size:64px;margin-bottom:8px;display:inline-block;animation:bounce-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), wiggle 3s ease-in-out infinite 0.6s;filter:drop-shadow(0 8px 16px rgba(52, 74, 71, 0.25))}@media (min-width:768px){.hero__emoji{font-size:96px}}.hero__title{font-size:34px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 45%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;line-height:1.05;letter-spacing:-0.04em;font-weight:900;text-shadow:0 0 60px rgba(221, 98, 84, 0.15)}@media (min-width:480px){.hero__title{font-size:42px}}@media (min-width:768px){.hero__title{font-size:72px}}.hero__subtitle{color:#344A47;font-size:15px;font-weight:600;max-width:480px;margin:0 auto 16px;line-height:1.45}@media (min-width:768px){.hero__subtitle{font-size:18px;margin-bottom:32px}}.hero__cta{font-size:17px !important;padding:16px 32px !important}@media (min-width:768px){.hero__cta{font-size:20px !important;padding:24px 48px !important}}.hero__rules-link{margin-top:16px;font-size:13px}.hero__rules-link a{color:#6a7572;text-decoration:none;font-weight:600}.hero__rules-link a:hover{text-decoration:underline}.hero__prize{display:inline-block;margin:12px auto 16px;padding:12px 16px;background:#fff;border:2px solid #d7ab26;border-radius:9999px;font-size:14px;color:#344A47;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.hero__prize strong{color:#c54a3d}.auth__rules-link{margin-top:16px;text-align:center;font-size:13px}.auth__rules-link a{color:#6a7572;text-decoration:none;font-weight:600}.auth__rules-link a:hover{text-decoration:underline}.avatar-preview{width:128px;height:128px;border-radius:9999px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border:5px solid #fff;object-fit:cover;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:50px;font-weight:900;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12), 0 0 0 5px rgba(76, 191, 198, 0.18);position:relative}.avatar-preview::after{content:"⚽";position:absolute;top:-8px;right:-8px;width:40px;height:40px;background:#f7e2a1;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);animation:wiggle 4s ease-in-out infinite}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h2{margin:0}.section-title .section-title__link{font-size:14px;color:#dd6254;font-weight:700}.coming-soon{text-align:center;padding:32px 16px}.coming-soon__emoji{font-size:72px;margin-bottom:16px;display:inline-block;animation:wiggle 3s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(52, 74, 71, 0.2))}.coming-soon__title{margin-bottom:8px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.coming-soon__text{color:#6a7572;font-size:16px}.coming-soon__phase{display:inline-block;margin-top:16px;padding:8px 16px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border-radius:9999px;font-size:13px;font-weight:800;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04);text-transform:uppercase;letter-spacing:0.06em}@keyframes wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes bounce-in{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(20deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes pulse-bg{0%,100%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.2);opacity:0.7}}.stats-banner{background:#fff;border-radius:32px;padding:16px 24px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);position:relative;overflow:hidden}.stats-banner::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4cbfc6, #A0AC41, #d7ab26, #dd6254)}.stats-banner__item{text-align:center;display:flex;flex-direction:column;gap:2px}.stats-banner__value{font-size:22px;font-weight:900;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stats-banner__label{font-size:10px;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em;font-weight:700}.stats-banner__progress{height:10px;background:#ffead2;border-radius:9999px;overflow:hidden;position:relative}.stats-banner__progress-bar{height:100%;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);border-radius:9999px;transition:width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1)}.day-group{margin-bottom:32px}.day-group__title{margin:0 0 16px;display:flex;justify-content:center;align-items:center;gap:8px}.day-group__pill{display:inline-block;background:#fff;color:#344A47;padding:8px 24px;border-radius:9999px;font-size:14px;font-weight:800;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04);text-transform:capitalize;border:2px solid #e5e2d8}.day-group--past{opacity:0.85}.day-group--past>summary{cursor:pointer;list-style:none;user-select:none}.day-group--past>summary::-webkit-details-marker{display:none}.day-group--past>summary:hover .day-group__pill{background:#fff3d6}.day-group--past[open] .day-group__chevron{transform:rotate(180deg)}.day-group__title--collapsible{cursor:pointer}.day-group__chevron{font-size:12px;color:#6a7572;transition:transform 0.2s ease;display:inline-block}.day-group--today .day-group__pill{background:#d6f0f2;border-color:#4cbfc6;color:#3aa5ac}.match{background:#fff;border-radius:32px;padding:16px 12px 24px;margin-bottom:16px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);animation:pop-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);position:relative;overflow:hidden}@media (min-width:768px){.match{padding:24px 16px 24px}}.match.is-locked{opacity:0.85}.match.is-finished{background:linear-gradient(180deg, #fff, #fff3d6)}.match__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px}.match__group{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:#fff;background:#6a7572}.match__group--A{background:#dd6254}.match__group--B{background:#d7ab26}.match__group--C{background:#A0AC41}.match__group--D{background:#4cbfc6}.match__group--E{background:#6CBDC4}.match__group--F{background:#344A47}.match__group--G{background:#80807f}.match__group--H{background:#f7e2a1}.match__group--finals{background:linear-gradient(135deg, #4cbfc6, #dd6254)}.match__time{font-size:13px;color:#6a7572;font-weight:700;display:inline-flex;align-items:center;gap:4px}.match__live-pill{background:#dd6254;color:#fff;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:800;animation:pulse-live 1.5s ease-in-out infinite}.match__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}@media (min-width:480px){.match__teams{gap:16px}}.match__team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;position:relative}.match__team--away{order:3}.match__team[data-qualifier-pick]{cursor:default;transition:transform 0.15s ease}.match__team[data-qualifier-pick].is-pickable{cursor:pointer}.match__team[data-qualifier-pick].is-pickable:hover .match__flag{transform:scale(1.05)}.match__team.is-qualifier .match__flag{box-shadow:0 0 0 4px #4cbfc6, 0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}.match__team.is-qualifier::after{content:"✓";position:absolute;top:-4px;right:8px;background:#4cbfc6;color:#fff;width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);animation:qualifier-pop 0.25s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes qualifier-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.match__flag{width:56px;height:56px;border-radius:9999px;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 3px rgba(0, 0, 0, 0.04);overflow:hidden}@media (min-width:480px){.match__flag{width:64px;height:64px}}.match__flag--placeholder{display:flex;align-items:center;justify-content:center;background:#fff3d6;color:#6a7572;font-size:14px;font-weight:800}.match__name{font-size:13px;font-weight:700;color:#344A47;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:480px){.match__name{font-size:14px}}.match__code{font-size:10px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.match__center{order:2;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:130px}.match__pred-form{display:flex;flex-direction:column;align-items:center;gap:8px}.match__pred-inputs{display:flex;align-items:center;gap:8px;background:#fff3d6;padding:8px;border-radius:16px;border:2px solid transparent;transition:border-color 0.15s ease;position:relative}.match__pred-inputs:focus-within{border-color:#4cbfc6;background:#fff}.match__pred-check{position:absolute;top:-12px;right:-12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg, #4ade80 0%, #16a34a 50%, #A0AC41 100%);border-radius:9999px;border:3px solid #fff;box-shadow:0 4px 12px rgba(22, 163, 74, 0.45), 0 0 0 1px rgba(22, 163, 74, 0.1);opacity:0;transform:scale(0.3) rotate(-30deg);transition:opacity 0.2s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.match__pred-check svg{width:18px;height:18px;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2))}.match__pred-input{width:44px;height:44px;border:0;background:#fff;text-align:center;font-size:22px;font-weight:800;color:#344A47;border-radius:10px;box-shadow:0 1px 2px rgba(52, 74, 71, 0.04);-moz-appearance:textfield;appearance:textfield;outline:none}.match__pred-input::-webkit-outer-spin-button,.match__pred-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.match__pred-input:focus{box-shadow:0 0 0 3px rgba(76, 191, 198, 0.3)}.match__pred-sep{font-size:22px;font-weight:900;color:#6a7572}.match__pred-submit{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border:0;border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04);transition:transform 0.1s ease, box-shadow 0.2s ease}.match__pred-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}.match__pred-submit:active{transform:scale(0.96)}.match__pred-locked{background:#fff3d6;padding:12px 16px;border-radius:16px;text-align:center;font-size:12px;color:#6a7572;font-weight:600;line-height:1.3}.match__pred-locked strong{display:block;font-size:22px;color:#344A47;margin-top:2px;font-weight:900}.match__pred-missed{background:#fbe1dd;color:#c54a3d;padding:12px 16px;border-radius:16px;text-align:center;font-size:12px;font-weight:700;line-height:1.3}.match__real-score{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:900;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:8px 16px}.match__real-sep{color:#6a7572;background:none;-webkit-text-fill-color:#6a7572}.match__decided{margin-top:2px;font-size:10px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.04em;text-align:center}.match__decided strong{color:#344A47}.match__pred-result{font-size:11px;color:#6a7572;text-align:center;font-weight:600}.match__pred-result strong{color:#344A47}.match__pred-result.is-exact{color:#A0AC41}.match__pred-result.is-exact strong{color:#778030}.match__pred-result.is-exact::before{content:"🎯 "}.match__points{display:inline-block;margin-left:4px;background:#f7e2a1;color:#344A47;padding:1px 6px;border-radius:9999px;font-weight:800}.match__pred-form.has-prediction .match__pred-check{opacity:1;transform:scale(1) rotate(0deg);animation:check-glow 2.5s ease-in-out infinite}.match__pred-check.is-just-saved{animation:check-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes check-pop{0%{transform:scale(0.3) rotate(-180deg);opacity:0}50%{transform:scale(1.4) rotate(15deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes check-glow{0%,100%{box-shadow:0 4px 12px rgba(22, 163, 74, 0.45), 0 0 0 1px rgba(22, 163, 74, 0.1)}50%{box-shadow:0 4px 16px rgba(22, 163, 74, 0.65), 0 0 0 4px rgba(34, 197, 94, 0.25)}}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}.match__detail-link{display:block;text-align:right;margin-top:12px;padding-top:8px;font-size:12px;font-weight:700;color:#6a7572;text-decoration:none;border-top:1px dashed #e5e2d8;transition:color 0.15s ease}.match__detail-link:hover{color:#dd6254;text-decoration:none}.match__joker-btn{margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#c54a3d;border:2px solid #fbe1dd;border-radius:9999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.match__joker-btn:hover{border-color:#dd6254;transform:translateY(-1px);box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.match__joker-btn:disabled{opacity:0.5;cursor:not-allowed}.match__joker-btn .match__joker-icon{font-size:16px;transition:transform 0.2s ease}.has-joker .match__joker-btn,.match__joker-btn.is-active{background:linear-gradient(135deg, #dd6254 0%, #d7ab26 100%);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(221, 98, 84, 0.2)}.has-joker .match__joker-btn .match__joker-icon,.match__joker-btn.is-active .match__joker-icon{animation:balls-bounce 0.6s ease-in-out infinite alternate}.match.has-joker{border:3px solid transparent;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%) border-box}.match.has-joker::before{content:"⚽⚽ ×2";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;font-size:11px;font-weight:900;padding:4px 12px;border-radius:9999px;letter-spacing:0.06em;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);z-index:2}.match.is-finished.has-joker{background:linear-gradient(180deg, #fff, #fff3d6) padding-box, linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%) border-box}.stats-banner__item--joker .stats-banner__value{background:linear-gradient(135deg, #dd6254, #d7ab26);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-banner__item--joker .stats-banner__joker-value{display:inline-block;animation:none}@keyframes balls-bounce{from{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.15)}}.joker-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px}.joker-modal[hidden]{display:none}.joker-modal__backdrop{position:absolute;inset:0;background:rgba(52, 74, 71, 0.65);backdrop-filter:blur(4px);animation:fade-in 0.2s ease}.joker-modal__panel{position:relative;background:#fff;border-radius:32px;padding:32px 24px;max-width:440px;width:100%;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12);text-align:center;animation:pop-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);border:3px solid transparent;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%) border-box}.joker-modal__balls{font-size:56px;margin-bottom:12px;animation:balls-bounce 0.6s ease-in-out infinite alternate;display:inline-block}.joker-modal__title{margin:0 0 12px;font-size:22px;font-weight:900;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.02em}.joker-modal__match{background:#fff3d6;padding:8px 16px;border-radius:9999px;font-weight:700;margin-bottom:16px;font-size:15px}.joker-modal__rules{list-style:none;padding:0;margin:0 0 16px;text-align:left;background:#fdf5dd;border-radius:16px;padding:16px}.joker-modal__rules li{padding:4px 0;font-size:14px;line-height:1.4}.joker-modal__rules strong{color:#c54a3d}.joker-modal__remaining{font-size:13px;color:#6a7572;margin:0 0 16px}.joker-modal__remaining strong{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;padding:2px 10px;border-radius:9999px;font-weight:900}.joker-modal__actions{display:flex;flex-direction:column;gap:8px}@media (min-width:480px){.joker-modal__actions{flex-direction:row}}.joker-modal__actions .btn{width:100%}.js-ready .match__pred-submit{display:none}.match.is-saving .match__pred-inputs{opacity:0.6}.match.is-saved{animation:card-saved 0.7s cubic-bezier(0.34, 1.56, 0.64, 1)}.match.is-error .match__pred-inputs{animation:shake 0.3s ease;border-color:#d40000}.match__pred-inputs.is-pulsing{animation:pulse-saved 0.6s ease}@keyframes card-saved{0%{box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}50%{box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(160, 172, 65, 0.45)}100%{box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}}@keyframes pulse-saved{0%{background:#fff3d6}35%{background:#ecf0d4;transform:scale(1.04)}100%{background:#fff3d6;transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.js-toast-host{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.js-toast{background:#fff;color:#344A47;padding:12px 24px;border-radius:9999px;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12);font-weight:700;font-size:14px;animation:toast-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:auto}.js-toast--error{background:#dd6254;color:#fff}.js-toast--info{background:#4cbfc6;color:#fff}.js-toast.is-out{animation:toast-out 0.4s ease forwards}@keyframes toast-in{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(-30px);opacity:0}}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end;margin-bottom:32px;padding:16px 8px 0}.podium__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative;animation:pop-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}.podium__step--1{animation-delay:0.15s;animation-fill-mode:backwards}.podium__step--2{animation-delay:0s;animation-fill-mode:backwards}.podium__step--3{animation-delay:0.3s;animation-fill-mode:backwards}.podium__step.is-me .podium__pseudo{background:#d6f0f2;padding:2px 8px;border-radius:9999px}.podium__avatar-wrap{position:relative;display:inline-block}.podium__medal{position:absolute;bottom:-6px;right:-8px;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));animation:medal-bob 3s ease-in-out infinite}.podium__pseudo{font-size:13px;font-weight:800;color:#344A47;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium__pseudo--empty{color:#a8b1ad}.podium__points{font-size:18px;font-weight:900;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.podium__points small{font-size:11px;font-weight:700;-webkit-text-fill-color:#6a7572;margin-left:2px}.podium__pillar{width:100%;margin-top:8px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:rgba(255, 255, 255, 0.5);position:relative;box-shadow:inset 0 -8px 0 rgba(0, 0, 0, 0.1), 0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}.podium__step--1 .podium__pillar{height:110px;background:linear-gradient(180deg, #fcd34d 0%, #d7ab26 100%);color:#fff}.podium__step--1 .podium__avatar-wrap .ranking__avatar{width:80px;height:80px;font-size:32px;border:4px solid #d7ab26;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(247, 226, 161, 0.5)}.podium__step--2 .podium__pillar{height:80px;background:linear-gradient(180deg, #d1d5db 0%, #9ca3af 100%);color:#fff}.podium__step--2 .podium__avatar-wrap .ranking__avatar{width:64px;height:64px;font-size:26px;border:4px solid #9ca3af;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(209, 213, 219, 0.5)}.podium__step--3 .podium__pillar{height:60px;background:linear-gradient(180deg, #f4a78f 0%, #b45c4e 100%);color:#fff}.podium__step--3 .podium__avatar-wrap .ranking__avatar{width:64px;height:64px;font-size:26px;border:4px solid #b45c4e;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(244, 167, 143, 0.5)}.ranking__avatar{width:48px;height:48px;border-radius:9999px;object-fit:cover;background:#ffffff;flex-shrink:0}.ranking__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;font-weight:900;font-size:20px}.ranking__avatar--empty{background:#fff3d6;color:#a8b1ad}.ranking-card{padding:24px 16px 12px}.ranking-card__title{font-size:14px;text-transform:uppercase;letter-spacing:0.08em;color:#6a7572;margin-bottom:12px;font-weight:800}.ranking-list{list-style:none;padding:0;margin:0}.ranking-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e5e2d8;transition:background 0.15s ease}.ranking-row:last-child{border-bottom:0}.ranking-row:hover{background:#fff3d6}.ranking-row.is-me{background:#d6f0f2;border-radius:16px;border:2px solid #4cbfc6;margin:8px 0;padding:12px}.ranking-row__rank{font-size:18px;font-weight:900;color:#6a7572;min-width:28px;text-align:center}.ranking-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ranking-row__pseudo{font-weight:800;color:#344A47;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row__stats{font-size:11px;color:#6a7572;font-weight:600}.ranking-row__points{font-size:18px;font-weight:900;color:#344A47}.ranking-row__points small{font-size:11px;font-weight:700;color:#6a7572;margin-left:2px}.my-rank{position:fixed;bottom:calc(90px + 12px);left:12px;right:12px;z-index:15;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border-radius:9999px;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12), 0 8px 24px rgba(221, 98, 84, 0.35);animation:pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}@media (min-width:768px){.my-rank{bottom:calc(80px + 24px);left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 32px);max-width:560px}}.my-rank__badge{background:rgba(255, 255, 255, 0.25);color:#fff;padding:2px 10px;border-radius:9999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em}.my-rank__rank{font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.my-rank .ranking__avatar{width:40px;height:40px;border:2px solid #fff}.my-rank__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.my-rank__pseudo{font-weight:800;font-size:15px;color:#fff}.my-rank__stats{font-size:11px;color:rgba(255, 255, 255, 0.85);font-weight:600}.my-rank__points{font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.my-rank__points small{font-size:11px;font-weight:700;opacity:0.85;margin-left:2px}@keyframes medal-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}.podium__link,.ranking-row__link,.my-rank-link{text-decoration:none !important;color:inherit}.podium__link,.podium__link:hover,.podium__link:focus,.podium__link:active,.podium__link:visited,.ranking-row__link,.ranking-row__link:hover,.ranking-row__link:focus,.ranking-row__link:active,.ranking-row__link:visited,.my-rank-link,.my-rank-link:hover,.my-rank-link:focus,.my-rank-link:active,.my-rank-link:visited{text-decoration:none !important}.podium__link{display:block;transition:transform 0.15s ease}.podium__link:hover,.podium__link:focus-visible{transform:translateY(-2px)}.ranking-row__link{display:flex;align-items:center;gap:12px;width:100%;padding:0}.my-rank-link{display:block}.user-profile__hero{padding:16px;margin-bottom:16px}.user-profile__hero-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-profile__hero-row .ranking__avatar{width:56px;height:56px}.user-profile__hero-info{flex:1;min-width:0}.user-profile__pseudo{margin:0;font-size:22px;font-weight:900;color:#344A47}.user-profile__me{font-size:12px;font-weight:700;color:#3aa5ac}.user-profile__rank{margin:4px 0 0;font-size:13px;color:#6a7572;font-weight:700}.user-profile__stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.user-profile__stat{background:#fff3d6;border-radius:16px;padding:12px 8px;text-align:center}.user-profile__stat-value{display:block;font-size:20px;font-weight:900;color:#344A47}.user-profile__stat-label{display:block;font-size:11px;font-weight:700;color:#6a7572;text-transform:uppercase;letter-spacing:0.04em;margin-top:2px}.user-profile__preds-card{padding:16px 12px}.user-profile__preds-title{margin:0 0 12px;font-size:14px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.user-profile__empty{color:#6a7572;font-size:14px;margin:8px 0}.user-profile__preds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.user-profile__pred{background:#fff;border-radius:16px;border-left:4px solid #e5e2d8}.user-profile__pred.is-exact{border-left-color:#10b981;background:#d4f6e4}.user-profile__pred.is-good{border-left-color:#f59e0b;background:#fff3d6}.user-profile__pred.is-light{border-left-color:#fb923c;background:#ffe9d6}.user-profile__pred.is-zero{border-left-color:#cbd0d6;background:#f3f4f6}.user-profile__pred.is-fail{border-left-color:#dd6254;background:#fee2e2}.user-profile__stage{margin-bottom:12px;background:#fff3d6;border-radius:16px;border:1px solid #e5e2d8}.user-profile__stage[open]{background:#fff}.user-profile__stage[open] .user-profile__stage-chevron{transform:rotate(180deg)}.user-profile__stage-summary{display:flex;align-items:center;gap:8px;padding:12px 12px;cursor:pointer;list-style:none;font-weight:800}.user-profile__stage-summary::-webkit-details-marker{display:none}.user-profile__stage-summary::marker{display:none}.user-profile__stage-label{font-size:14px;font-weight:900;color:#344A47;flex-shrink:0}.user-profile__stage-meta{flex:1;text-align:right;font-size:12px;font-weight:600;color:#6a7572}.user-profile__stage-meta strong{color:#344A47;font-weight:900}.user-profile__stage-chevron{display:inline-block;font-size:14px;color:#6a7572;transition:transform 0.2s ease;margin-left:4px}.user-profile__preds{padding:0 12px 12px}.user-profile__pred-link{display:grid;grid-template-columns:1fr auto;grid-template-areas:"match pts" "mine  pts";align-items:center;gap:4px 12px;padding:8px 12px;text-decoration:none;color:inherit}.user-profile__pred-match{grid-area:match;font-size:14px;font-weight:700;color:#344A47}.user-profile__pred-match strong{font-weight:900}.user-profile__pred-mine{grid-area:mine;font-size:12px;color:#6a7572;font-weight:600}.user-profile__pred-mine strong{color:#344A47;font-weight:800}.user-profile__joker{display:inline-block;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;font-size:10px;font-weight:900;padding:1px 6px;border-radius:9999px;margin-left:4px}.user-profile__pred-pts{grid-area:pts;font-size:14px;font-weight:900;color:#344A47;white-space:nowrap}.user-profile__bonus{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.user-profile__bonus-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label pts" "value pts";column-gap:12px;row-gap:2px;padding:8px 12px;background:#fff;border-radius:16px;border-left:4px solid #e5e2d8}.user-profile__bonus-row.is-max{border-left-color:#10b981;background:#d4f6e4}.user-profile__bonus-row.is-partial{border-left-color:#f59e0b;background:#fff3d6}.user-profile__bonus-row.is-zero{border-left-color:#cbd0d6;background:#f3f4f6}.user-profile__bonus-row.is-empty{border-left-color:#e5e2d8;background:#f9f9f9;opacity:0.7}.user-profile__bonus-label{grid-area:label;font-size:13px;font-weight:800;color:#344A47}.user-profile__bonus-value{grid-area:value;font-size:12px;color:#6a7572}.user-profile__bonus-value em{font-style:italic}.user-profile__bonus-pts{grid-area:pts;align-self:center;font-size:13px;font-weight:900;color:#344A47;white-space:nowrap}.bonus-hero{text-align:center;padding:24px 12px 16px}.bonus-hero__emoji{font-size:56px;display:inline-block;animation:wiggle 3s ease-in-out infinite;margin-bottom:8px;filter:drop-shadow(0 6px 12px rgba(52, 74, 71, 0.2))}.bonus-hero__title{font-size:32px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;letter-spacing:-0.03em}.bonus-hero__subtitle{color:#344A47;font-size:15px;line-height:1.5;margin-bottom:16px}.bonus-hero__deadline{display:inline-flex;align-items:center;background:#f7e2a1;color:#344A47;padding:8px 16px;border-radius:9999px;font-size:12px;font-weight:800;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04);border:2px solid #d7ab26}.bonus-card{background:#ffffff;border-radius:32px;padding:24px 16px;margin-bottom:16px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);animation:pop-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.bonus-card__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.bonus-card__emoji{font-size:36px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.bonus-card__title{margin:0 0 2px;font-size:18px;font-weight:800;color:#344A47}.bonus-card__pts{display:inline-block;font-size:12px;color:#c54a3d;font-weight:700;background:#fbe1dd;padding:2px 10px;border-radius:9999px}.bonus-card__hint{display:block;font-size:12px;color:#6a7572;margin-top:8px}.bonus-card__pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.bonus-card__vs{font-size:12px;font-weight:900;color:#dd6254;background:#fbe1dd;padding:4px 8px;border-radius:9999px}.bonus-select,.bonus-input{width:100%;padding:12px 16px;background:#fff3d6;color:#344A47;border:2px solid transparent;border-radius:16px;outline:none;font-size:15px;font-weight:600;appearance:none;transition:border-color 0.15s ease, background 0.15s ease}.bonus-select:focus,.bonus-input:focus{background:#fff;border-color:#4cbfc6;box-shadow:0 0 0 4px rgba(76, 191, 198, 0.18)}.bonus-select:disabled,.bonus-input:disabled{opacity:0.6;cursor:not-allowed}.bonus-select{background-image:linear-gradient(45deg, transparent 50%, #6a7572 50%), linear-gradient(135deg, #6a7572 50%, transparent 50%);background-position:calc(100% - 18px) 50%, calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:48px}.bonus-input--number{text-align:center;font-size:28px;font-weight:900;-moz-appearance:textfield}.bonus-input--number::-webkit-outer-spin-button,.bonus-input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bonus-radio-list{display:flex;flex-direction:column;gap:8px}.bonus-radio{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff3d6;border-radius:16px;cursor:pointer;font-size:14px;font-weight:600;border:2px solid transparent;transition:all 0.15s ease}.bonus-radio:hover{background:#ffead2}.bonus-radio input[type="radio"]{appearance:none;width:20px;height:20px;border:2px solid #d4cfc1;border-radius:9999px;background:#fff;cursor:pointer;position:relative;flex-shrink:0;transition:all 0.15s ease}.bonus-radio input[type="radio"]:checked{border-color:#4cbfc6;background:#4cbfc6}.bonus-radio input[type="radio"]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;border-radius:9999px;background:#fff}.bonus-radio:has(input:checked){background:#d6f0f2;border-color:#4cbfc6}.back-link{display:inline-flex;align-items:center;color:#3aa5ac;text-decoration:none;font-weight:700;margin-bottom:12px;font-size:14px}.back-link:hover{text-decoration:underline}.match-detail__hero{background:#fff;border-radius:32px;padding:24px 16px;margin-bottom:24px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);text-align:center;animation:pop-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.match-detail__hero.is-finished{background:linear-gradient(180deg, #fff, #fff3d6)}.match-detail__stage{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.match-detail__stage .match__group{font-size:11px}.match-detail__date{font-size:13px;color:#6a7572;font-weight:700}.match-detail__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px}.match-detail__team{display:flex;flex-direction:column;align-items:center;gap:12px}.match-detail__flag{width:80px;height:80px;border-radius:9999px;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.04);background:#fff}.match-detail__name{font-size:16px;font-weight:800;color:#344A47;text-align:center}.match-detail__score{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:40px;font-weight:900;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;min-width:90px;justify-content:center}.match-detail__score-sep{color:#6a7572;-webkit-text-fill-color:#6a7572}.match-detail__live{flex-basis:100%;text-align:center;display:flex;justify-content:center;margin-top:8px}.match-detail__live{display:inline-block;background:#dd6254;color:#fff;-webkit-text-fill-color:#fff;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:900;letter-spacing:0.05em;animation:pulse-live 1.5s ease-in-out infinite}.match-detail__vs{font-size:22px;font-weight:800;background:#fff3d6;color:#6a7572;padding:8px 12px;border-radius:9999px;-webkit-text-fill-color:#6a7572}.match-detail__decided{margin-top:12px;padding:8px 12px;background:#fff3d6;border-radius:9999px;font-size:13px;font-weight:700;color:#6a7572;display:inline-block}.match-detail__decided strong{color:#344A47;font-weight:900}.match-detail__mypred{margin-top:16px;padding:12px 16px;background:#d6f0f2;color:#3aa5ac;border-radius:9999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.match-detail__mypred strong{font-weight:900;color:#344A47}.match-detail__joker{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:900;-webkit-text-fill-color:#fff}.match-detail__exact{background:#ecf0d4;color:#778030;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:0.05em}.match-detail__points{background:#f7e2a1;color:#344A47;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:900}.match-stats{padding:24px 16px}.match-stats__title{margin:0 0 16px;font-size:14px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.match-stats__bars{display:flex;flex-direction:column;gap:12px}.match-stats__bar{position:relative;background:#fff3d6;border-radius:16px;padding:12px 16px;overflow:hidden}.match-stats__bar-fill{position:absolute;top:0;left:0;height:100%;width:var(--w, 0%);transition:width 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:0}.match-stats__bar-fill--home{background:rgba(76, 191, 198, 0.25)}.match-stats__bar-fill--draw{background:rgba(215, 171, 38, 0.25)}.match-stats__bar-fill--away{background:rgba(221, 98, 84, 0.25)}.match-stats__bar-label{position:relative;z-index:1;display:flex;justify-content:space-between;font-weight:700;font-size:14px;color:#344A47}.match-stats__bar-label strong{font-weight:900;font-size:16px}.match-stats__top{margin-top:16px;padding-top:12px;border-top:1px dashed #e5e2d8}.match-stats__top-label{display:block;font-size:12px;color:#6a7572;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px}.match-stats__top-list{display:flex;gap:8px;flex-wrap:wrap}.match-stats__chip{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;background:#ffffff;border:2px solid #e5e2d8;border-radius:9999px;font-weight:800;font-size:14px;color:#344A47}.match-stats__chip small{font-size:11px;color:#6a7572;font-weight:700}.preds-card{padding:16px 12px}.preds-card__title{margin:0 0 12px;font-size:14px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.preds-card__legend{margin:0 0 12px;font-size:11px;color:#6a7572;line-height:1.7}.preds-card__legend strong{color:#344A47}.preds-card__dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin:0 2px 0 6px;vertical-align:middle}.preds-card__dot.is-exact{background:#10b981}.preds-card__dot.is-diff{background:#f59e0b}.preds-card__dot.is-winner{background:#fb923c}.preds-card__dot.is-wrong{background:#cbd0d6}.preds-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pred-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:16px;border-left:4px solid #cbd0d6;transition:transform 0.15s ease}.pred-row.is-exact{background:#d4f6e4;border-left-color:#10b981}.pred-row.is-diff{background:#fff3d6;border-left-color:#f59e0b}.pred-row.is-winner{background:#ffe9d6;border-left-color:#fb923c}.pred-row.is-wrong{background:#f3f4f6;border-left-color:#cbd0d6}.pred-row.is-me{box-shadow:0 0 0 2px #4cbfc6}.pred-row__rank{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#fff;color:#344A47;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 2px #e5e2d8}.pred-row .ranking__avatar{width:32px;height:32px;flex-shrink:0}.pred-row__who{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pred-row__who strong{font-size:13px;font-weight:800;color:#344A47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-row__you{font-size:10px;color:#3aa5ac;font-weight:700}.pred-row__joker{display:inline-block;font-size:9px;font-weight:900;padding:1px 6px;border-radius:9999px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;letter-spacing:0.04em;align-self:flex-start}.pred-row__score{flex-shrink:0;display:inline-flex;align-items:baseline;gap:4px;padding:4px 12px;border-radius:16px;background:#fff;font-weight:900;font-size:18px;color:#344A47;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.pred-row__score-sep{color:#6a7572;font-weight:700}.pred-row__qualifier{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;background:#d6f0f2;color:#3aa5ac;font-size:11px;font-weight:800;letter-spacing:0.02em}.pred-row__qualifier-flag{width:14px;height:14px;border-radius:999px;object-fit:cover}.pred-row__pts{flex-shrink:0;display:inline-flex;align-items:baseline;gap:3px;padding:4px 10px;border-radius:9999px;background:#f7e2a1;color:#344A47;font-weight:900;font-size:13px}.pred-row__pts small{font-size:9px;font-weight:700;text-transform:uppercase}.pred-row__pts--virtual{background:#fff;border:1.5px dashed}.pred-row__pts--virtual.is-positive{color:#10b981;border-color:#10b981}.pred-row__pts--virtual.is-zero{color:#7a7e95;border-color:#cbd0d6}.pred-row__pts--virtual.is-negative{color:#dd6254;border-color:#dd6254}.pred-row__badge{flex-shrink:0;font-size:18px;line-height:1;filter:drop-shadow(0 2px 4px rgba(16, 185, 129, 0.4))}.admin-hero{text-align:center;padding:16px 12px 12px}.admin-hero__emoji{font-size:48px;display:inline-block;margin-bottom:8px}.admin-hero__title{font-size:32px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 8px}.admin-hero__subtitle{color:#6a7572;font-size:14px;font-weight:600}.admin-card{padding:24px 16px}.admin-card__title{margin:0 0 12px;font-size:16px;font-weight:800}.admin-card__subtitle{margin:16px 0 8px;font-size:13px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.admin-card__hint{margin-bottom:12px;font-size:13px;color:#6a7572}.admin-actions{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.admin-actions{flex-direction:row}}.admin-actions .btn{width:100%}.admin-match-row{background:#fff3d6;border-radius:16px;padding:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.admin-match-row__teams{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.admin-match-row__vs{color:#6a7572;font-weight:600}.admin-match-row__date{font-size:11px;color:#6a7572;margin-left:auto}.admin-match-row__inputs{display:flex;align-items:center;gap:8px}.admin-match-row__inputs input[type="number"],.admin-match-row__inputs select{padding:8px 12px;border:2px solid transparent;border-radius:10px;background:#fff;font-weight:700;font-size:14px;outline:none}.admin-match-row__inputs input[type="number"]:focus,.admin-match-row__inputs select:focus{border-color:#4cbfc6}.admin-match-row__inputs input[type="number"]{width:56px;text-align:center}.admin-match-row__inputs select{flex:1}.admin-match-row__inputs span{font-weight:800;color:#6a7572}.admin-match-row__btn{padding:8px 12px !important;font-size:12px !important}.admin-users{display:flex;flex-direction:column;gap:8px}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#fff3d6;border-radius:16px}.admin-user__info{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user__info strong{font-weight:800}.admin-user__email{font-size:11px;color:#6a7572;font-weight:600}.admin-user__actions{display:flex;align-items:center;gap:8px}.admin-user__role{font-size:11px;font-weight:800;padding:2px 8px;border-radius:9999px;background:#ffead2;color:#6a7572}.admin-user__role--admin{background:#f7e2a1;color:#344A47}.admin-user__btn{font-size:11px !important;padding:4px 12px !important}.admin-user__pay{font-size:11px;font-weight:800;padding:3px 10px;border-radius:9999px;border:2px solid transparent;cursor:pointer;transition:all 0.15s ease}.admin-user__pay.is-paid{background:#d9f5e0;color:#1d6a3a;border-color:#6dbf83}.admin-user__pay.is-paid:hover{background:#c8eed3}.admin-user__pay.is-unpaid{background:#fbe1dd;color:#c54a3d;border-color:#e09b91}.admin-user__pay.is-unpaid:hover{background:#f7d0c9}.app__header__admin-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255, 255, 255, 0.2);border:2px solid #fff;border-radius:9999px;color:#fff;text-decoration:none;font-size:18px;margin-right:8px;transition:background 0.15s ease}.app__header__admin-link:hover{background:rgba(255, 255, 255, 0.35);text-decoration:none}.chat{display:flex;flex-direction:column;height:calc(100vh - 220px);min-height:500px;background:#ffffff;border-radius:32px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);overflow:hidden;margin-bottom:24px}.chat__header{padding:12px 24px;border-bottom:1px solid #e5e2d8;background:linear-gradient(120deg, #4cbfc6 0%, #6cd5db 25%, #f7e2a1 55%, #f4a78f 80%, #dd6254 100%);color:#fff;display:flex;align-items:center;justify-content:space-between}.chat__header h1{margin:0;font-size:18px;font-weight:800;color:#fff}.chat__status{font-size:11px;color:rgba(255, 255, 255, 0.85);font-weight:700;text-transform:uppercase;letter-spacing:0.06em}.chat__messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:12px;background:#fff3d6}.chat__empty{text-align:center;color:#6a7572;padding:48px 16px;font-weight:600}.chat__msg{display:flex;gap:8px;max-width:85%;animation:pop-in 0.2s ease}.chat__msg.is-me{margin-left:auto;flex-direction:row-reverse}.chat__msg.is-me .chat__bubble{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border-bottom-right-radius:10px}.chat__msg.is-me .chat__bubble .chat__pseudo,.chat__msg.is-me .chat__bubble .chat__time,.chat__msg.is-me .chat__bubble .chat__admin-badge{color:rgba(255, 255, 255, 0.85)}.chat__msg:not(.is-me) .chat__bubble{background:#fff;color:#344A47;border-bottom-left-radius:10px;box-shadow:0 1px 2px rgba(52, 74, 71, 0.04)}.chat__msg.is-admin:not(.is-me) .chat__bubble{border:2px solid #f7e2a1}.chat__avatar{width:36px;height:36px;border-radius:9999px;object-fit:cover;flex-shrink:0;align-self:flex-end}.chat__avatar--placeholder{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.chat__bubble{padding:12px 16px;border-radius:24px;position:relative;min-width:80px;max-width:100%}.chat__bubble:hover .chat__del{opacity:1}.chat__pseudo{display:block;font-size:11px;font-weight:800;color:#c54a3d;margin-bottom:2px}.chat__admin-badge{margin-left:2px;font-size:11px}.chat__body{margin:0;font-size:15px;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere}.chat__time{display:block;font-size:10px;color:#6a7572;margin-top:4px;font-weight:600;letter-spacing:0.02em}.chat__del{position:absolute;top:-10px;right:-10px;background:#d40000;color:#fff;border:0;border-radius:9999px;width:24px;height:24px;font-size:11px;cursor:pointer;opacity:0;transition:opacity 0.15s ease;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04)}.chat__composer{display:flex;align-items:flex-end;gap:8px;padding:12px 12px;background:#fff;border-top:1px solid #e5e2d8}.chat__composer textarea{flex:1;padding:12px 16px;background:#fff3d6;border:2px solid transparent;border-radius:24px;font-size:15px;font-family:inherit;resize:none;outline:none;line-height:1.4;max-height:120px;overflow-y:hidden;height:44px;transition:border-color 0.15s ease}.chat__composer textarea:focus{border-color:#4cbfc6;background:#fff}.chat__gif{display:block;max-width:240px;max-height:240px;width:auto;height:auto;border-radius:16px;margin:4px 0 2px}.chat__gif-btn{width:44px;height:44px;flex-shrink:0;background:#fff3d6;color:#c54a3d;border:0;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;letter-spacing:0.04em;transition:background 0.15s ease, color 0.15s ease, transform 0.1s ease}.chat__gif-btn:hover{background:#fbe1dd;color:#dd6254;transform:scale(1.05)}.chat__mention{display:inline-block;background:#d6f0f2;color:#3aa5ac;padding:1px 8px;border-radius:9999px;font-weight:800;font-size:0.95em}.chat__msg.is-me .chat__mention{background:rgba(255, 255, 255, 0.3);color:#fff}.chat__textarea-wrap{flex:1;position:relative}.chat__textarea-wrap textarea{width:100%}.chat__mention-popup{position:absolute;bottom:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;border-radius:16px;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12);max-height:240px;overflow-y:auto;z-index:30;border:1px solid #e5e2d8}.chat__mention-popup[hidden]{display:none}.chat__mention-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background 0.1s ease}.chat__mention-item:hover,.chat__mention-item.is-active{background:#d6f0f2}.chat__mention-item__avatar{width:28px;height:28px;border-radius:9999px;object-fit:cover;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat__mention-item__pseudo{font-weight:700;color:#344A47;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__mention-item__hint{font-size:11px;color:#6a7572;font-weight:600}.chat__send{width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border:0;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);transition:transform 0.1s ease, box-shadow 0.2s ease}.chat__send:hover{transform:translateY(-2px) scale(1.05)}.chat__send:active{transform:scale(0.95)}.chat__send:disabled{opacity:0.5;cursor:not-allowed;transform:none}.chat__send svg{display:block}.gif-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px}.gif-modal[hidden]{display:none}.gif-modal__backdrop{position:absolute;inset:0;background:rgba(52, 74, 71, 0.55);backdrop-filter:blur(4px);animation:fade-in 0.2s ease}.gif-modal__panel{position:relative;background:#fff;border-radius:32px;padding:24px 16px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px rgba(52, 74, 71, 0.12);animation:pop-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1)}.gif-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gif-modal__header h2{margin:0;font-size:20px;font-weight:900;color:#344A47}.gif-modal__close{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-size:28px;line-height:1;color:#6a7572;padding:0 8px}.gif-modal__close:hover{color:#344A47}.gif-modal__search{position:relative;margin-bottom:12px}.gif-modal__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.gif-modal__search-input{width:100%;padding:12px 16px 12px 48px;background:#fff3d6;border:2px solid transparent;border-radius:9999px;outline:none;font-size:15px;font-weight:600;transition:border-color 0.15s ease, background 0.15s ease}.gif-modal__search-input:focus{background:#fff;border-color:#4cbfc6}.gif-modal__suggestions{display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px;margin-bottom:12px;scrollbar-width:thin}.gif-modal__suggestions::-webkit-scrollbar{height:4px}.gif-modal__suggestions::-webkit-scrollbar-thumb{background:#d4cfc1;border-radius:2px}.gif-modal__suggestion{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;flex-shrink:0;padding:4px 12px;background:#d6f0f2;color:#3aa5ac;border-radius:9999px;font-size:12px;font-weight:700;white-space:nowrap;transition:background 0.15s ease, transform 0.1s ease}.gif-modal__suggestion:hover{background:#4cbfc6;color:#fff;transform:translateY(-1px)}.gif-modal__credit{margin:12px 0 0;font-size:11px;color:#a8b1ad;text-align:center}.gif-modal__credit strong{color:#6a7572}.gif-modal__loader{grid-column:1 / -1;text-align:center;padding:32px;color:#6a7572;font-weight:600}.gif-modal__empty{grid-column:1 / -1;text-align:center;padding:24px;color:#6a7572;font-size:14px}.gif-modal__section-title{margin:12px 0 12px;font-size:13px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}.gif-modal__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}@media (min-width:480px){.gif-modal__grid{grid-template-columns:repeat(3, 1fr)}}.gif-modal__pick{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;background:#fff3d6;transition:transform 0.1s ease, box-shadow 0.2s ease}.gif-modal__pick img{width:100%;height:100%;object-fit:cover}.gif-modal__pick:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05)}.gif-modal__pick-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));color:#fff;font-size:11px;font-weight:800;text-align:left}@keyframes fade-in{from{opacity:0}to{opacity:1}}.rules-hero{text-align:center;padding:24px 12px 12px}.rules-hero__emoji{font-size:56px;display:inline-block;margin-bottom:8px;animation:wiggle 4s ease-in-out infinite}.rules-hero__title{font-size:36px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 8px}.rules-hero__subtitle{color:#6a7572;font-weight:600}.rules-card{padding:24px 16px}.rules-card--joker{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%) border-box;border:3px solid transparent}.rules-card__title{margin:0 0 12px;font-size:20px;font-weight:800;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.rules-card__intro{color:#344A47;margin-bottom:12px}.rules-card__hint{margin-top:16px;padding:8px 16px;background:#f7e2a1;color:#344A47;border-radius:9999px;text-align:center;font-weight:700;font-size:14px}.rules-list{margin:0 0 12px;padding-left:24px}.rules-list li{margin-bottom:8px;line-height:1.5}.rules-table-wrap{overflow-x:auto;margin:0 -16px 16px}.rules-table{width:100%;border-collapse:separate;border-spacing:0;min-width:480px}.rules-table th,.rules-table td{padding:12px 12px;text-align:center;font-size:13px;border-bottom:1px solid #e5e2d8}.rules-table thead th{background:#fff3d6;color:#6a7572;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:0.05em}.rules-table tbody th{text-align:left;background:#fff3d6;color:#344A47;font-weight:700;white-space:nowrap}.rules-table tbody td strong{font-size:16px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.rules-table .is-highlight th,.rules-table .is-highlight td{background:#fdf5dd;font-weight:800;color:#344A47}.rules-table .is-highlight td strong{font-size:20px}.rules-card--prize{border-top:3px solid #d7ab26}.rules-prize-list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}.rules-prize-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff3d6;border-radius:16px;font-size:15px}.rules-prize-list li strong{font-size:18px;color:#3aa5ac}.rules-prize-list__rank{font-weight:800}.rules-callout{background:#fff3d6;border-left:4px solid #4cbfc6;padding:12px 16px;border-radius:16px;margin:12px 0;font-size:14px}.rules-callout strong{color:#3aa5ac}.rules-callout ul{margin:8px 0 0;padding-left:24px}.rules-callout ul li{margin-bottom:4px}.rules-callout--draw{border-left-color:#d7ab26}.rules-callout--draw strong{color:#b48f20}.rules-callout--joker{border-left-color:#dd6254;background:#fbe1dd}.rules-callout--joker strong{color:#c54a3d}.rules-bonus-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}@media (min-width:480px){.rules-bonus-grid{grid-template-columns:1fr 1fr}}.rules-bonus{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;background:#fff3d6;border-radius:16px}.rules-bonus__emoji{font-size:28px;line-height:1;margin-bottom:4px}.rules-bonus h3{margin:0;font-size:14px;font-weight:800;color:#344A47}.rules-bonus__points{margin:0;font-size:12px;color:#c54a3d;font-weight:700}.rules-footer{text-align:center;color:#6a7572;font-size:13px;padding:16px 0 32px}.groups-hero{text-align:center;padding:8px 0 12px}.groups-hero__emoji{display:inline-block;font-size:40px;line-height:1;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(76, 191, 198, 0.35))}.groups-hero__title{margin:0 0 4px;font-size:22px;font-weight:900;letter-spacing:-0.02em;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.groups-hero__sub{margin:0;font-size:12px;color:#6a7572;font-weight:600;line-height:1.4}.group-block{background:#ffffff;border-radius:24px;box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05), 0 0 0 1px rgba(76, 191, 198, 0.05);margin-bottom:12px;overflow:hidden;animation:pop-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.group-block__head{display:flex;align-items:center;gap:8px;padding:8px 14px;color:#fff;background:#4cbfc6}.group-block__letter{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;background:rgba(255, 255, 255, 0.28);font-size:13px;font-weight:900;backdrop-filter:blur(2px)}.group-block__label{font-weight:800;font-size:13px;letter-spacing:0.05em;text-transform:uppercase}.group-block--A .group-block__head{background:linear-gradient(120deg, #4cbfc6, #79d4dc)}.group-block--B .group-block__head{background:linear-gradient(120deg, #d7ab26, #f7d066);color:#344A47}.group-block--C .group-block__head{background:linear-gradient(120deg, #b3c25b, #cee084);color:#344A47}.group-block--D .group-block__head{background:linear-gradient(120deg, #dd6254, #f08272)}.group-block--E .group-block__head{background:linear-gradient(120deg, #7c3aed, #a78bfa)}.group-block--F .group-block__head{background:linear-gradient(120deg, #0ea5e9, #7dd3fc)}.group-block--G .group-block__head{background:linear-gradient(120deg, #f43f5e, #fb7185)}.group-block--H .group-block__head{background:linear-gradient(120deg, #f59e0b, #fcd34d);color:#344A47}.group-block--I .group-block__head{background:linear-gradient(120deg, #10b981, #6ee7b7)}.group-block--J .group-block__head{background:linear-gradient(120deg, #8b5cf6, #c4b5fd)}.group-block--K .group-block__head{background:linear-gradient(120deg, #ec4899, #f9a8d4)}.group-block--L .group-block__head{background:linear-gradient(120deg, #14b8a6, #5eead4)}.group-block__list{list-style:none;margin:0;padding:0}.group-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #e5e2d8;background:#fff;transition:background 0.15s ease}.group-row:last-child{border-bottom:0}.group-row__rank{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-size:11px;font-weight:900;background:#fff;color:#344A47;box-shadow:inset 0 0 0 2px #cbd0d6}.group-row__team{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.group-row__flag{width:28px;height:28px;border-radius:9999px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05);background:#fff;flex-shrink:0}.group-row__flag--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#6a7572;background:#fff3d6}.group-row__name{display:flex;flex-direction:column;gap:1px;min-width:0}.group-row__name strong{font-size:13px;font-weight:800;color:#344A47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.group-row__meta{font-size:10px;color:#6a7572;font-weight:600;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.2}.group-row__wdl{display:inline-flex;gap:3px}.group-row__wdl-v{color:#10b981;font-weight:800}.group-row__wdl-n{color:#f59e0b;font-weight:800}.group-row__wdl-d{color:#dd6254;font-weight:800}.group-row__diff{font-weight:800;font-variant-numeric:tabular-nums;color:#344A47}.group-row__pts{flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:1;padding:4px 10px;border-radius:16px;background:#fff3d6;min-width:42px}.group-row__pts strong{font-size:17px;font-weight:900;color:#344A47;font-variant-numeric:tabular-nums}.group-row__pts span{font-size:9px;color:#6a7572;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-top:1px}.group-row.is-qualified{background:#e6f9f0}.group-row.is-qualified .group-row__rank{background:#10b981;color:#fff;box-shadow:none}.group-row.is-qualified .group-row__pts{background:rgba(16, 185, 129, 0.12)}.group-row.is-qualified .group-row__pts strong{color:#0e9d6d}.group-row.is-borderline{background:#fff5e1}.group-row.is-borderline .group-row__rank{background:#f59e0b;color:#fff;box-shadow:none}.group-row.is-out{opacity:0.78}.groups-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 16px;margin-bottom:24px;font-size:12px;color:#6a7572;font-weight:600}.groups-legend span{display:inline-flex;align-items:center;gap:6px}.groups-legend .dot{display:inline-block;width:10px;height:10px;border-radius:999px}.groups-legend .dot--qualified{background:#10b981}.groups-legend .dot--borderline{background:#f59e0b}.groups-legend .dot--out{background:#cbd0d6}.bracket-fab{position:fixed;right:12px;bottom:calc(90px + env(safe-area-inset-bottom, 0px));z-index:60;display:inline-flex;align-items:center;gap:6px;padding:10px 16px 10px 12px;background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;text-decoration:none;border-radius:9999px;font-size:13px;font-weight:900;box-shadow:0 6px 20px rgba(221, 98, 84, 0.35), 0 2px 6px rgba(0, 0, 0, 0.08);transition:transform 0.2s ease, box-shadow 0.2s ease;animation:bracket-fab-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both}@media (min-width:768px){.bracket-fab{bottom:24px}}.bracket-fab:hover,.bracket-fab:focus-visible{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 28px rgba(221, 98, 84, 0.45), 0 3px 8px rgba(0, 0, 0, 0.12)}.bracket-fab:active{transform:translateY(0) scale(0.98)}.bracket-fab__icon{font-size:18px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.bracket-fab__label{white-space:nowrap}@keyframes bracket-fab-in{from{opacity:0;transform:translateY(20px) scale(0.8)}to{opacity:1;transform:translateY(0) scale(1)}}.bk-hero{text-align:center;padding:16px 12px 12px}.bk-hero__emoji{font-size:36px}.bk-hero__title{margin:8px 0 4px;font-size:22px;font-weight:900;color:#344A47}.bk-hero__sub{margin:0;font-size:13px;color:#6a7572;line-height:1.6}.bk-hero__sub small{font-size:11px;opacity:0.8}.bk-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:12px 0 16px;margin:0 -12px}.bk-scroller::-webkit-scrollbar{height:6px}.bk-scroller::-webkit-scrollbar-thumb{background:#cbd0d6;border-radius:3px}.bk-bracket{display:flex;flex-direction:column;gap:8px;padding:0 12px;width:max-content;min-width:100%}.bk-headers{display:grid;grid-template-columns:repeat(9, 150px);gap:16px;justify-content:center}.bk-headers__cell{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0.06em;text-align:center;color:#6a7572;padding:6px 8px;background:#fff3d6;border-radius:9999px;border:1px solid #cbd0d6}.bk-headers__cell--final{background:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%);color:#fff;border-color:transparent}.bk-grid{display:grid;grid-template-columns:repeat(9, 150px);grid-template-rows:repeat(8, 54px);gap:8px 16px;justify-content:center}.bk-col{display:grid;grid-template-rows:repeat(8, 54px);gap:8px;grid-row:1 / span 8}.bk-col--r32-l{grid-column:1}.bk-col--r16-l{grid-column:2}.bk-col--qf-l{grid-column:3}.bk-col--sf-l{grid-column:4}.bk-col--final{grid-column:5}.bk-col--sf-r{grid-column:6}.bk-col--qf-r{grid-column:7}.bk-col--r16-r{grid-column:8}.bk-col--r32-r{grid-column:9}.bk-match{position:relative;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:16px;border:1px solid #cbd0d6;box-shadow:0 2px 6px rgba(52, 74, 71, 0.06), 0 1px 2px rgba(52, 74, 71, 0.04);text-decoration:none;color:inherit;padding:4px 6px;overflow:hidden;transition:transform 0.15s ease, box-shadow 0.15s ease;align-self:center;min-height:52px;width:100%}.bk-match:hover,.bk-match:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px rgba(52, 74, 71, 0.08), 0 2px 6px rgba(52, 74, 71, 0.05);z-index:2}.bk-match.is-finished{background:#fff3d6}.bk-match.is-empty{align-items:center;justify-content:center;border-style:dashed;background:transparent;opacity:0.45;pointer-events:none;box-shadow:none}.bk-match.is-tbd{align-items:center;justify-content:center;background:#fff3d6;border-style:dashed;border-color:#cbd0d6;pointer-events:none;box-shadow:none;padding:4px 8px}.bk-match__placeholder{font-size:10px;font-weight:700;color:#6a7572;text-align:center}.bk-match__label{font-size:10px;font-weight:700;color:#6a7572;text-align:center;line-height:1.3;word-break:break-word}.bk-pen{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:8px;color:#6a7572;font-weight:600}.bk-team{display:flex;align-items:center;gap:4px;padding:2px 2px;border-radius:3px;min-height:22px}.bk-team__flag{flex-shrink:0;width:18px;height:18px;border-radius:999px;object-fit:cover;background:#fff}.bk-team__flag--ph{display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#6a7572;background:#fff3d6}.bk-team__name{flex:1;font-size:11px;font-weight:700;color:#344A47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-team__score{flex-shrink:0;font-size:13px;font-weight:900;color:#344A47;min-width:14px;text-align:right}.bk-team.is-winner{background:#ecf0d4}.bk-team.is-winner .bk-team__name,.bk-team.is-winner .bk-team__score{font-weight:900}.bk-team.is-loser{opacity:0.55}.bk-team.is-loser .bk-team__name{text-decoration:line-through}.bk-col--r32-l .bk-match::after,.bk-col--r16-l .bk-match::after,.bk-col--qf-l .bk-match::after,.bk-col--sf-l .bk-match::after{content:"";position:absolute;top:50%;right:-calc($bk-gap-col / 2)1;width:calc($bk-gap-col / 2);height:2px;background:#cbd0d6}.bk-col--r16-l .bk-match::before,.bk-col--qf-l .bk-match::before,.bk-col--sf-l .bk-match::before{content:"";position:absolute;top:50%;left:-calc($bk-gap-col / 2)1;width:calc($bk-gap-col / 2);height:2px;background:#cbd0d6}.bk-col--sf-r .bk-match::before,.bk-col--qf-r .bk-match::before,.bk-col--r16-r .bk-match::before,.bk-col--r32-r .bk-match::before{content:"";position:absolute;top:50%;left:-calc($bk-gap-col / 2)1;width:calc($bk-gap-col / 2);height:2px;background:#cbd0d6}.bk-col--sf-r .bk-match::after,.bk-col--qf-r .bk-match::after,.bk-col--r16-r .bk-match::after{content:"";position:absolute;top:50%;right:-calc($bk-gap-col / 2)1;width:calc($bk-gap-col / 2);height:2px;background:#cbd0d6}.bk-col--r32-l .bk-match:nth-child(odd)::after,.bk-col--r32-r .bk-match:nth-child(odd)::after{height:calc(50% + 8px + 27px);top:50%;border-radius:0}.bk-final-wrap{grid-row:1 / span 8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 0}.bk-final-trophy{font-size:40px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(247, 226, 161, 0.6));animation:bk-trophy-bob 3s ease-in-out infinite}.bk-col--final .bk-match{border:2px solid;border-image:linear-gradient(135deg, #4cbfc6 0%, #d7ab26 50%, #dd6254 100%) 1;box-shadow:0 6px 20px rgba(76, 191, 198, 0.25);min-height:64px}.bk-third-label{margin-top:12px;font-size:10px;font-weight:800;color:#6a7572;text-transform:uppercase;letter-spacing:0.06em}@keyframes bk-trophy-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.bk-legend{text-align:center;font-size:12px;color:#6a7572;margin:12px 0 24px;padding:0 12px}.bk-legend strong{color:#344A47}