.pk-wrap{--pk-gold:#d8bd77;--pk-muted:#8d9b91;max-width:900px;margin:auto;padding:24px 24px 64px;color:#f0eee4;font-family:'IBM Plex Mono',monospace;box-sizing:border-box}.pk-wrap *{box-sizing:border-box}.pk-wrap button{font:inherit;cursor:pointer;touch-action:manipulation}.pk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid #2e3830}.pk-head span,.pk-title span{font-size:9px;letter-spacing:.18em;color:var(--pk-muted)}.pk-back,.pk-sound{border:0;background:none;color:var(--pk-gold);font-size:10px!important;letter-spacing:.1em;padding:12px 0}.pk-title{display:flex;justify-content:space-between;align-items:end;padding:28px 0 24px;gap:18px}.pk-title h1{font-family:Oswald,sans-serif;font-weight:500;font-size:clamp(45px,8vw,82px);letter-spacing:-.035em;line-height:1;margin:12px 0 0}.pk-title em{font-style:normal;color:var(--pk-gold)}.pk-title p{font-size:10px;letter-spacing:.13em;line-height:1.9;color:var(--pk-muted);margin:0}.pk-board{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 40px;border:1px solid #455341;border-bottom:0;background:#15211b;padding:18px 24px;gap:12px;align-items:center}.pk-board small{display:block;font-size:8px;letter-spacing:.13em;color:#a6b3a3;margin-bottom:7px}.pk-board b{font-family:Oswald,sans-serif;font-size:clamp(21px,3.6vw,32px);font-weight:500;line-height:1;white-space:nowrap}.pk-board button{background:transparent;color:#d3c697;border:1px solid #506049;height:36px}.pk-field{position:relative;border:1px solid #455341;overflow:hidden;background:#10261d;isolation:isolate}.pk-field canvas{display:block;width:100%;height:clamp(410px,70vw,620px);touch-action:none;outline:none}.pk-field canvas:focus-visible{outline:2px solid #dfc67b;outline-offset:-3px}.pk-field-top{position:absolute;pointer-events:none;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:14px;font-size:7px;letter-spacing:.12em;color:#acbda7}.pk-field-top i{display:inline-block;width:3px;height:3px;background:#d8bd77;margin:0 8px}.pk-call{position:absolute;pointer-events:none;bottom:33px;left:0;right:0;text-align:center;padding:12px 10px;background:linear-gradient(90deg,transparent,#091610dd,transparent)}.pk-call strong{display:block;font:500 clamp(17px,3vw,24px)/1.3 Oswald,sans-serif;letter-spacing:.045em;color:#ecdcaa}.pk-call span{display:block;font-size:9px;line-height:1.6;color:#c0cbb9;margin-top:4px}.pk-pass{display:flex;align-items:center;gap:16px;background:#101711;padding:15px 20px;border:1px solid #354131;border-top:0;font-size:8px;letter-spacing:.1em;color:#9da78e}.pk-pass>div{flex:1;height:4px;background:#293529}.pk-pass i{display:block;height:100%;background:#e3c476;width:0}.pk-pass b{font-size:8px;min-width:125px;text-align:right;font-weight:400}.pk-controls{display:grid;grid-template-columns:1fr 2.6fr 1fr;gap:10px;margin:16px 0 28px}.pk-controls button{border:1px solid #4a533c;background:#182118;color:#d7c895;min-height:52px;font-size:13px}.pk-controls span{font-size:9px;letter-spacing:.1em}.pk-controls .pk-snap{background:#d7c184;color:#141a13;font-size:11px;font-weight:bold;letter-spacing:.1em;border-color:#d7c184}.pk-wrap button:disabled{opacity:.4;cursor:default}.pk-wrap button:focus-visible,.pk-guide summary:focus-visible{outline:2px solid #ead28c;outline-offset:4px}.pk-playbook>div{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.pk-playbook>div>span{font-size:9px;color:var(--pk-gold);letter-spacing:.18em;white-space:nowrap}.pk-playbook small{font-size:9px;line-height:1.6;color:var(--pk-muted)}.pk-playbook nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pk-playbook button{padding:17px 14px;text-align:left;background:#121713;border:1px solid #333d30;color:#b9c1af;font-size:10px;line-height:1.6;letter-spacing:.05em}.pk-playbook button small{display:block;margin-bottom:7px}.pk-playbook button[aria-pressed=true]{border-color:#c9ae6f;color:#ead8a2;box-shadow:inset 0 -2px #c9ae6f}.pk-guide{margin-top:30px;border-top:1px solid #333d30;border-bottom:1px solid #333d30;padding:19px 0;color:#97a28f}.pk-guide summary{font-size:9px;letter-spacing:.1em;cursor:pointer;color:#c3b382}.pk-guide p{font:12px/1.9 Inter,sans-serif;max-width:690px}.pk-record{display:flex;justify-content:space-between;gap:20px;font-size:8px;line-height:1.7;letter-spacing:.1em;color:#697761;margin-top:20px}.pk-overlay,.pk-finish{position:absolute;inset:0;background:#08130ff0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;backdrop-filter:blur(9px)}.pk-wrap [hidden]{display:none!important}.pk-overlay>span,.pk-finish>span{font-size:9px;letter-spacing:.25em;color:#b8a775}.pk-overlay h2,.pk-finish h2{font:500 clamp(38px,7vw,70px)/1.15 Oswald,sans-serif;margin:20px 0;color:#e4ca87}.pk-overlay p,.pk-finish p{font:12px/1.8 Inter,sans-serif;max-width:360px;color:#a9b2a0}.pk-overlay button,.pk-finish button:not(.pk-back){background:#d7c184;border:1px solid #d7c184;padding:17px 24px;margin:18px 0 0;color:#172016;font-size:11px;letter-spacing:.1em}.pk-finish [data-stats]{display:flex;gap:30px;margin:18px 0;font-size:8px;letter-spacing:.12em;color:#94a184}.pk-finish [data-stats] b{display:block;font:30px Oswald,sans-serif;color:#eee9d7;margin-bottom:4px}.pk-urgent{color:#e49479}@media(max-width:600px){.pk-wrap{padding:12px 14px 35px}.pk-head{padding-bottom:12px}.pk-head>span{display:none}.pk-title{padding:22px 0}.pk-title span{font-size:7px}.pk-title p{font-size:8px}.pk-board{padding:15px 12px;gap:10px;grid-template-columns:1fr 1.2fr 1.2fr 30px}.pk-board small{font-size:6px;letter-spacing:.06em}.pk-board button{height:30px}.pk-field-top{font-size:6px;left:12px;right:12px;gap:8px}.pk-field-top>span:last-child{font-size:5px}.pk-pass{padding:12px 10px;gap:8px}.pk-pass>span{font-size:6px}.pk-pass b{font-size:6px;min-width:100px}.pk-controls{gap:7px}.pk-controls .pk-snap{font-size:9px}.pk-playbook nav{gap:7px}.pk-playbook button{font-size:8px;padding:12px 8px}.pk-playbook>div{display:block}.pk-playbook>div small{display:block;margin-top:8px}.pk-call span{font-size:8px}.pk-record{font-size:6px}.pk-controls span{font-size:7px}}

/* Keep the member media bar clear and all play controls close to the field. */
.pk-wrap{padding-top:calc(var(--pk-player-height,0px) + 16px)}.pk-field canvas{height:clamp(320px,48svh,520px)}.pk-call{top:36px;bottom:auto;padding:8px 10px}.pk-call strong{font-size:clamp(15px,2.5vw,21px)}.pk-head{padding-bottom:8px}.pk-title{padding:18px 0}.pk-title h1{font-size:clamp(40px,7vw,68px)}.pk-board{padding-top:14px;padding-bottom:14px}

/* Match the shared dark solo-card finish; the football stays behind the copy. */
.solo-card.pocket-solo{background:radial-gradient(circle at 90% 15%,rgba(198,164,90,.1),transparent 42%),#090908}
.solo-card.pocket-solo::after{content:"";width:140px;height:122px;top:12px;right:4px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20130%22%3E%3Cg%20transform%3D%22rotate%28-32%2075%2065%29%22%3E%3Cpath%20d%3D%22M9%2065C36%2018%20114%2018%20141%2065C114%20112%2036%20112%209%2065Z%22%20fill%3D%22%23c6a45a%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23090908%22%20stroke-width%3D%225%22%3E%3Cpath%20d%3D%22M34%2035Q49%2065%2034%2095M116%2035Q101%2065%20116%2095M52%2065H98%22%2F%3E%3Cpath%20d%3D%22M58%2055V75M69%2055V75M81%2055V75M92%2055V75%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;opacity:.1}

/* Fourth quarter: the house leads, the lights are on. */
.pk-match{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;align-items:center;padding:20px 18px;border:1px solid #655837;border-bottom:0;background:radial-gradient(ellipse at 50% 0, #302b1b 0, #0b100e 75%);text-align:center}
.pk-match>div{min-width:0}.pk-match span{display:block;font-size:8px;letter-spacing:.13em;color:#aaa994}.pk-match b{display:block;font:500 40px/1.2 Oswald,sans-serif;color:#efe9d8;font-variant-numeric:tabular-nums}.pk-match>div:first-child b{color:var(--pk-gold)}.pk-match-center strong{display:block;font:500 clamp(15px,2.6vw,23px)/1.3 Oswald,sans-serif;letter-spacing:.03em;margin:7px 0;color:#f1e6c9}.pk-match small{font-size:7px;line-height:1.6;letter-spacing:.07em;color:#b6aa87}.pk-match-won{border-color:#d8bd77}.pk-board b{font-variant-numeric:tabular-nums}
.pk-floodlights{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.pk-floodlights i{position:absolute;top:-20px;left:-15%;width:48%;height:65%;background:conic-gradient(from 145deg at 50% 0,transparent 0deg,rgba(255,236,170,.075) 20deg,transparent 52deg);transform:rotate(-18deg)}.pk-floodlights i+ i{left:auto;right:-15%;transform:scaleX(-1) rotate(-18deg)}.pk-floodlights:before,.pk-floodlights:after{content:"";position:absolute;top:5px;width:50px;height:4px;background:repeating-linear-gradient(90deg,#fff5d2 0 5px,transparent 5px 9px);box-shadow:0 0 18px 5px #ffe8ad44;opacity:.65}.pk-floodlights:before{left:5%}.pk-floodlights:after{right:5%}.pk-field-top,.pk-call{z-index:2}.pk-overlay,.pk-finish{z-index:3}
.pk-finish{overflow:auto;justify-content:safe center;padding:20px;background:radial-gradient(ellipse at 50% 0,#242515f5,#08130ff7 70%)}.pk-finish.pk-won{box-shadow:inset 0 0 0 2px #bda05e,inset 0 0 70px #bda05e16}.pk-seal{width:56px;height:56px;border-radius:50%;border:1px solid #c6a45a;margin-bottom:12px;flex-shrink:0}.pk-finish h2{font-size:clamp(28px,5vw,48px);max-width:510px;margin:12px 0;outline:none}.pk-final-score{font-size:10px;letter-spacing:.12em;color:#ece2bf;line-height:1.8}.pk-finish p{margin:8px 0}.pk-finish [data-stats]{margin:10px 0}.pk-finish button:not(.pk-back){margin-top:10px;padding:13px 20px}.pk-finish .pk-back{padding:12px}.pk-won .pk-seal{box-shadow:0 0 30px #d8bd7733}
@media(max-width:600px){.pk-match{gap:7px;padding:14px 8px;grid-template-columns:1fr 1.8fr 1fr}.pk-match span{font-size:6px;letter-spacing:.08em}.pk-match b{font-size:31px}.pk-match small{font-size:6px}.pk-match-center strong{font-size:15px}.pk-finish>span{font-size:7px}.pk-seal{width:42px;height:42px;margin-bottom:8px}.pk-finish [data-stats] b{font-size:24px}.pk-final-score{font-size:8px}.pk-finish p{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.pk-won .pk-seal{animation:pk-arrive .55s ease-out both}@keyframes pk-arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}
