.squadle-page-section{padding:0;min-height:calc(100dvh - 64px)}.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)}.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-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-title{font-family:var(--font-heading);font-size:clamp(40px,8vw,56px);font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.03em;line-height:1.1}.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:var(--color-bg);background:var(--color-text-primary);border:none;border-radius:32px;cursor:pointer;transition:opacity .2s;letter-spacing:.01em}.squadle-intro-play-btn:hover{opacity:.85}.squadle-intro-play-btn:active{transform:scale(.97);opacity:.8}.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(--color-text-secondary);background:transparent;border:1.5px solid var(--color-border);border-radius:28px;cursor:pointer;transition:border-color .15s,color .15s,transform .1s;min-height:44px}.squadle-outro-results-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.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: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-see-results-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.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-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:var(--color-bg);background:var(--color-text-primary);border:none;border-radius:24px;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .1s;min-height:44px}.squadle-completion-promo-btn:hover{opacity:.85}.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(--color-text-primary);color:var(--color-text-primary)}.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}}.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:absolute;inset:0;z-index:50;pointer-events:none;overflow:hidden;animation:squadle-confetti-fade 3s ease-out forwards}.squadle-confetti:before,.squadle-confetti:after{content:"";position:absolute;width:100vw;height:100%;background-image:radial-gradient(circle,#22c55e 1px,transparent 1px),radial-gradient(circle,#ffd700 1.5px,transparent 1.5px),radial-gradient(circle,#ef4444 1px,transparent 1px),radial-gradient(circle,#3b82f6 1.5px,transparent 1.5px),radial-gradient(circle,#eab308 1px,transparent 1px);background-size:40px 40px,60px 60px,50px 50px,45px 45px,55px 55px;background-position:0 0,20px 30px,10px 15px,35px 5px,5px 40px;animation:squadle-confetti-fall 3s ease-out forwards}.squadle-confetti:after{animation-delay:.15s;background-position:15px 10px,5px 20px,30px 35px,10px 45px,40px 15px}@keyframes squadle-confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}70%{opacity:1}to{transform:translateY(100%) rotate(15deg);opacity:0}}@keyframes squadle-confetti-fade{0%,70%{opacity:1}to{opacity:0}}.squadle-puzzle-clue{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 4px 4px;flex:0 0 auto;margin-top:12px}.squadle-clue-center{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.squadle-clue-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;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-answer-banner{display:grid;grid-template-columns:44px 1fr 44px;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{display:flex;align-items:center;gap:10px;justify-content:center;text-align:center}.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:11px;color:var(--color-text-secondary);margin:4px 0 0;line-height:1.4;font-style:italic;opacity:.85}.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(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);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:var(--color-surface);border:1.5px solid 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}.squadle-pitch-halfway{position:absolute;top:50%;left:5%;right:5%;height:1px;background:var(--color-border);opacity:.5}.squadle-pitch-center-circle{position:absolute;top:50%;left:50%;width:60px;height:60px;border:1px solid var(--color-border);opacity:.5;border-radius:50%;transform:translate(-50%,-50%)}.squadle-pitch-center-dot{position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--color-border);border-radius:50%;transform:translate(-50%,-50%)}.squadle-pitch-box-top{position:absolute;top:0;left:25%;right:25%;height:14%;border:1px solid var(--color-border);border-top:none;border-radius:0 0 4px 4px;opacity:.5}.squadle-pitch-box-bottom{position:absolute;bottom:0;left:25%;right:25%;height:14%;border:1px solid var(--color-border);border-bottom:none;border-radius:4px 4px 0 0;opacity:.5}.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{width:clamp(38px,10vw,60px);height:clamp(38px,10vw,60px);border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;perspective:600px;box-shadow:0 1px 4px #00000014;position:relative}.squadle-slot.revealed.slot-yellow{border-color:#eab308;background:#eab30814}.squadle-slot.revealed.slot-green{border-color:#22c55e;background:#22c55e0f}.squadle-slot.answer-reveal{border-color:var(--color-text-secondary);opacity:.6}.squadle-slot.flip-stagger{animation:squadle-flip-bounce .6s ease-in-out both}@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)}}.squadle-slot.pulse-green:after,.squadle-slot.pulse-yellow:after{content:"";position:absolute;inset:-4px;border-radius:12px;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}.squadle-slot-badge{width:clamp(20px,5vw,40px);height:clamp(20px,5vw,40px);object-fit:contain}.squadle-slot-badge.faded{opacity:.5}.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:26px;font-weight:700;color:var(--color-text-primary);opacity:.3}.squadle-slot-name{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:12px;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1;z-index:999999;background-color:var(--color-surface)}.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}.squadle-picker-step2{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--color-surface);border:2px solid var(--color-text-primary);border-radius:10px;min-height:48px;position:relative}.squadle-picker-back{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s;padding:0;line-height:1}.squadle-picker-back:hover,.squadle-picker-back:active{border-color:var(--color-text-primary);color:var(--color-text-primary)}.squadle-picker-back:active{transform:scale(.92)}.squadle-picker-team-logo{width:26px;height:26px;object-fit:contain;flex-shrink:0}.squadle-picker-team-name{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.squadle-year-pills{display:flex;gap:4px;flex-wrap:wrap;flex:1;justify-content:flex-end}.squadle-year-pill{padding:6px 16px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.squadle-year-pill:hover,.squadle-year-pill:focus-visible{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.squadle-year-pill:active{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary);transform:scale(.95)}.squadle-year-pill:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246),.4)}.squadle-year-pill:disabled{opacity:.5;cursor:not-allowed}.squadle-no-years{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);font-style:italic}.squadle-dropdown{position:absolute;bottom:100%;left:0;right:0;z-index:100;margin:0 0 4px;padding:4px 0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-elevated);max-height:240px;overflow-y:auto}.squadle-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .1s;min-height:44px}.squadle-dropdown-item:hover,.squadle-dropdown-item.highlighted{background:var(--color-border)}.squadle-dropdown-item:active{background:var(--color-border);opacity:.8}.squadle-dropdown-logo{width:26px;height:26px;object-fit:contain;flex-shrink:0}.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(--color-text-secondary);font-weight:500}.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:#22c55e;background:#22c55e14}.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.revealed.slot-yellow{background:#eab3081f}html[data-theme=dark] .squadle-slot.revealed.slot-green{background:#22c55e1a}.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(--color-primary);border:none;border-radius:10px;cursor:pointer;transition:opacity .15s,transform .1s;min-height:44px}.squadle-show-results-btn:hover{opacity:.9}.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(--color-primary);background:transparent;border:1.5px solid var(--color-primary);border-radius:10px;cursor:pointer;transition:background .15s,color .15s,transform .1s;min-height:44px}.squadle-yesterday-btn:hover{background:var(--color-primary);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{color:#22c55e}.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(--color-primary);border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.squadle-help-play-btn:hover{opacity:.9}.squadle-help-play-btn:active{transform:scale(.97);opacity:.85}.squadle-share-btn{padding:12px 28px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:10px;cursor:pointer;transition:opacity .15s,transform .1s;min-height:44px}.squadle-share-btn:hover{opacity:.9}.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(--color-text-primary);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(--color-primary);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-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:80px;height:80px}.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:8px;bottom:-13px;max-width:55px}.squadle-guess-scroll{max-height:20dvh}}.squadle-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-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{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}@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:260px}.squadle-year-pills{gap:6px}.squadle-year-pill{padding:8px 18px;font-size:15px;min-height:40px}.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}}@media (max-width: 374px){.squadle-game{padding:0 8px}.squadle-picker-step2{gap:6px;padding:6px 8px}.squadle-picker-team-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:80px}.squadle-year-pill{padding:6px 12px;font-size:13px}.squadle-intro-play-btn{width:180px}.squadle-answer-banner{grid-template-columns:36px 1fr 36px}.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:10px}}@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:36px 1fr 36px}.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,.squadle-confetti:before,.squadle-confetti:after,.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}}