.football-page{--football-ink:#10222d;--football-green:#1f6a4b;--football-green-dark:#174f3a;--football-yellow:#f3c74b;--football-red:#e8533f;--football-paper:#fbfaf3;--football-mist:#eaf1f0;--football-muted:#697b7d;--football-line:#b8c7c5;min-height:100dvh;color:var(--football-ink);background-color:var(--football-mist);background-image:linear-gradient(#10222d0e 1px,#0000 1px),linear-gradient(90deg,#10222d0e 1px,#0000 1px);background-size:36px 36px;font-family:Arial Narrow,Trebuchet MS,Arial,sans-serif}.football-page button,.football-page input{font:inherit}.football-page button,.football-page a{-webkit-tap-highlight-color:transparent}.football-page button:focus-visible,.football-page input:focus-visible,.football-page a:focus-visible{outline:3px solid var(--football-yellow);outline-offset:3px}.football-header{grid-template-columns:1fr auto;align-items:center;gap:20px;width:min(1360px,100% - 44px);min-height:66px;margin:0 auto;display:grid}.football-brand{width:max-content;color:var(--football-ink);text-transform:uppercase;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.football-brand strong{letter-spacing:.025em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;font-weight:400}.football-ball{aspect-ratio:1;border:3px solid var(--football-ink);background:radial-gradient(circle at center, var(--football-yellow) 0 17%, transparent 18%), linear-gradient(90deg, transparent 46%, var(--football-ink) 47% 53%, transparent 54%), var(--football-paper);width:34px;box-shadow:3px 3px 0 var(--football-red);border-radius:50%;display:inline-block;position:relative}.football-ball:after{content:"";border-top:2px solid var(--football-ink);position:absolute;inset:46% 0 auto;transform:rotate(-9deg)}.football-header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.football-mode-switch{border:2px solid var(--football-ink);background:var(--football-paper);padding:3px;display:flex;box-shadow:3px 3px #10222d21}.football-mode-switch button{min-width:77px;min-height:32px;color:var(--football-muted);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:0 0;border:0;padding:0 12px;font:700 9px/1 Courier New,monospace}.football-mode-switch button.active{background:var(--football-ink);color:#fff}.football-icon-button,.football-rules button{aspect-ratio:1;border:2px solid var(--football-ink);background:var(--football-yellow);width:42px;color:var(--football-ink);cursor:pointer;place-items:center;display:grid;box-shadow:3px 3px #10222d26}.football-rules{z-index:50;border:2px solid var(--football-ink);background:var(--football-yellow);width:min(1360px,100% - 44px);box-shadow:5px 5px 0 var(--football-red);justify-content:space-between;gap:22px;padding:15px 17px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.football-rules strong{letter-spacing:.1em;text-transform:uppercase;font:700 10px/1 Courier New,monospace}.football-rules p{max-width:760px;margin:5px 0 0;font-size:13px;line-height:1.45}.football-rules button{background:var(--football-paper);width:34px;box-shadow:none;border-width:1px;flex:none}.football-game-wrap{flex-direction:column;width:min(1360px,100% - 44px);height:calc(100dvh - 66px);margin:0 auto;padding:10px 0 14px;display:flex}.football-heading{flex:none;grid-template-columns:66px minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:12px;display:grid}.club-mark{aspect-ratio:1;border:3px solid var(--football-ink);background:var(--football-paper);width:61px;color:var(--football-green-dark);box-shadow:5px 5px 0 var(--football-red);place-items:center;font:30px/1 Impact,sans-serif;display:grid;transform:rotate(-3deg)}.football-heading p,.panel-kicker{color:var(--football-red);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font:700 9px/1.2 Courier New,monospace}.football-heading h1{color:var(--football-ink);letter-spacing:.005em;text-transform:uppercase;margin:0;font:400 clamp(35px,4.25vw,63px)/.86 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.football-heading h1 span{background:var(--football-yellow);color:var(--football-ink);vertical-align:.25em;margin-left:10px;padding:5px 8px 4px;font:700 12px/1 Courier New,monospace;display:inline-block;transform:rotate(1deg)}.formation-badge{border:2px solid var(--football-ink);background:var(--football-paper);min-width:72px;box-shadow:4px 4px 0 var(--football-yellow);text-align:center;gap:2px;padding:7px 10px;display:grid;transform:rotate(1deg)}.formation-badge small{color:var(--football-muted);letter-spacing:.11em;text-transform:uppercase;font:700 7px/1 Courier New,monospace}.formation-badge strong{font:400 21px/1 Impact,sans-serif}.football-board{border:3px solid var(--football-ink);background:var(--football-paper);flex:1;grid-template-columns:minmax(0,1.55fr) minmax(320px,.62fr);min-height:0;display:grid;overflow:hidden;box-shadow:10px 10px #10222d29}.pitch-card{background:var(--football-ink);flex-direction:column;min-width:0;min-height:0;padding:9px 10px 10px;display:flex}.pitch-status{color:#dce7e5;letter-spacing:.08em;text-transform:uppercase;flex:none;justify-content:space-between;height:28px;padding:1px 3px 8px;font:700 9px/1 Courier New,monospace;display:flex}.pitch-status b{color:var(--football-yellow)}.football-pitch{border:3px solid var(--football-paper);background:repeating-linear-gradient(90deg, #ffffff0a 0 12.5%, #00000009 12.5% 25%), var(--football-green);flex:1;min-height:465px;position:relative;overflow:hidden}.football-pitch:after{content:"";z-index:1;pointer-events:none;border:2px solid #ffffffa8;position:absolute;inset:11px}.pitch-lines,.formation-grid{position:absolute;inset:0}.pitch-lines{color:#ffffffad}.pitch-lines i{display:block;position:absolute}.pitch-lines .halfway{border-top:2px solid;top:50%;left:11px;right:11px}.pitch-lines .centre-circle{aspect-ratio:1;border:2px solid;border-radius:50%;width:16%;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-lines .penalty-box{border:2px solid;width:39%;height:17%;left:30.5%}.pitch-lines .penalty-box.top{border-top:0;top:11px}.pitch-lines .penalty-box.bottom{border-bottom:0;bottom:11px}.formation-grid{z-index:2;flex-direction:column;justify-content:space-around;padding:3.5% 4%;animation:.42s cubic-bezier(.2,.85,.25,1) both football-team-in;display:flex}.formation-row{justify-content:space-evenly;gap:8px;display:flex}.football-player{text-align:center;justify-items:center;gap:3px;width:clamp(82px,8vw,114px);display:grid}.shirt{background:var(--football-paper);width:47px;height:49px;color:var(--football-ink);clip-path:polygon(27% 5%,38% 0,62% 0,73% 5%,100% 20%,84% 43%,73% 34%,73% 100%,27% 100%,27% 34%,16% 43%,0 20%);filter:drop-shadow(3px 4px #10222d66);place-items:center;font:400 21px/1 Impact,sans-serif;transition:transform .14s,background .14s;display:grid}.football-player:hover .shirt{transform:translateY(-2px)rotate(-2deg)}.football-player.solved .shirt{background:var(--football-yellow)}.football-player.revealed .shirt{background:var(--football-red);color:#fff}.player-label{background:var(--football-ink);border:1px solid #ffffff9e;gap:2px;width:100%;padding:5px 5px 4px;display:grid;box-shadow:3px 3px #10222d57}.football-player.solved .player-label{border-color:var(--football-yellow);background:var(--football-green-dark)}.football-player.revealed .player-label{border-color:#f18c7e}.player-label strong,.player-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-label strong{color:var(--football-paper);text-transform:uppercase;font-size:10px;line-height:1}.player-label small{color:var(--football-yellow);letter-spacing:.03em;text-transform:uppercase;font:700 7px/1 Courier New,monospace}.football-panel{border-left:3px solid var(--football-ink);background:var(--football-paper);flex-direction:column;gap:17px;min-height:0;padding:22px 25px;display:flex;overflow:auto}.football-panel h2{letter-spacing:.01em;text-transform:uppercase;max-width:300px;margin:0;font:400 37px/.92 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.panel-copy{color:var(--football-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.football-progress{grid-template-columns:auto 1fr;align-items:end;gap:13px;display:grid}.football-progress strong{color:var(--football-red);font:400 35px/.8 Impact,sans-serif}.football-progress strong span{color:var(--football-ink);font:700 10px/1 Courier New,monospace}.football-progress>div{grid-template-columns:repeat(11,1fr);gap:3px;display:grid}.football-progress i{border:1px solid var(--football-line);height:6px}.football-progress i.filled{border-color:var(--football-green);background:var(--football-green)}.football-guess{position:relative}.football-guess label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font:700 9px/1 Courier New,monospace;display:block}.football-guess>div{border:2px solid var(--football-ink);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;height:50px;display:grid}.football-guess>div:focus-within{box-shadow:4px 4px 0 var(--football-yellow)}.football-guess svg{color:var(--football-muted);margin-left:11px}.football-guess input{min-width:0;height:100%;color:var(--football-ink);background:0 0;border:0;outline:0;padding:0 9px;font-size:12px}.football-guess>div>button{border:0;border-left:2px solid var(--football-ink);background:var(--football-yellow);height:100%;color:var(--football-ink);cursor:pointer;text-transform:uppercase;align-items:center;gap:4px;padding:0 13px;font:700 9px/1 Courier New,monospace;display:flex}.football-guess>div>button svg{color:currentColor;margin:0}.football-guess button:disabled{opacity:.45;cursor:default}.football-suggestions{z-index:20;border:2px solid var(--football-ink);background:#fff;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:4px 4px #10222d26}.football-suggestions button{border:0;border-bottom:1px solid var(--football-line);color:var(--football-ink);cursor:pointer;text-align:left;background:#fff;padding:9px 11px;font-size:12px}.football-suggestions button:hover{background:#e9f3ef}.football-feedback{border-left:4px solid var(--football-green);background:#e5f0ec;align-items:center;min-height:48px;padding:11px 12px;display:flex}.football-feedback.ended{border-color:var(--football-red);background:#f8e6e1}.football-feedback p{margin:0;font-size:12px;line-height:1.4}.football-misses>span{border-bottom:1px solid var(--football-line);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;padding-bottom:7px;font:700 9px/1 Courier New,monospace;display:flex}.football-misses>span b{color:var(--football-red)}.football-misses>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.football-misses i{border:1px dashed var(--football-line);height:26px;color:var(--football-line);place-items:center;display:grid}.football-misses i.used{color:var(--football-red);background:#f8e4df;border-style:solid;border-color:#efb1a6}.football-misses p{color:var(--football-muted);margin:7px 0 0;font-size:10px}.football-panel-actions{gap:8px;margin-top:auto;display:flex}.football-panel-actions button{border:1px solid var(--football-ink);min-height:36px;color:var(--football-ink);cursor:pointer;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font:700 9px/1 Courier New,monospace;display:flex}.football-panel-actions button.next{background:var(--football-green);color:#fff;flex:1}.football-footer{color:var(--football-muted);letter-spacing:.05em;text-transform:uppercase;flex:none;justify-content:space-between;gap:20px;padding:9px 12px 0;font:700 9px/1.2 Courier New,monospace;display:flex}.football-loading{letter-spacing:.08em;text-transform:uppercase;place-content:center;justify-items:center;gap:16px;font:700 11px/1.4 Courier New,monospace;display:grid}.football-loading .football-ball{width:52px;animation:1.1s linear infinite football-spin}@keyframes football-team-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes football-spin{to{transform:rotate(360deg)}}@media (width<=1040px){.football-header{grid-template-columns:1fr auto;padding:8px 0}.football-game-wrap{height:auto;min-height:calc(100dvh - 66px)}.football-board{grid-template-columns:1fr;overflow:visible}.football-panel{border-left:0;border-top:3px solid var(--football-ink);overflow:visible}.football-pitch{flex:none;height:570px}}@media (width<=660px){.football-header,.football-game-wrap,.football-rules{width:calc(100% - 22px)}.football-brand strong{font-size:19px}.football-ball{width:29px}.football-mode-switch button{min-width:61px;padding:0 7px}.football-icon-button{width:38px}.football-heading{grid-template-columns:51px minmax(0,1fr);align-items:center}.club-mark{width:47px;font-size:24px}.football-heading h1{font-size:29px;line-height:.95}.football-heading h1 span{vertical-align:.2em;margin:5px 0 0;font-size:9px}.formation-badge{display:none}.football-pitch{height:72vh;min-height:460px}.football-player{width:74px}.shirt{width:39px;height:42px}.player-label{padding-inline:3px}.player-label strong{font-size:8px}.player-label small{font-size:6px}.football-panel{padding:20px 15px}.football-footer{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){.football-page *,.football-page :before,.football-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}