:root,html[data-theme=dark]{--wc-turquoise: #00c1d4;--wc-blue: #1b4d9e;--wc-magenta: #e0005a;--wc-coral: #ff4c3b;--wc-green: #00a651;--wc-yellow: #ffd100;--wc-purple: #6a1b9a;--wc-stripe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0L100,0C112,33 88,67 100,100L0,100Z' fill='%2300C1D4'/%3E%3Cpath d='M100,0L200,0C188,33 212,67 200,100L100,100C88,67 112,33 100,0Z' fill='%231B4D9E'/%3E%3Cpath d='M200,0L300,0C312,33 288,67 300,100L200,100C212,67 188,33 200,0Z' fill='%236A1B9A'/%3E%3Cpath d='M300,0L400,0C388,33 412,67 400,100L300,100C288,67 312,33 300,0Z' fill='%23E0005A'/%3E%3Cpath d='M400,0L500,0C512,33 488,67 500,100L400,100C412,67 388,33 400,0Z' fill='%23FF4C3B'/%3E%3Cpath d='M500,0L600,0L600,100L500,100C488,67 512,33 500,0Z' fill='%23FFD100'/%3E%3C/svg%3E");--wc-glow: rgba(0, 193, 212, .3);--wc-glow-hover: rgba(0, 193, 212, .4);--wc-dot-opacity: .16}html[data-theme=light]{--wc-turquoise: #0097a7;--wc-blue: #14397a;--wc-magenta: #b8004a;--wc-coral: #d93a2b;--wc-green: #008744;--wc-yellow: #d4a800;--wc-purple: #551380;--wc-stripe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0L100,0C112,33 88,67 100,100L0,100Z' fill='%230097A7'/%3E%3Cpath d='M100,0L200,0C188,33 212,67 200,100L100,100C88,67 112,33 100,0Z' fill='%2314397A'/%3E%3Cpath d='M200,0L300,0C312,33 288,67 300,100L200,100C212,67 188,33 200,0Z' fill='%23551380'/%3E%3Cpath d='M300,0L400,0C388,33 412,67 400,100L300,100C288,67 312,33 300,0Z' fill='%23B8004A'/%3E%3Cpath d='M400,0L500,0C512,33 488,67 500,100L400,100C412,67 388,33 400,0Z' fill='%23D93A2B'/%3E%3Cpath d='M500,0L600,0L600,100L500,100C488,67 512,33 500,0Z' fill='%23D4A800'/%3E%3C/svg%3E");--wc-glow: rgba(0, 151, 167, .2);--wc-glow-hover: rgba(0, 151, 167, .3);--wc-dot-opacity: .12}.squadle-page-section{padding:0;min-height:calc(100dvh - 64px);position:relative}.squadle-page-wrapper{height:calc(100dvh - 64px);overflow:hidden;display:flex;max-width:600px;margin:0 auto 30px;padding-bottom:env(safe-area-inset-bottom,0px);position:relative;z-index:1}.squadle-game{display:flex;flex-direction:column;width:100%;height:100%;padding:0 12px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.squadle-game:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:10;flex-shrink:0}.squadle-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:0 24px}.squadle-intro-content{display:flex;flex-direction:column;align-items:center;gap:0;flex:1;justify-content:center}.squadle-intro-logo{width:clamp(72px,18vw,100px);height:auto;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.squadle-intro-title{font-family:var(--font-heading);font-size:clamp(40px,8vw,56px);font-weight:800;margin:0;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary);background:linear-gradient(90deg,var(--color-text-primary) 0%,var(--color-text-primary) 35%,var(--wc-turquoise) 42%,var(--wc-blue) 46%,var(--wc-purple) 50%,var(--wc-magenta) 54%,var(--wc-coral) 58%,var(--color-text-primary) 65%,var(--color-text-primary) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-color-flash 6s ease-in-out infinite}.squadle-intro-subtitle{font-family:var(--font-body);font-size:clamp(14px,3vw,17px);color:var(--color-text-secondary);margin:12px 0 0;line-height:1.4;max-width:320px}.squadle-intro-rules{font-family:var(--font-body);font-size:clamp(14px,2.5vw,16px);color:var(--color-text-secondary);margin:8px 0 0}.squadle-intro-play-btn{display:block;width:200px;padding:14px;margin-top:32px;font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;background:var(--wc-stripe) no-repeat 0% 0% / 200% 100%;border:none;border-radius:32px;cursor:pointer;transition:background-position .4s ease,transform .15s,box-shadow .15s;letter-spacing:.01em;box-shadow:0 4px 15px var(--wc-glow)}.squadle-intro-play-btn:hover{background-position:100% 0%;transform:scale(1.03);box-shadow:0 6px 20px var(--wc-glow-hover)}.squadle-intro-play-btn:active{transform:scale(.97)}.squadle-intro-how-btn{display:block;padding:8px 20px;margin-top:12px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.squadle-intro-how-btn:hover{color:var(--color-text-primary)}.squadle-intro-footer{padding-bottom:24px;text-align:center}.squadle-intro-date{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);margin:0}.squadle-intro-day{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:4px 0 0}.squadle-intro-meta{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);margin:4px 0 0;opacity:.7}.squadle-intro-tracker{margin-top:12px;width:100%}.squadle-outro-greeting{font-family:var(--font-body);font-size:clamp(14px,3vw,17px);color:var(--color-text-secondary);margin:12px 0 0;line-height:1.5;text-align:center;max-width:300px}.squadle-outro-results-btn{display:block;width:200px;padding:12px;margin-top:12px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--wc-turquoise);background:transparent;border:1.5px solid var(--wc-turquoise);border-radius:28px;cursor:pointer;transition:background .15s,color .15s,transform .1s;min-height:44px}.squadle-outro-results-btn:hover{background:var(--wc-turquoise);color:#fff}.squadle-outro-results-btn:active{transform:scale(.97)}.squadle-outro-results-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.squadle-see-results-btn{display:block;width:100%;padding:12px;margin-top:8px;font-family:var(--font-body);font-size:15px;font-weight:700;color:#fff;background:var(--wc-stripe) no-repeat 0% 0% / 200% 100%;border:none;border-radius:10px;cursor:pointer;transition:background-position .4s ease,transform .1s,box-shadow .15s;min-height:44px;box-shadow:0 3px 12px var(--wc-glow)}.squadle-see-results-btn:hover{background-position:100% 0%;box-shadow:0 4px 16px var(--wc-glow-hover)}.squadle-see-results-btn:active{transform:scale(.97)}.squadle-see-results-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.squadle-completion-overlay{backdrop-filter:blur(4px)}.squadle-completion-modal{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:32px 24px 24px;width:92%;max-width:420px;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;animation:squadle-modal-in .25s ease-out}.squadle-completion-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--wc-stripe) no-repeat center / 100% 100%;border-radius:16px 16px 0 0}.squadle-cm-header{text-align:center;margin-bottom:20px}.squadle-cm-game-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-text-primary);margin:0 0 8px;letter-spacing:-.02em}.squadle-cm-greeting{font-family:var(--font-body);font-size:15px;color:var(--color-text-secondary);margin:0;line-height:1.5}.squadle-cm-admire-btn{display:block;width:100%;padding:14px;margin:0 auto 16px;max-width:260px;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-bg);background:var(--color-text-primary);border:none;border-radius:28px;cursor:pointer;transition:opacity .15s,transform .1s;min-height:44px}.squadle-cm-admire-btn:hover{opacity:.85}.squadle-cm-admire-btn:active{transform:scale(.97);opacity:.8}.squadle-cm-admire-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.squadle-cm-meta{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}.squadle-cm-date{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary)}.squadle-cm-number{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text-secondary)}.squadle-cm-divider{border:none;border-top:1px solid var(--color-border);margin:0 0 12px}.squadle-cm-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 0}.squadle-completion-actions{display:flex;justify-content:center;gap:12px;margin:16px 0}.squadle-completion-promo{margin:20px 0;padding:16px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.squadle-completion-promo-text{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0 0 10px}.squadle-completion-promo-btn{display:inline-block;padding:12px 28px;font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff;background:var(--wc-blue);border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .1s,box-shadow .15s;min-height:44px;box-shadow:0 3px 12px var(--wc-glow)}.squadle-completion-promo-btn:hover{background:var(--wc-turquoise)}.squadle-completion-promo-btn:active{transform:scale(.97);opacity:.8}.squadle-completion-promo-sub{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);margin:10px 0 0;line-height:1.4}.squadle-completion-nav{display:flex;justify-content:center;gap:12px;margin:8px 0}.squadle-completion-nav-btn{padding:12px 20px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1.5px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color .15s,color .15s,transform .1s;min-height:44px}.squadle-completion-nav-btn:hover,.squadle-completion-nav-btn:active{border-color:var(--wc-turquoise);color:var(--wc-turquoise)}.squadle-completion-nav-btn:active{transform:scale(.97)}.squadle-loading{display:flex;flex-direction:column;height:100%;padding:16px 12px;gap:16px}.squadle-skeleton-header{display:flex;flex-direction:column;gap:8px}.squadle-skeleton-line{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:squadle-shimmer 1.5s infinite}.squadle-skeleton-line.wide{width:60%}.squadle-skeleton-line.narrow{width:40%}.squadle-skeleton-formation{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:20px}.squadle-skeleton-slot{width:44px;height:44px;border-radius:10px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:squadle-shimmer 1.5s infinite}.squadle-skeleton-input{height:44px;border-radius:10px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:squadle-shimmer 1.5s infinite}@keyframes squadle-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes title-color-flash{0%,60%{background-position:100% 0}80%,to{background-position:0% 0}}.squadle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--color-text-secondary);font-family:var(--font-body)}.squadle-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:squadle-spin .8s linear infinite}@keyframes squadle-spin{to{transform:rotate(360deg)}}.squadle-confetti{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.squadle-confetti-arc{position:absolute;bottom:0;opacity:0}.squadle-confetti-left{left:0;animation:confetti-arc-left 5s cubic-bezier(.15,.8,.3,1) both;animation-delay:var(--c-delay)}.squadle-confetti-right{right:0;animation:confetti-arc-right 5s cubic-bezier(.15,.8,.3,1) both;animation-delay:var(--c-delay)}.squadle-confetti-piece{animation:confetti-sway 5s ease-in-out both;animation-delay:var(--c-delay)}@keyframes confetti-arc-left{0%{transform:translate(0);opacity:0}4%{opacity:1}28%{transform:translate(calc(var(--c-spread) * .4),calc(-85vh * var(--c-speed)));opacity:1}48%{transform:translate(calc(var(--c-spread) * .75),calc(-55vh * var(--c-speed)));opacity:1}75%{opacity:.7}to{transform:translate(var(--c-spread),30vh);opacity:0}}@keyframes confetti-arc-right{0%{transform:translate(0);opacity:0}4%{opacity:1}28%{transform:translate(calc(var(--c-spread) * -.4),calc(-85vh * var(--c-speed)));opacity:1}48%{transform:translate(calc(var(--c-spread) * -.75),calc(-55vh * var(--c-speed)));opacity:1}75%{opacity:.7}to{transform:translate(calc(var(--c-spread) * -1),30vh);opacity:0}}@keyframes confetti-sway{0%{transform:translate(0) rotate(0)}20%{transform:translate(var(--c-drift)) rotate(calc(var(--c-spin) * .2))}40%{transform:translate(calc(var(--c-drift) * -.7)) rotate(calc(var(--c-spin) * .4))}60%{transform:translate(calc(var(--c-drift) * .5)) rotate(calc(var(--c-spin) * .6))}80%{transform:translate(calc(var(--c-drift) * -.3)) rotate(calc(var(--c-spin) * .8))}to{transform:translate(var(--c-drift)) rotate(var(--c-spin))}}.squadle-puzzle-clue{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 4px 4px;flex:0 0 auto;margin-top:12px}.squadle-clue-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;max-width:60%;pointer-events:none;text-align:center}.squadle-clue-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:18px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s}.squadle-clue-icon-btn:hover{background:var(--color-border);color:var(--color-text-primary);transform:scale(1.05)}.squadle-clue-icon-btn:active{transform:scale(.95);background:var(--color-border);color:var(--color-text-primary)}.squadle-clue-actions{position:relative;display:flex;align-items:center;gap:6px;z-index:10}.squadle-clue-actions-inline{display:flex;gap:6px}.squadle-dots-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 6px 20px #00000040;min-width:160px;padding:6px 0;z-index:100;animation:squadle-dropdown-in .15s ease-out}@keyframes squadle-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.squadle-dots-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:background .12s}.squadle-dots-dropdown button:hover{background:var(--color-border)}.squadle-answer-banner{position:relative;display:flex;justify-content:space-between;align-items:start;padding:8px 4px 4px;flex:0 0 auto;margin-top:12px;animation:squadle-banner-slide-in .5s ease-out}@keyframes squadle-banner-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.squadle-answer-banner-content{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;justify-content:center;text-align:center;max-width:60%;pointer-events:none}.squadle-answer-banner-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.squadle-answer-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.squadle-answer-banner-team{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}.squadle-answer-banner-detail{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.3}.squadle-answer-banner-fact{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);margin:12px 0 0;line-height:1.4;font-style:italic;opacity:.85;text-align:center;width:100%;padding:0 12px}.squadle-header{flex:0 0 auto;padding:8px 0 4px}.squadle-header-row1{display:flex;align-items:center;gap:8px}.squadle-title{font-family:var(--font-heading);font-size:clamp(22px,4vw,32px);font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.02em;line-height:1.1}.squadle-day-badge{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);padding:2px 8px;border-radius:10px;white-space:nowrap}.squadle-header-spacer{flex:1}.squadle-nav-icon-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,color .2s;padding:0;line-height:1;min-width:44px;min-height:44px}.squadle-nav-icon-btn:hover,.squadle-nav-icon-btn:active{border-color:var(--color-text-primary);color:var(--color-text-primary)}.squadle-help-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,color .2s;padding:0;min-width:44px;min-height:44px}.squadle-help-btn:hover,.squadle-help-btn:active{border-color:var(--color-text-primary);color:var(--color-text-primary)}.squadle-header-row2{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.squadle-clue-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;font-family:var(--font-body);background:var(--color-text-secondary);color:var(--color-bg);line-height:1.5}.squadle-difficulty-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;font-family:var(--font-body);color:#fff;text-transform:uppercase;letter-spacing:.03em;line-height:1.5}.squadle-clue-text{font-family:var(--font-body);font-size:14px;color:var(--color-text-primary);font-weight:500}.squadle-reveal-pill{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--wc-turquoise);background:var(--color-surface);border:1px solid var(--wc-turquoise);padding:1px 6px;border-radius:8px}.squadle-header-row3{display:flex;align-items:center;gap:8px;margin-top:4px}.squadle-mini-progress-track{flex:0 0 60px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.squadle-mini-progress-fill{height:100%;background:var(--color-text-secondary);border-radius:2px;transition:width .6s ease-out}.squadle-mini-progress-fill.tournament{background:var(--color-text-primary)}.squadle-mini-meta{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squadle-formation-wrapper{min-height:0;overflow:hidden;padding-bottom:30px;padding-top:12px;align-items:center;justify-content:center}.squadle-formation{position:relative;width:100%;aspect-ratio:1.1 / 1;max-height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--wc-green) 6%,var(--color-surface)),var(--color-surface) 30%,var(--color-surface) 70%,color-mix(in srgb,var(--wc-green) 6%,var(--color-surface)));border:1.5px solid color-mix(in srgb,var(--wc-green) 30%,var(--color-border));border-radius:10px;overflow:hidden;transition:border-color .3s}.squadle-formation.zero-reveal-pulse{animation:squadle-zero-pulse .8s ease-out}@keyframes squadle-zero-pulse{0%{border-color:#ef444499;box-shadow:inset 0 0 30px #ef44441a}to{border-color:var(--color-border);box-shadow:none}}.squadle-pitch-markings{position:absolute;inset:0;pointer-events:none;z-index:0}.squadle-pitch-grass{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0%,transparent 9.09%,rgba(0,166,81,.04) 9.09%,rgba(0,166,81,.04) 18.18%);border-radius:inherit}.squadle-pitch-touchline{position:absolute;inset:4%;border:1.5px solid transparent;border-image:linear-gradient(135deg,var(--wc-turquoise) 0%,var(--wc-blue) 25%,var(--wc-purple) 50%,var(--wc-magenta) 75%,var(--wc-turquoise) 100%) 1;opacity:.25}.squadle-pitch-halfway{position:absolute;top:50%;left:4%;right:4%;height:1.5px;background:linear-gradient(90deg,var(--wc-turquoise),var(--wc-blue),var(--wc-purple),var(--wc-magenta),var(--wc-coral));opacity:.3;transform:translateY(-.5px)}.squadle-pitch-center-circle{position:absolute;top:50%;left:50%;width:70px;height:70px;border:1.5px solid transparent;opacity:.35;border-radius:50%;transform:translate(-50%,-50%);background:transparent;background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(180deg,var(--wc-turquoise),var(--wc-blue),var(--wc-purple));background-origin:border-box;background-clip:padding-box,border-box}.squadle-pitch-center-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--wc-turquoise);border-radius:50%;transform:translate(-50%,-50%);opacity:.45;box-shadow:0 0 6px var(--wc-turquoise)}.squadle-pitch-box-top{position:absolute;top:4%;left:22%;right:22%;height:13%;border:1.5px solid var(--wc-blue);border-top:none;border-radius:0 0 4px 4px;opacity:.25}.squadle-pitch-box-bottom{position:absolute;bottom:4%;left:22%;right:22%;height:13%;border:1.5px solid var(--wc-blue);border-bottom:none;border-radius:4px 4px 0 0;opacity:.25}.squadle-pitch-six-top{position:absolute;top:4%;left:35%;right:35%;height:5%;border:1px solid var(--wc-turquoise);border-top:none;border-radius:0 0 3px 3px;opacity:.2}.squadle-pitch-six-bottom{position:absolute;bottom:4%;left:35%;right:35%;height:5%;border:1px solid var(--wc-turquoise);border-bottom:none;border-radius:3px 3px 0 0;opacity:.2}.squadle-pitch-arc-top{position:absolute;top:17%;left:50%;width:40px;height:20px;border:1px solid var(--wc-purple);border-top:none;border-radius:0 0 50% 50%;transform:translate(-50%);opacity:.2}.squadle-pitch-arc-bottom{position:absolute;bottom:17%;left:50%;width:40px;height:20px;border:1px solid var(--wc-purple);border-bottom:none;border-radius:50% 50% 0 0;transform:translate(-50%);opacity:.2}.squadle-pitch-corner{position:absolute;width:12px;height:12px;border:1px solid var(--wc-coral);opacity:.25}.squadle-corner-tl{top:4%;left:4%;border-top:none;border-left:none;border-radius:0 0 100%}.squadle-corner-tr{top:4%;right:4%;border-top:none;border-right:none;border-radius:0 0 0 100%}.squadle-corner-bl{bottom:4%;left:4%;border-bottom:none;border-left:none;border-radius:0 100% 0 0}.squadle-corner-br{bottom:4%;right:4%;border-bottom:none;border-right:none;border-radius:100% 0 0}.squadle-formation-cell{position:absolute;transform:translate(-50%,-50%);left:calc(var(--col) * 1%);top:calc((var(--row) - .5) / var(--total-rows) * 100%);z-index:1}.squadle-slot{position:relative;width:clamp(38px,10vw,60px);height:clamp(38px,10vw,60px);border-radius:50%;background:linear-gradient(160deg,var(--color-surface) 0%,var(--color-surface) 60%,rgba(0,0,0,.03) 100%);border:2px solid var(--color-border);border-top-color:#ffffff59;border-left-color:#fff3;display:flex;align-items:center;justify-content:center;perspective:600px;transform:translateY(-2px);box-shadow:0 2px 3px #0000001f,0 6px 12px #00000014,0 12px 24px #0000000d,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #0000000f;transition:border-color .35s ease,background .35s ease,box-shadow .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.squadle-slot:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 4px 6px #00000024,0 10px 20px #0000001a,0 18px 36px #0000000f,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000000f}.squadle-slot:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #00000026,0 2px 6px #00000014,inset 0 1px 2px #ffffff26,inset 0 -1px 3px #0000001a;transition-duration:.1s}.squadle-slot.revealed.slot-yellow{border-color:#eab308;border-top-color:#eab30899;transform:translateY(-2px);background:radial-gradient(circle at 35% 35%,#eab3082e,#eab3080f 60%,#eab30805);box-shadow:0 2px 3px #0000001f,0 6px 12px #00000014,0 6px 14px #eab3081f,0 12px 24px #0000000d,inset 0 2px 4px #fff3,inset 0 -2px 6px #eab3081a}.squadle-slot.revealed.slot-yellow:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 4px 6px #00000024,0 10px 20px #eab3082e,0 18px 36px #0000000f,inset 0 2px 4px #ffffff4d,inset 0 -2px 6px #eab3081f}.squadle-slot.revealed.slot-yellow:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #00000026,0 2px 6px #eab3081a,inset 0 1px 2px #ffffff26,inset 0 -1px 3px #eab3081a;transition-duration:.1s}.squadle-slot.revealed.slot-green{border-color:#22c55e;border-top-color:#22c55e99;transform:translateY(-2px);background:radial-gradient(circle at 35% 35%,#22c55e29,#22c55e0d 60%,#22c55e05);box-shadow:0 2px 3px #0000001f,0 6px 12px #00000014,0 6px 14px #22c55e1f,0 12px 24px #0000000d,inset 0 2px 4px #fff3,inset 0 -2px 6px #22c55e1a}.squadle-slot.revealed.slot-green:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 4px 6px #00000024,0 10px 20px #22c55e2e,0 18px 36px #0000000f,inset 0 2px 4px #ffffff4d,inset 0 -2px 6px #22c55e1f}.squadle-slot.revealed.slot-green:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #00000026,0 2px 6px #22c55e1a,inset 0 1px 2px #ffffff26,inset 0 -1px 3px #22c55e1a;transition-duration:.1s}.squadle-slot.answer-reveal{border-color:var(--color-border);background:var(--color-surface);opacity:.55;filter:saturate(.3);transform:translateY(-2px)}.squadle-slot.answer-reveal:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 4px 6px #00000024,0 10px 20px #0000001a,0 18px 36px #0000000f,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000000f}.squadle-slot.answer-reveal:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #00000026,0 2px 6px #00000014,inset 0 1px 2px #ffffff26,inset 0 -1px 3px #0000001a;transition-duration:.1s}.squadle-slot.flip-stagger{animation:squadle-flip-bounce .6s ease-in-out backwards}@keyframes squadle-flip-bounce{0%{transform:rotateY(0) scale(1)}40%{transform:rotateY(90deg) scale(.9)}70%{transform:rotateY(0) scale(1.1)}to{transform:rotateY(0) scale(1) translateY(-2px)}}.squadle-slot.pulse-green:after,.squadle-slot.pulse-yellow:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid;animation:squadle-pulse-ring 1s ease-out both;pointer-events:none}.squadle-slot.pulse-green:after{border-color:#22c55e}.squadle-slot.pulse-yellow:after{border-color:#eab308}@keyframes squadle-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.squadle-slot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;height:100%;padding:3px;background:radial-gradient(ellipse 70% 50% at 40% 30%,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%}.squadle-slot-badge{width:clamp(20px,5vw,40px);height:clamp(20px,5vw,40px);object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.squadle-slot-badge.faded{opacity:.45;filter:drop-shadow(0 1px 2px rgba(0,0,0,.06)) saturate(.4)}.squadle-slot-label{font-family:var(--font-body);font-size:9px;color:var(--color-text-secondary);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squadle-slot-pos-label{font-family:var(--font-body);font-size:10px;font-weight:700;color:var(--color-text-primary);opacity:.6;text-transform:uppercase;letter-spacing:.02em;line-height:1}.squadle-slot-question{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text-primary);opacity:.2;animation:squadle-breathe 3s ease-in-out infinite}@keyframes squadle-breathe{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}.squadle-slot-name{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-text-primary);letter-spacing:.03em;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1;z-index:10;background:color-mix(in srgb,var(--color-surface) 85%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:2px 6px;border-radius:6px;opacity:.8;user-select:none}.squadle-bottom-panel{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.squadle-guess-input{position:relative;flex:0 0 auto;margin-bottom:4px}.squadle-guess-input.shake{animation:squadle-shake .5s ease-in-out}@keyframes squadle-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}.squadle-input-wrapper{position:relative}.squadle-input{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:16px;color:var(--color-text-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.squadle-input:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246),.25)}.squadle-input:disabled{opacity:.5;cursor:not-allowed}.squadle-input::placeholder{color:var(--color-text-secondary);opacity:.6}.squadle-input-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:squadle-spin .6s linear infinite}@keyframes squadle-step2-enter{0%{opacity:0;transform:translateY(6px) scale(.97)}60%{opacity:1;transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes squadle-year-pop{0%{opacity:0;transform:scale(0) rotate(-8deg)}50%{opacity:1;transform:scale(1.18) rotate(3deg)}70%{opacity:1;transform:scale(.92) rotate(-1deg)}85%{opacity:1;transform:scale(1.06) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes squadle-prompt-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes squadle-prompt-glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes squadle-pill-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.squadle-picker-step2{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--color-surface);border:2px solid var(--wc-turquoise);border-radius:14px;min-height:48px;position:relative;animation:squadle-step2-enter .4s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 0 12px #00c1d426,0 4px 16px #00000014;overflow:hidden}.squadle-picker-step2:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--wc-stripe);background-size:100% 100%;border-radius:12px 12px 0 0}.squadle-picker-header{display:flex;align-items:center;gap:10px;width:100%}.squadle-picker-back{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--wc-turquoise);background:var(--color-bg);color:var(--wc-turquoise);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,background .2s,color .2s,transform .15s;padding:0;line-height:1}.squadle-picker-back:hover,.squadle-picker-back:active{border-color:var(--wc-magenta);color:#fff;background:var(--wc-magenta)}.squadle-picker-back:active{transform:scale(.88)}.squadle-picker-team-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0}.squadle-picker-team-name{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.squadle-year-section{display:flex;flex-direction:column;gap:8px;width:100%}.squadle-year-prompt{font-family:var(--font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--wc-turquoise);animation:squadle-prompt-bounce 1.5s ease-in-out infinite,squadle-prompt-glow 2s ease-in-out infinite;text-align:center;user-select:none}.squadle-year-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.squadle-year-pill{padding:7px 18px;font-family:var(--font-body);font-size:14px;font-weight:700;color:#fff;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;position:relative;opacity:0;animation:squadle-year-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .2s,box-shadow .2s,filter .2s}.squadle-year-pill:nth-child(7n+1){background:var(--wc-turquoise)}.squadle-year-pill:nth-child(7n+2){background:var(--wc-blue)}.squadle-year-pill:nth-child(7n+3){background:var(--wc-purple)}.squadle-year-pill:nth-child(7n+4){background:var(--wc-magenta)}.squadle-year-pill:nth-child(7n+5){background:var(--wc-coral)}.squadle-year-pill:nth-child(7n+6){background:var(--wc-green)}.squadle-year-pill:nth-child(7n+7){background:var(--wc-yellow);color:#1a1a2e}.squadle-year-pill:hover,.squadle-year-pill:focus-visible{transform:translateY(-3px) scale(1.08);box-shadow:0 4px 14px #00000040;filter:brightness(1.15)}.squadle-year-pill:active{transform:translateY(0) scale(.95);filter:brightness(.95)}.squadle-year-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.squadle-year-pill:disabled{opacity:.5;cursor:not-allowed;animation:none}.squadle-no-years{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);font-style:italic}@keyframes squadle-dropdown-enter{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes squadle-dropdown-item-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes squadle-border-shimmer{0%{border-color:var(--wc-turquoise)}16%{border-color:var(--wc-blue)}33%{border-color:var(--wc-purple)}50%{border-color:var(--wc-magenta)}66%{border-color:var(--wc-coral)}83%{border-color:var(--wc-yellow)}to{border-color:var(--wc-turquoise)}}.squadle-dropdown{position:absolute;bottom:100%;left:0;right:0;z-index:100;margin:0 0 6px;padding:0;list-style:none;background:var(--color-surface);border:2px solid var(--wc-turquoise);border-radius:14px;box-shadow:0 4px 24px #0000002e,0 0 0 1px #0000000f,0 0 20px -4px var(--wc-glow);max-height:240px;overflow:hidden;animation:squadle-dropdown-enter .25s cubic-bezier(.34,1.56,.64,1) both,squadle-border-shimmer 6s linear infinite}.squadle-dropdown:before{content:"";display:block;height:3px;background:var(--wc-stripe) no-repeat center / 100% 100%;flex-shrink:0}.squadle-dropdown{display:flex;flex-direction:column}.squadle-dropdown{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--wc-turquoise) transparent}.squadle-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .18s ease,transform .15s ease,box-shadow .18s ease;min-height:44px;position:relative;animation:squadle-dropdown-item-enter .2s ease both}.squadle-dropdown-item:nth-child(2){animation-delay:.03s}.squadle-dropdown-item:nth-child(3){animation-delay:.06s}.squadle-dropdown-item:nth-child(4){animation-delay:.09s}.squadle-dropdown-item:nth-child(5){animation-delay:.12s}.squadle-dropdown-item:nth-child(6){animation-delay:.15s}.squadle-dropdown-item:nth-child(7){animation-delay:.18s}.squadle-dropdown-item:nth-child(8){animation-delay:.21s}.squadle-dropdown-item:nth-child(9){animation-delay:.24s}.squadle-dropdown-item:nth-child(10){animation-delay:.27s}.squadle-dropdown-item:nth-child(11){animation-delay:.3s}.squadle-dropdown-item:nth-child(12){animation-delay:.33s}.squadle-dropdown-item:nth-child(13){animation-delay:.36s}.squadle-dropdown-item+.squadle-dropdown-item{border-top:1px solid color-mix(in srgb,var(--wc-turquoise) 25%,transparent)}.squadle-dropdown-item:hover,.squadle-dropdown-item.highlighted{background:linear-gradient(90deg,color-mix(in srgb,var(--wc-turquoise) 14%,transparent),color-mix(in srgb,var(--wc-blue) 10%,transparent),color-mix(in srgb,var(--wc-purple) 8%,transparent));transform:scale(1.01)}.squadle-dropdown-item:hover:before,.squadle-dropdown-item.highlighted:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--wc-turquoise),var(--wc-magenta));animation:squadle-dropdown-item-enter .15s ease both}.squadle-dropdown-item:active{background:color-mix(in srgb,var(--wc-turquoise) 20%,transparent);transform:scale(.98)}.squadle-dropdown-item:nth-child(6n+1):hover:before,.squadle-dropdown-item:nth-child(6n+1).highlighted:before{background:linear-gradient(180deg,var(--wc-turquoise),var(--wc-blue))}.squadle-dropdown-item:nth-child(6n+2):hover:before,.squadle-dropdown-item:nth-child(6n+2).highlighted:before{background:linear-gradient(180deg,var(--wc-blue),var(--wc-purple))}.squadle-dropdown-item:nth-child(6n+3):hover:before,.squadle-dropdown-item:nth-child(6n+3).highlighted:before{background:linear-gradient(180deg,var(--wc-purple),var(--wc-magenta))}.squadle-dropdown-item:nth-child(6n+4):hover:before,.squadle-dropdown-item:nth-child(6n+4).highlighted:before{background:linear-gradient(180deg,var(--wc-magenta),var(--wc-coral))}.squadle-dropdown-item:nth-child(6n+5):hover:before,.squadle-dropdown-item:nth-child(6n+5).highlighted:before{background:linear-gradient(180deg,var(--wc-coral),var(--wc-yellow))}.squadle-dropdown-item:nth-child(6n+6):hover:before,.squadle-dropdown-item:nth-child(6n+6).highlighted:before{background:linear-gradient(180deg,var(--wc-yellow),var(--wc-green))}.squadle-dropdown-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0;transition:transform .2s ease}.squadle-dropdown-item:hover .squadle-dropdown-logo,.squadle-dropdown-item.highlighted .squadle-dropdown-logo{transform:scale(1.15)}.squadle-dropdown-name{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-text-primary);flex:1}.squadle-dropdown-year{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);font-weight:600}.squadle-dropdown-years{font-family:var(--font-body);font-size:12px;color:var(--wc-turquoise);font-weight:600;background:color-mix(in srgb,var(--wc-turquoise) 12%,transparent);padding:2px 8px;border-radius:10px;letter-spacing:.02em}.squadle-guess-scroll{flex:0 1 auto;overflow-y:auto;min-height:0;max-height:30dvh;-webkit-overflow-scrolling:touch}.squadle-guess-history{display:flex;flex-direction:column;gap:3px}.squadle-guess-row{display:flex;flex-direction:column;gap:2px;padding:5px 10px;border-radius:6px;background:var(--color-surface);border:1.5px solid var(--color-border);font-family:var(--font-body)}.squadle-guess-row-main{display:flex;align-items:center;gap:8px}.squadle-guess-row.color-green{border-color:var(--wc-green);background:color-mix(in srgb,var(--wc-green) 20%,transparent);border-width:2px}.squadle-guess-number{font-size:13px;font-weight:700;color:var(--color-text-secondary);min-width:20px}.squadle-guess-logo{width:20px;height:20px;object-fit:contain}.squadle-guess-team{font-size:14px;font-weight:600;color:var(--color-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squadle-guess-year{font-size:12px;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:2px}.squadle-match-indicator{font-size:9px;font-weight:700;text-transform:uppercase;border-radius:3px;padding:0 3px;vertical-align:middle}.squadle-match-indicator.team,.squadle-match-indicator.year{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.squadle-year-arrow{font-size:11px;font-weight:700;line-height:1}.squadle-year-arrow.later{color:#22c55e}.squadle-year-arrow.earlier{color:#ef4444}.squadle-guess-reveals{font-size:13px;font-weight:600;color:var(--color-text-secondary);min-width:28px;text-align:right}.squadle-guess-matched{display:flex;flex-wrap:wrap;gap:3px;padding-left:26px;align-items:center}.squadle-matched-player{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:8px;white-space:nowrap;line-height:1.5}.squadle-matched-club-logo{width:14px;height:14px;object-fit:contain;flex-shrink:0}.squadle-matched-player.match-yellow{color:#a16207;background:#eab3081f}.squadle-matched-player.match-green{color:#15803d;background:#22c55e26}html[data-theme=dark] .squadle-matched-player.match-yellow{color:#facc15;background:#eab30826}html[data-theme=dark] .squadle-matched-player.match-green{color:#4ade80;background:#22c55e26}html[data-theme=dark] .squadle-slot{border-top-color:#ffffff1f;border-left-color:#ffffff14;box-shadow:0 2px 3px #00000040,0 6px 12px #0003,0 12px 24px #0000001f,inset 0 2px 4px #ffffff14,inset 0 -2px 4px #00000026}html[data-theme=dark] .squadle-slot .squadle-slot-inner{background:radial-gradient(ellipse 70% 50% at 40% 30%,rgba(255,255,255,.05) 0%,transparent 70%)}html[data-theme=dark] .squadle-slot.revealed.slot-yellow{background:radial-gradient(circle at 35% 35%,#eab30838,#eab30814 60%,#eab30808);box-shadow:0 2px 3px #00000040,0 6px 14px #eab30826,0 12px 24px #0000001f,inset 0 2px 4px #ffffff14,inset 0 -2px 6px #eab3081f}html[data-theme=dark] .squadle-slot.revealed.slot-green{background:radial-gradient(circle at 35% 35%,#22c55e33,#22c55e12 60%,#22c55e08);box-shadow:0 2px 3px #00000040,0 6px 14px #22c55e26,0 12px 24px #0000001f,inset 0 2px 4px #ffffff14,inset 0 -2px 6px #22c55e1f}.squadle-matched-more{display:inline-block;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-border);padding:0 6px;border-radius:8px;border:none;cursor:pointer;line-height:1.6;white-space:nowrap;transition:background .15s}.squadle-matched-more:hover{background:var(--color-text-secondary);color:#fff}.squadle-matched-summary{display:inline-flex;align-items:center;gap:6px;margin-right:2px}.squadle-matched-count{font-size:12px;font-weight:700;line-height:1}.squadle-guess-no-matches{font-size:12px;font-weight:500;color:var(--color-text-secondary);padding-left:26px;opacity:.7;font-style:italic}.squadle-game-over-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 4px;flex:0 0 auto}.squadle-show-results-btn{padding:12px 24px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;background:var(--wc-stripe) no-repeat 0% 0% / 200% 100%;border:none;border-radius:10px;cursor:pointer;transition:background-position .4s ease,transform .1s,box-shadow .15s;min-height:44px;box-shadow:0 3px 12px var(--wc-glow)}.squadle-show-results-btn:hover{background-position:100% 0%}.squadle-show-results-btn:active{transform:scale(.97);opacity:.85}.squadle-yesterday-btn{padding:12px 24px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--wc-turquoise);background:transparent;border:1.5px solid var(--wc-turquoise);border-radius:10px;cursor:pointer;transition:background .15s,color .15s,transform .1s;min-height:44px}.squadle-yesterday-btn:hover{background:var(--wc-turquoise);color:#fff}.squadle-yesterday-btn:active{transform:scale(.97)}.squadle-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;animation:squadle-fade-in .2s ease-out}@keyframes squadle-fade-in{0%{opacity:0}to{opacity:1}}.squadle-modal{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:24px 20px;max-width:420px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-elevated);animation:squadle-slide-up .3s ease-out}@keyframes squadle-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.squadle-modal-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:8px;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.squadle-modal-close:active{background:var(--color-surface)}.squadle-modal-header{text-align:center;margin-bottom:16px}.squadle-modal-title{font-family:var(--font-heading);font-size:20px;font-weight:700;margin:0}.squadle-modal-title.won{background:var(--wc-stripe) no-repeat center / 100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.squadle-modal-title.lost{color:var(--color-text-primary)}.squadle-modal-day-label{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-text-secondary);margin:4px 0 0}.squadle-modal-actions{display:flex;justify-content:center;gap:12px;margin:16px 0}.squadle-help-modal{max-width:380px}.squadle-help-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 14px;text-align:center}.squadle-help-section{margin-bottom:12px}.squadle-help-subtitle{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.squadle-help-text{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0}.squadle-help-colors{display:flex;flex-direction:column;gap:8px}.squadle-help-color-row{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary)}.squadle-help-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.squadle-help-list{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0;padding-left:16px}.squadle-help-play-btn{display:block;width:100%;padding:10px;margin-top:8px;font-family:var(--font-body);font-size:14px;font-weight:600;color:#fff;background:var(--wc-stripe) no-repeat 0% 0% / 200% 100%;border:none;border-radius:10px;cursor:pointer;transition:background-position .4s ease,transform .15s}.squadle-help-play-btn:hover{background-position:100% 0%}.squadle-help-play-btn:active{transform:scale(.97);opacity:.85}.squadle-share-btn{padding:12px 28px;font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff;background:var(--wc-blue);border:none;border-radius:999px;cursor:pointer;transition:background-color .2s ease,transform .1s,box-shadow .15s;min-height:44px;box-shadow:0 3px 12px var(--wc-glow)}.squadle-share-btn:hover{background:var(--wc-turquoise)}.squadle-share-btn:active{transform:scale(.97);opacity:.85}.squadle-countdown{text-align:center;padding:16px 0 8px;border-top:1px solid var(--color-border);margin-top:12px;gap:2px;display:flex;flex-direction:column;align-items:center}.squadle-countdown-label{display:block;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.squadle-countdown-time{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-text-primary);letter-spacing:.08em;font-variant-numeric:tabular-nums}.squadle-intro-footer .squadle-countdown{padding:0;border-top:none;margin-top:0}.squadle-countdown-puzzle-num{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:.04em}.squadle-countdown-puzzle-of{font-weight:400;color:var(--color-text-secondary)}.squadle-countdown-progress-wrap{width:100%;max-width:260px;margin:10px auto 0;padding:0 4px}.squadle-countdown-progress-track{position:relative;height:5px;background:var(--color-border);border-radius:3px;margin-bottom:22px}.squadle-countdown-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--wc-stripe) no-repeat center / 100% 100%;border-radius:3px;transition:width .6s cubic-bezier(.25,.46,.45,.94)}.squadle-countdown-marker{position:absolute;top:0;transform:translate(-50%)}.squadle-countdown-marker-line{width:1.5px;height:12px;background:var(--color-text-secondary);margin:-3px auto 0;border-radius:1px}.squadle-countdown-marker-label{display:block;font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;white-space:nowrap}.squadle-countdown-milestones{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:2px}.squadle-countdown-milestone{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.squadle-countdown-milestone-num{font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.squadle-countdown-milestone-sep{color:var(--color-text-secondary);opacity:.4;font-size:14px;line-height:1}.squadle-countdown-date{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);opacity:.7;margin:2px 0 0}.squadle-stats{margin:12px 0}.squadle-stats-row{display:flex;justify-content:space-around;margin-bottom:12px}.squadle-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.squadle-stat-value{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text-primary)}.squadle-stat-label{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.squadle-distribution{padding:0 4px}.squadle-distribution-title{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.squadle-distribution-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.squadle-distribution-label{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:12px;text-align:right}.squadle-distribution-bar-bg{flex:1;height:18px;background:var(--color-surface);border-radius:3px;overflow:hidden}.squadle-distribution-bar{height:100%;background:var(--wc-stripe) no-repeat center / 100% 100%;border-radius:3px;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;font-family:var(--font-body);font-size:12px;font-weight:600;color:#fff;min-width:fit-content;transition:width .3s ease-out}.squadle-lineup-reveal{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.squadle-lineup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.squadle-lineup-team-logo{width:36px;height:36px;object-fit:contain}.squadle-lineup-team{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0}.squadle-lineup-info{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.squadle-lineup-formation{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.squadle-lineup-players{display:flex;flex-direction:column;gap:3px}.squadle-lineup-player{display:flex;align-items:center;gap:6px;padding:3px 0}.squadle-lineup-pos{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--color-text-secondary);min-width:18px;text-transform:uppercase}.squadle-lineup-name{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-text-primary);flex:1}.squadle-lineup-clubs{display:flex;gap:4px;align-items:center}.squadle-lineup-club-badge{width:16px;height:16px;object-fit:contain;opacity:.45;transition:opacity .2s}.squadle-lineup-club-badge.wc-season{width:22px;height:22px;opacity:1;border-radius:4px;box-shadow:0 0 0 2px #22c55e;padding:1px;background:var(--color-bg)}.squadle-lineup-fact{font-family:var(--font-body);font-size:13px;font-style:italic;color:var(--color-text-secondary);margin:10px 0 0;padding:8px;background:var(--color-surface);border-radius:8px}.squadle-unlock-card{margin:12px 0;padding:10px 14px;background:linear-gradient(135deg,#ffd70014,#ff6b350f);border:1px solid rgba(255,215,0,.25);border-radius:8px}.squadle-unlock-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.squadle-unlock-icon{font-size:16px}.squadle-unlock-label{font-family:var(--font-body);font-size:12px;font-weight:700;color:#b8860b;text-transform:uppercase;letter-spacing:.03em}.squadle-unlock-fact{font-family:var(--font-body);font-size:13px;color:var(--color-text-primary);line-height:1.4;margin:0}.squadle-tournament-mode .squadle-title{background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.squadle-tournament-mode .squadle-formation{background:linear-gradient(180deg,#ffd70014,#228b2214);border-color:#ffd7004d}.squadle-tournament-mode .squadle-clue-badge{background:linear-gradient(135deg,gold,#ff6b35)}.squadle-tournament-mode .squadle-day-badge{color:#ff6b35;background:#ff6b351a}.squadle-dev-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0;font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);background:#ff00000d;border:1px dashed rgba(255,0,0,.2);border-radius:6px;margin-bottom:4px}.squadle-dev-nav button{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:14px;font-weight:700;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:0}.squadle-dev-nav button:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (min-width: 768px){.squadle-page-wrapper{height:calc(100dvh - 64px)}.squadle-game{padding:0 16px}.squadle-answer-banner-fact{padding:0 64px}.squadle-header{padding:12px 0 6px}.squadle-slot{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px)}.squadle-slot-pos-label{font-size:10px}.squadle-pitch-center-circle{width:90px;height:90px}.squadle-guess-scroll{max-height:35dvh}}@media (max-height: 600px){.squadle-header-row3{display:none}.squadle-slot{width:32px;height:32px;border-radius:6px}.squadle-slot-question{font-size:12px}.squadle-slot-pos-label{font-size:7px}.squadle-slot-badge{width:18px;height:18px}.squadle-slot-name{font-size:7px;max-width:60px;padding:1px 4px}.squadle-guess-scroll{max-height:20dvh}}.squadle-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.squadle-intro-play-btn:focus-visible,.squadle-intro-how-btn:focus-visible,.squadle-clue-icon-btn:focus-visible,.squadle-help-btn:focus-visible,.squadle-nav-icon-btn:focus-visible,.squadle-picker-back:focus-visible,.squadle-share-btn:focus-visible,.squadle-show-results-btn:focus-visible,.squadle-yesterday-btn:focus-visible,.squadle-completion-nav-btn:focus-visible,.squadle-completion-promo-btn:focus-visible,.squadle-help-play-btn:focus-visible,.squadle-modal-close:focus-visible,.squadle-matched-more:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.squadle-input:focus-visible{border-color:var(--wc-turquoise);box-shadow:0 0 0 3px #00c1d459,0 0 12px #00c1d426}.squadle-picker-back:focus-visible{border-color:var(--wc-turquoise);background:color-mix(in srgb,var(--wc-turquoise) 15%,var(--color-bg));box-shadow:0 0 0 3px #00c1d459;outline:none}.squadle-dropdown-item.highlighted{outline:2px solid var(--wc-turquoise);outline-offset:-2px;background:linear-gradient(90deg,color-mix(in srgb,var(--wc-turquoise) 18%,transparent),color-mix(in srgb,var(--wc-blue) 12%,transparent),color-mix(in srgb,var(--wc-purple) 10%,transparent))}.squadle-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.squadle-year-pill.year-highlighted{transform:translateY(-3px) scale(1.1);box-shadow:0 4px 16px #0000004d;filter:brightness(1.2);outline:2px solid #fff;outline-offset:2px}@media (max-width: 480px){.squadle-modal-overlay{align-items:flex-end;padding:0}.squadle-modal{border-radius:20px 20px 0 0;max-height:85dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));animation:squadle-slide-up-mobile .3s ease-out}.squadle-completion-modal{border-radius:20px 20px 0 0;max-height:90dvh;padding:24px 16px calc(16px + env(safe-area-inset-bottom,0px));width:100%;animation:squadle-slide-up-mobile .3s ease-out}.squadle-cm-game-title{font-size:24px}@keyframes squadle-slide-up-mobile{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}.squadle-dropdown{max-height:280px}.squadle-year-pills{gap:8px}.squadle-year-pill{padding:10px 20px;font-size:15px;min-height:42px;border-radius:22px}.squadle-year-prompt{font-size:14px}.squadle-bottom-panel{padding-bottom:env(safe-area-inset-bottom,0px)}.squadle-completion-nav{flex-direction:column;align-items:stretch;gap:8px}.squadle-completion-nav-btn{text-align:center}.squadle-guess-row{padding:6px 12px}.squadle-matched-more{padding:4px 10px;font-size:13px;min-height:32px}.squadle-puzzle-clue{margin-top:4px}.squadle-clue-center{flex-direction:column;gap:3px;max-width:50%}}@media (max-width: 374px){.squadle-game{padding:0 8px}.squadle-picker-step2{gap:8px;padding:10px}.squadle-picker-team-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:100px}.squadle-year-pill{padding:8px 14px;font-size:13px;border-radius:18px}.squadle-intro-play-btn{width:180px}.squadle-answer-banner-logo{width:28px;height:28px}.squadle-answer-banner-team{font-size:15px}.squadle-answer-banner-detail{font-size:11px}.squadle-answer-banner-fact{font-size:13px}}@media (min-width: 768px) and (max-width: 1024px){.squadle-page-wrapper{max-width:560px}.squadle-game{padding:0 20px}.squadle-formation-wrapper{padding-top:16px;padding-bottom:36px}.squadle-guess-row{padding:8px 14px}.squadle-input{padding:14px 18px;font-size:17px}.squadle-picker-step2{padding:10px 16px;min-height:52px}.squadle-year-pill{padding:8px 20px;font-size:15px}.squadle-modal{max-width:460px}.squadle-completion-promo{padding:20px 24px}}@media (max-height: 500px) and (orientation: landscape){.squadle-intro{padding:0 16px}.squadle-intro-title{font-size:clamp(28px,5vw,36px)}.squadle-intro-subtitle{margin:6px 0 0}.squadle-intro-play-btn{margin-top:16px;padding:10px}.squadle-puzzle-clue{margin-top:2px;padding:4px 4px 2px}.squadle-clue-icon-btn{width:36px;height:36px;font-size:14px}.squadle-puzzle-clue{grid-template-columns:1fr auto 1fr}.squadle-formation-wrapper{padding-top:4px;padding-bottom:16px}.squadle-formation{aspect-ratio:1.6 / 1}.squadle-input{padding:8px 14px;font-size:15px}.squadle-picker-step2{min-height:40px;padding:4px 10px}.squadle-guess-scroll{max-height:25dvh}.squadle-guess-row{padding:4px 8px}}@media (max-height: 450px) and (max-width: 767px){.squadle-formation-wrapper{display:none}.squadle-puzzle-clue{margin-top:0;padding:4px 4px 2px}.squadle-guess-scroll{max-height:30dvh}}@media (prefers-reduced-motion: reduce){.squadle-slot.flip-stagger,.squadle-confetti-left,.squadle-confetti-right,.squadle-confetti-piece,.squadle-slot.pulse-green:after,.squadle-slot.pulse-yellow:after,.squadle-guess-input.shake,.squadle-formation.zero-reveal-pulse{animation:none!important}.squadle-modal,.squadle-completion-modal,.squadle-modal-overlay{animation:none!important}.squadle-intro-play-btn,.squadle-show-results-btn,.squadle-yesterday-btn,.squadle-share-btn,.squadle-cm-admire-btn,.squadle-outro-results-btn,.squadle-see-results-btn,.squadle-completion-nav-btn,.squadle-completion-promo-btn,.squadle-help-play-btn,.squadle-year-pill,.squadle-clue-icon-btn,.squadle-picker-back{transition:none!important}}.squadle-login-prompt{position:relative;background:var(--color-surface);border-radius:16px;padding:32px 24px;max-width:340px;width:90%;text-align:center;box-shadow:var(--shadow-elevated);animation:squadle-slide-up .3s ease-out}.squadle-login-prompt-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:22px;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:4px}.squadle-login-prompt-close:hover{color:var(--color-text-primary)}.squadle-login-prompt-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:var(--wc-stripe) no-repeat center / 200% 100%;color:#fff}.squadle-login-prompt-icon svg{width:24px;height:24px}.squadle-login-prompt-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.squadle-login-prompt-text{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 20px}.squadle-login-prompt-btn{display:inline-block;padding:12px 28px;font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff;background:var(--wc-stripe) no-repeat 0% 0% / 200% 100%;border:none;border-radius:24px;cursor:pointer;text-decoration:none;transition:background-position .4s ease,transform .1s}.squadle-login-prompt-btn:hover{background-position:100% 0%;transform:scale(1.03)}.squadle-intro-icons{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}.squadle-intro-icon-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;border-radius:8px;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:12px;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:color .2s,background .2s}.squadle-intro-icon-btn:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-secondary) 8%,transparent)}.squadle-intro-icon-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.squadle-archive-label{text-align:center;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--wc-turquoise);padding:4px 0 2px}.squadle-archive-stats-section{padding:12px 0 0;border-top:1px solid var(--color-border);margin-top:12px}.squadle-calendar{max-width:400px;margin:0 auto}.squadle-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px}.squadle-calendar-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-text-primary)}.squadle-calendar-nav-btn{background:none;border:1px solid var(--color-border);border-radius:8px;width:36px;height:36px;font-size:20px;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.squadle-calendar-nav-btn:hover:not(:disabled){border-color:var(--wc-turquoise);background:color-mix(in srgb,var(--wc-turquoise) 10%,transparent)}.squadle-calendar-nav-btn:disabled{opacity:.3;cursor:default}.squadle-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.squadle-calendar-dow{text-align:center;font-family:var(--font-heading);font-size:11px;font-weight:600;color:var(--color-text-secondary);padding:0 0 8px}.squadle-calendar-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}.squadle-calendar-cell.empty{pointer-events:none}.squadle-calendar-cell.disabled{opacity:.25;pointer-events:none}.squadle-calendar-cell.clickable{cursor:pointer}.squadle-calendar-cell.clickable:hover{background:color-mix(in srgb,var(--wc-turquoise) 12%,transparent)}.squadle-calendar-cell.today{border:2px solid var(--wc-turquoise)}.squadle-calendar-cell.completed{background:color-mix(in srgb,var(--wc-yellow, #ffd100) 12%,transparent)}.squadle-calendar-day{font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1}.squadle-calendar-star{font-size:10px;color:var(--wc-yellow, #ffd100);line-height:1;margin-top:2px}