/* Headline Games house-art v1.1 · action mode. Shared shell loads after this file. */
:root{--ink:#17324d;--deep:#071323;--pitch:#4e9b73;--grass:#78b78f;--red:#d9563f;--gold:#f8c35a;--blue:#28527a;--paper:#fffaf0;--coral:#f36f45}
*{box-sizing:border-box}[hidden]{display:none!important}button{font:inherit}.game-shell{width:100%;margin:0 auto 40px}.intro{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:stretch}.hero-stage{margin:24px 0 24px 24px;min-height:520px;background:#dbe6ef}.hero-stage img{width:100%;height:100%;object-fit:cover}.hero-tag{position:absolute;left:6%;bottom:7%;padding:7px 10px;background:#fffaf0e8;border-left:5px solid var(--coral);border-radius:5px;font-size:.76rem;font-weight:950}.intro-copy{display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0;color:var(--blue);font-size:.78rem;font-weight:950;letter-spacing:.1em}.intro h1{margin:8px 0 6px;font-size:clamp(2.9rem,6vw,5.8rem);line-height:.94;letter-spacing:-.055em}.dek{margin:0 0 10px;color:#36566d;font-size:clamp(1rem,2vw,1.35rem);font-weight:850}.rule-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;margin-top:9px;font-size:.72rem;font-weight:950}.rule-flow span:not([aria-hidden]){padding:7px 8px;border:2px solid var(--ink);border-radius:7px;background:#fff;text-align:center}.key-help{margin:12px 0 0;color:#526477;font-size:.74rem;text-align:center}
.play{width:min(900px,calc(100% - 24px));margin:10px auto 24px;border:4px solid var(--deep);border-radius:24px;background:var(--paper);box-shadow:0 10px 0 #07132324;overflow:hidden}.hud{height:60px;padding:7px 10px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;border-bottom:2px solid #a9b8c5}.hud div{display:flex;flex-direction:column;align-items:center;color:#526477;font-size:.58rem;font-weight:900;letter-spacing:.05em}.hud b{color:var(--deep);font-size:1rem;letter-spacing:0}.pitch{position:relative;height:min(68svh,600px);min-height:430px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--pitch) 0 12.5%,var(--grass) 12.5% 25%);touch-action:manipulation;isolation:isolate}.pitch:before{content:"";position:absolute;inset:4%;border:4px solid #fffaf0aa;border-radius:5px}.pitch:after{content:"";position:absolute;left:50%;top:4%;bottom:4%;border-left:4px solid #fffaf0aa}.goal{position:absolute;left:50%;top:3%;z-index:8;width:38%;height:15%;transform:translateX(-50%);border:6px solid #fff;border-bottom:0;background:repeating-linear-gradient(45deg,#ffffff44 0 8px,#17324d22 8px 16px);pointer-events:none}.goal-door{position:absolute;left:50%;bottom:-12px;width:12%;height:22px;transform:translateX(-50%);background:var(--gold);border:4px solid var(--deep);border-radius:6px;transition:width .2s}.goal.is-open .goal-door{width:72%;animation:door-pulse .55s infinite}.keeper{position:absolute;left:50%;top:11%;z-index:9;width:58px;transform:translate(-50%,-50%);transition:left .04s linear}.defender,.player{position:absolute;z-index:7;width:64px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(3px 4px 0 #07132326)}.defender{transition:left .06s linear}.player-button{position:absolute;z-index:12;width:82px;height:82px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;cursor:pointer;touch-action:manipulation}.player-button img{width:64px;filter:drop-shadow(3px 4px 0 #07132326)}.player-button:after{content:attr(data-key);position:absolute;right:3px;bottom:3px;width:25px;height:25px;display:grid;place-items:center;background:#fff;border:2px solid var(--deep);border-radius:50%;font-size:.72rem;font-weight:950}.player-button.is-carrier{filter:drop-shadow(0 0 8px var(--gold))}.player-button.is-carrier:before{content:"BALL";position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:3px 6px;color:var(--deep);background:var(--gold);border:2px solid var(--deep);border-radius:5px;font-size:.57rem;font-weight:950}.ball{position:absolute;z-index:15;width:35px;transform:translate(-50%,-50%);transition:left .22s ease-out,top .22s ease-out;pointer-events:none}.pass-line{position:absolute;z-index:5;height:6px;background:var(--gold);transform-origin:left center;border-radius:99px;opacity:0;pointer-events:none}.pass-line.show{opacity:.82}.shot{position:absolute;left:50%;top:19%;z-index:20;width:min(260px,64%);min-height:58px;transform:translateX(-50%);color:var(--deep);background:var(--gold);border:4px solid var(--deep);border-radius:12px;box-shadow:0 5px 0 var(--deep);font-weight:1000;cursor:pointer;animation:shot-pulse .5s infinite}.shot:active{transform:translate(-50%,4px);box-shadow:0 1px 0 var(--deep)}.chain{position:absolute;left:50%;bottom:4%;z-index:5;display:flex;gap:8px;transform:translateX(-50%);pointer-events:none}.chain i{width:25px;height:18px;border:3px solid var(--deep);border-radius:4px;background:#fff}.chain i.on{background:var(--gold)}.feedback{position:absolute;left:50%;top:30%;z-index:25;max-width:84%;margin:0;padding:8px 12px;transform:translateX(-50%);background:#fffaf0ef;border-left:6px solid var(--blue);border-radius:6px;font-size:.82rem;font-weight:950;text-align:center;pointer-events:none}.feedback[data-state="bad"]{border-left-color:var(--red)}.feedback[data-state="good"]{border-left-color:var(--gold)}.crowd{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#071323df;color:#fff;text-align:center;pointer-events:none}.crowd img{width:90px}.crowd b{display:block;font-size:clamp(1.7rem,7vw,3.5rem)}
.result{width:min(1000px,calc(100% - 28px));margin:12px auto 30px;display:grid;grid-template-columns:46% 54%;background:var(--paper);border:4px solid var(--deep);border-radius:28px;box-shadow:0 10px 0 #07132324;overflow:hidden}.result-art{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle,#fff7dc,#dbe6ef)}.result-art img{width:min(48%,190px);filter:drop-shadow(9px 10px 0 #17324d28)}.result-copy{min-width:0;padding:28px;display:flex;flex-direction:column;justify-content:center}.result h2{margin:6px 0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1}.score-line{display:flex;align-items:baseline;gap:7px}.score-line strong{font-size:clamp(4rem,9vw,7rem);line-height:.9}.rank{margin:8px 0 16px;font-weight:900}.rank b{display:inline-block;margin-right:8px;padding:4px 8px;color:#fff;background:var(--blue);border-radius:4px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-stats p{margin:0;padding:9px;background:#edf3f7;border-left:4px solid var(--blue);border-radius:5px;font-size:.82rem;font-weight:800}.result-stats p:last-child{grid-column:1/-1;background:#fff7dc;border-left-color:var(--gold)}.actions{display:grid;gap:9px;margin-top:15px}.news-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.news-links a{color:var(--blue);font-weight:850}.disclaimer{color:#526477;font-size:.7rem;line-height:1.5}
@keyframes shot-pulse{50%{filter:brightness(1.12);scale:1.02}}@keyframes door-pulse{50%{background:#fff}}@media(max-width:760px){.intro{display:block}.hero-stage{margin:12px 12px 0;min-height:0;aspect-ratio:16/9}.intro-copy{display:block}.intro h1{font-size:clamp(2.65rem,12vw,4.2rem)}.result{display:block}.result-art{min-height:0;aspect-ratio:16/9}.result-copy{padding:22px 16px}.pitch{height:calc(100svh - 126px);min-height:430px}}@media(max-width:430px){.play{width:calc(100% - 12px);border-width:3px}.hud{height:54px;padding:5px}.hud div{font-size:.5rem}.hud b{font-size:.78rem}.player-button{width:74px;height:74px}.player-button img,.defender{width:57px}.feedback{top:27%;font-size:.72rem}.rule-flow{gap:3px;font-size:.62rem}.rule-flow span:not([aria-hidden]){padding:5px 4px}}@media(prefers-reduced-motion:reduce){.shot,.goal.is-open .goal-door{animation:none}.defender,.ball{transition:none}}
.defender{width:54px}.chain{left:auto;right:5%;bottom:3%;transform:none}.feedback{left:5%;top:21%;max-width:58%;padding:5px 8px;transform:none;color:#fff;background:#071323cc;border:0;border-radius:5px;font-size:.68rem;font-weight:900;line-height:1.25;text-align:left;opacity:0;transition:opacity .12s}.feedback[data-state="bad"]{border:0;opacity:1}.feedback[data-state="good"]{border:0}@media(max-width:430px){.defender{width:48px}.feedback{top:21%;font-size:.64rem}}@media(prefers-reduced-motion:reduce){.feedback{transition:none}}
.goal{appearance:none;padding:0;color:var(--deep);font:inherit;opacity:1}.goal:disabled{opacity:1}.goal.is-open{pointer-events:auto;cursor:pointer;box-shadow:0 0 0 7px #f8c35a66;animation:goal-ready .38s infinite alternate}.goal-label{position:absolute;left:50%;top:8px;z-index:2;transform:translateX(-50%);padding:4px 8px;border:3px solid var(--deep);border-radius:7px;background:var(--gold);font-size:.72rem;font-weight:1000;white-space:nowrap;opacity:0}.goal.is-open .goal-label{opacity:1}.keeper{pointer-events:none}@keyframes goal-ready{to{filter:brightness(1.18)}}@media(prefers-reduced-motion:reduce){.goal.is-open{animation:none}}
.player-button:disabled{opacity:1;cursor:default}.player-button:disabled:not(.is-carrier):after{background:#dbe6ef}.ball.is-stolen{filter:grayscale(.65) drop-shadow(0 0 6px var(--red))}
.goal{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:visible}
.shot-zone{position:relative;min-width:0;padding:0;border:0;background:transparent;color:var(--deep);font:inherit;opacity:0;pointer-events:none;touch-action:manipulation}
.shot-zone+ .shot-zone{border-left:3px dashed #fff}
.shot-zone span{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);padding:3px 5px;border:2px solid var(--deep);border-radius:5px;background:var(--gold);font-size:.58rem;font-weight:1000;white-space:nowrap}
.goal.is-open .shot-zone{opacity:1;pointer-events:auto;cursor:pointer;background:#f8c35a2e}
.goal.is-open .shot-zone:active{background:#f8c35a88}
.goal.is-open .shot-zone:focus-visible{outline:4px solid var(--gold);outline-offset:-6px}
@media(max-width:430px){.goal{width:48%;height:16%}.shot-zone span{bottom:5px;font-size:.5rem}}