body:has(.club){background:#f5f4eb;color:#243229}.club{max-width:1400px;margin:auto;padding:30px 48px 45px;font-family:Inter,system-ui,sans-serif}.club header{display:flex;justify-content:space-between;border-bottom:1px solid #cdd5c8;padding-bottom:24px;font-size:12px;font-weight:600}.club header a:last-child,.eyebrow,.scoreboard span,.pitch-label,.overlay-kicker,.controls>span,.club footer{font:10px JetBrains Mono,monospace;letter-spacing:.1em}.game-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:55px 0 38px}.eyebrow{color:#7b8878}.club h1{font-size:clamp(55px,7vw,95px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:18px 0}.club h1 em,.overlay h2 em{font-family:Georgia,serif;font-weight:400}.game-intro p{max-width:480px;color:#69796b;line-height:1.7;font-size:15px}.scoreboard{display:flex;background:#e6e9dc;padding:20px 28px;gap:30px;min-width:220px}.scoreboard div{display:flex;flex-direction:column;gap:8px}.scoreboard span{color:#778778}.scoreboard strong{font-size:42px;font-weight:500;line-height:1}.scoreboard i{width:1px;background:#c8d2c3}.pitch{height:500px;background:#709b72;position:relative;overflow:hidden;border:10px solid #e4e8da;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 12.5%,#ffffff0b 12.5%,#ffffff0b 25%)}.pitch:after{content:"";position:absolute;inset:20px;border:1px solid #e4efdb80;pointer-events:none}.pitch-label{position:absolute;top:30px;left:32px;color:#e8f2e2;z-index:2}.pitch-label span{margin:0 9px;color:#f6d5a3}.goal{position:absolute;left:27%;right:27%;top:16%;height:31%;border:8px solid #f9f6e8;border-bottom:5px solid #f9f6e8;cursor:crosshair;z-index:3;background:#466f4b}.net{position:absolute;inset:0;background-image:linear-gradient(#e0f0da40 1px,transparent 1px),linear-gradient(90deg,#e0f0da40 1px,transparent 1px);background-size:22px 22px}.keeper{position:absolute;bottom:0;left:50%;width:57px;height:80px;transform:translate(-50%);border-radius:28px 28px 9px 9px;background:#ed9f63;border:4px solid #edb783}.keeper:before{content:"";position:absolute;top:-25px;left:13px;width:25px;height:25px;border-radius:50%;background:#e8bca0}.keeper:after{content:"";position:absolute;top:17px;left:-26px;width:101px;height:11px;background:#ed9f63;border-radius:15px}.penalty-arc{position:absolute;width:65%;height:60%;bottom:-31%;left:17.5%;border:2px solid #edf4e8a0;border-radius:50%}.penalty-spot{position:absolute;bottom:24%;left:50%;width:6px;height:6px;background:#f5f5df;border-radius:50%}.ball{position:absolute;bottom:12%;left:50%;transform:translate(-50%);font-size:43px;z-index:4;transition:transform .28s ease-in,bottom .28s ease-in}.ball.flying{bottom:58%;transform:translate(calc(-50% + var(--shot-x))) scale(.45)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#20392dcc;z-index:8;color:#fff}.overlay[hidden]{display:none}.overlay-inner{text-align:center;padding:25px}.overlay-kicker{color:#d8e6d1}.overlay h2{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:18px}.overlay p{max-width:370px;font-size:13px;line-height:1.6;color:#dce8d9;margin:0 auto 23px}.overlay button{background:#f1c59e;color:#283d2d;border:0;padding:14px 20px;cursor:pointer;font-weight:600}.overlay button span{margin-left:35px}.feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;font-weight:800;color:#fff;z-index:6;pointer-events:none}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #d3dbcf}.controls>span{color:#849184}.controls div{display:flex;gap:8px}.controls button{border:1px solid #b4c1b2;background:transparent;padding:12px 17px;cursor:pointer;color:#2d4131}.controls button:hover:enabled{background:#283f2f;color:#fff}.controls button:disabled{opacity:.4;cursor:default}.club footer{display:flex;justify-content:space-between;gap:15px;margin-top:40px;color:#829180}.club a:focus-visible,.club button:focus-visible{outline:3px solid #ec916d;outline-offset:4px}@media(max-width:700px){.club{padding:24px 20px}.game-intro{align-items:start;flex-direction:column}.scoreboard{padding:14px 20px}.scoreboard strong{font-size:32px}.pitch{height:410px}.goal{left:13%;right:13%;top:20%}.pitch-label{font-size:8px;left:20px}.controls{flex-wrap:wrap}.controls-note{display:none}.controls div{width:100%}.controls button{flex:1;padding:12px 6px}.club footer{flex-direction:column}}
