.pgt-game{--blue:#003b73;--orange:#e76924;position:relative;max-width:1180px;margin:2rem auto;padding:clamp(14px,3vw,32px);color:#17202a;background:#e7e1d3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");border:1px solid #b5aa98;box-shadow:0 8px 28px #0002;font-family:Georgia,serif}
.pgt-heading,.pgt-score{display:flex;align-items:center;justify-content:space-between;gap:16px}.pgt-heading{border-bottom:5px double #17202a;padding-bottom:12px}.pgt-heading h2{margin:0;font-size:clamp(1.65rem,4vw,2.6rem);line-height:1;text-transform:uppercase}.pgt-kicker{font:700 .72rem/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9c3911}
.pgt-new-game,.pgt-play-again{border:0;background:var(--orange);color:#fff;padding:10px 16px;font:800 .8rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:3px 3px 0 #17202a}.pgt-new-game:hover,.pgt-play-again:hover{background:#b74613}
.pgt-score{margin:14px 0;padding:9px 12px;background:#17202a;color:#fff;font-family:Arial,sans-serif}.pgt-player-score{color:#ffd57c}.pgt-cpu-score{color:#9bd1ff}.pgt-status{text-align:center;font-size:.9rem}
.pgt-arena{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(300px,1.7fr) minmax(110px,.55fr);gap:clamp(12px,2vw,24px);align-items:center}.pgt-arena section h3{text-align:center;text-transform:uppercase;font:800 .8rem Arial,sans-serif;letter-spacing:.12em}
.pgt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:100%;aspect-ratio:1/1;gap:0;padding:8px;background:#315c35;border:7px ridge #a27a43;box-sizing:border-box;box-shadow:0 9px 18px #0005,inset 0 0 22px #102b1880;overflow:hidden}.pgt-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:1/1;box-sizing:border-box;border:3px solid #f7f2d0c9;background:repeating-linear-gradient(90deg,#416e3e 0,#416e3e 12%,#3b6538 12%,#3b6538 24%);box-shadow:inset 0 0 0 1px #ffffff26,0 0 2px #fff8;padding:5px;cursor:pointer;overflow:hidden}.pgt-cell:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:49%;height:4px;background:repeating-linear-gradient(90deg,#f7f2d0cc 0 12%,transparent 12% 21%);filter:blur(.25px);opacity:.9}.pgt-cell:empty:after,.pgt-yardmark{position:absolute;inset:12%;border:3px dashed #f7f2d0a8;box-shadow:0 0 2px #fff7;content:""}.pgt-cell:hover:has(.pgt-yardmark){filter:brightness(1.2)}.pgt-cell>.pgt-card{width:auto;height:100%;max-width:100%;max-height:100%;flex:0 0 auto}
.pgt-hand{display:grid;grid-template-columns:minmax(0,116px);justify-content:center;gap:7px}.pgt-hand-card{position:relative;z-index:1;width:100%;border:0;background:none;padding:0;cursor:pointer;transform-origin:center;transition:transform .2s ease,filter .2s ease}.pgt-hand-card:hover{transform:translateY(-4px) scale(1.025)}.pgt-hand-card.is-selected{z-index:5;transform:translateX(9px) translateY(-3px) scale(1.1);filter:drop-shadow(0 11px 8px #0008) drop-shadow(0 0 8px #ff8a00) drop-shadow(0 0 15px #ffd22e)}.pgt-hand-card.is-selected .pgt-card{outline:4px solid #fff2a1;outline-offset:2px;box-shadow:inset 0 0 0 3px #5d3b00,0 0 0 3px #ff8a00,0 0 20px 7px #ffc400d9}.pgt-used{width:100%;aspect-ratio:3/4;opacity:.15;border:1px dashed #222}
.pgt-card{position:relative;z-index:1;width:100%;aspect-ratio:3/4;overflow:hidden;border:3px solid var(--team,#aaa);background:linear-gradient(145deg,#faf6e9,#c9bfa8);box-shadow:inset 0 0 0 2px #f9edc8;color:#111}.pgt-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff0 42%,#fff5 48%,#fff0 55%);pointer-events:none}.pgt-card img,.pgt-monogram{position:absolute;inset:11% 5% 22%;width:90%;height:67%;object-fit:cover}.pgt-monogram{display:grid;place-items:center;padding:8%;box-sizing:border-box;overflow-wrap:anywhere;background:radial-gradient(circle,#fff8,var(--team));font:900 clamp(.72rem,1.8vw,1.35rem)/1.05 Arial,sans-serif;color:#fff;text-align:center;text-shadow:2px 2px #0008}.pgt-value{position:absolute;z-index:2;display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;background:#f8efcf;border:1px solid #31291f;font:900 clamp(.58rem,1.5vw,1rem) Arial,sans-serif;line-height:1}.pgt-top{top:2%;left:40%}.pgt-right{right:2%;top:38%}.pgt-bottom{bottom:24%;left:40%}.pgt-left{left:2%;top:38%}.pgt-card-name{position:absolute;z-index:3;bottom:0;left:0;right:0;height:18%;box-sizing:border-box;display:grid;place-items:center;padding:2px 4px;background:#151515;color:white;text-align:center;font:800 clamp(.5rem,1.15vw,.75rem)/1.05 Arial,sans-serif;text-transform:uppercase}.pgt-player{border:7px solid #f2b600;box-shadow:inset 0 0 0 3px #5d3b00,0 0 0 2px #fff3a8}.pgt-cpu{border:7px solid #1676cf;box-shadow:inset 0 0 0 3px #052e5a,0 0 0 2px #bfe3ff}.pgt-card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#062f54,#062f54 8px,#0a477a 8px,#0a477a 16px);border:7px solid #1676cf;box-shadow:inset 0 0 0 3px #052e5a,0 0 0 2px #bfe3ff;color:#fff}.pgt-card-back span{font:900 1.4rem Georgia,serif}.pgt-card-back small{font:700 .45rem Arial,sans-serif;letter-spacing:.12em}
.pgt-card.pgt-foil:before{content:"";position:absolute;z-index:4;inset:-65%;pointer-events:none;background:linear-gradient(112deg,transparent 34%,#fff4a240 41%,#fffbd9d9 48%,#ffd33f9c 52%,#ffffff35 59%,transparent 66%);mix-blend-mode:screen;transform:translateX(-55%) rotate(7deg);animation:pgt-gold-foil 2.8s ease-in-out infinite}.pgt-card.pgt-foil:after{z-index:4;background:linear-gradient(135deg,#fff0 15%,#f6c34330 32%,#fff5b45e 45%,#fff0 61%),radial-gradient(circle at 72% 18%,#fff8bb66,transparent 28%);mix-blend-mode:screen;animation:pgt-foil-pulse 2.8s ease-in-out infinite}.pgt-card.pgt-foil{filter:saturate(1.08)}@keyframes pgt-gold-foil{0%,18%{transform:translateX(-55%) rotate(7deg);opacity:0}35%{opacity:.95}58%,100%{transform:translateX(55%) rotate(7deg);opacity:0}}@keyframes pgt-foil-pulse{0%,100%{opacity:.35}50%{opacity:.8}}
.pgt-result{position:absolute;z-index:10;inset:0;background:#111b;place-items:center}.pgt-result:not([hidden]){display:grid}.pgt-result>div{max-width:420px;margin:20px;padding:28px;text-align:center;background:#f3ead7;border:7px double #17202a;box-shadow:0 15px 50px #000}.pgt-result h3{font-size:1.8rem;margin:0 0 8px}.pgt-result p{margin:0 0 20px}.pgt-notice{padding:16px;border-left:4px solid #d63638;background:#fff}
.pgt-rules-modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#07111bd9;backdrop-filter:blur(3px)}.pgt-rules-modal[hidden]{display:none}.pgt-rules-panel{width:min(100%,760px);max-height:calc(100% - 20px);overflow:auto;padding:clamp(22px,4vw,38px);background:#f3ead7;border:7px double #17202a;box-shadow:0 18px 60px #0009}.pgt-rules-kicker{display:block;color:#9c3911;font:800 .7rem Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.pgt-rules-panel h3{margin:5px 0 10px;font-size:clamp(1.8rem,4vw,2.5rem);text-transform:uppercase}.pgt-rules-panel>p{margin:0 0 22px;line-height:1.55}.pgt-rating-guide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr);align-items:center;gap:22px;margin:0 0 12px;padding:18px;background:#fffaf0;border:2px solid #b6aa94;box-shadow:inset 5px 0 0 var(--blue)}.pgt-rating-copy h4{margin:0 0 7px;font:900 1rem Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.pgt-rating-copy p{margin:0 0 9px;font:.82rem/1.45 Arial,sans-serif}.pgt-rating-copy ul{margin:0;padding-left:18px;font:.76rem/1.4 Arial,sans-serif}.pgt-rating-copy li+li{margin-top:4px}.pgt-rating-card{display:grid;grid-template-columns:1fr 1.08fr 1fr;grid-template-rows:1fr 1.08fr 1fr;place-items:stretch;aspect-ratio:1/1;padding:8px;background:#315c35;border:4px double #e2c36d;box-shadow:0 6px 14px #0004,inset 0 0 14px #102b1880;color:#fff}.pgt-rating-side,.pgt-rating-center{display:grid;place-items:center;text-align:center;font:700 .65rem/1.05 Arial,sans-serif;text-shadow:1px 1px 2px #000}.pgt-rating-side b{display:block;color:#ffe392;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.pgt-rating-vision{grid-column:2;grid-row:1}.pgt-rating-defense{grid-column:1;grid-row:2}.pgt-rating-center{grid-column:2;grid-row:2;border-radius:50%;background:#f8efcf;color:#17202a;font-size:1.4rem;text-shadow:none;box-shadow:inset 0 0 0 2px #5d3b00}.pgt-rating-center small{display:block;font-size:.46rem;line-height:1;text-transform:uppercase}.pgt-rating-offense{grid-column:3;grid-row:2}.pgt-rating-speed{grid-column:2;grid-row:3}.pgt-rating-objection{margin:0 0 18px!important;padding:10px 12px;background:#fff0c7;border-left:5px solid var(--orange);font:.8rem/1.4 Arial,sans-serif!important}.pgt-rating-objection a{color:#81310f;font-weight:800}.pgt-rules-panel fieldset{display:grid;gap:10px;margin:0 0 20px;padding:0;border:0}.pgt-rules-panel legend{margin-bottom:9px;font:800 .78rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.pgt-rule-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:2px solid #b6aa94;background:#fffaf0;cursor:pointer}.pgt-rule-choice:has(input:checked){border-color:var(--orange);box-shadow:inset 5px 0 0 var(--orange)}.pgt-rule-choice input{flex:0 0 auto;margin-top:4px;accent-color:var(--orange)}.pgt-rule-choice span{display:grid;gap:3px}.pgt-rule-choice strong{font:800 .9rem Arial,sans-serif;text-transform:uppercase}.pgt-rule-choice small{font:.8rem/1.35 Arial,sans-serif;color:#4a4a4a}.pgt-start-game{width:100%;border:0;padding:13px 20px;background:var(--orange);color:#fff;box-shadow:3px 3px 0 #17202a;cursor:pointer;font:900 .85rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.pgt-start-game:hover,.pgt-start-game:focus{background:#b74613}
@media(max-width:760px){.pgt-arena{grid-template-columns:1fr}.pgt-board{order:-1;width:min(100%,520px);margin:auto}.pgt-arena section{width:min(100%,520px);margin:auto}.pgt-hand{grid-template-columns:minmax(0,116px)}.pgt-arena section h3{margin:10px 0 5px}.pgt-value{font-size:clamp(.5rem,2.4vw,.85rem)}.pgt-card-name{font-size:clamp(.42rem,2vw,.65rem)}.pgt-rating-guide{grid-template-columns:1fr}.pgt-rating-card{width:min(190px,70%);margin:auto}}
@media(max-width:480px){.pgt-game{margin:1rem -12px;padding:12px}.pgt-heading{align-items:flex-end}.pgt-score{font-size:.75rem;gap:7px}.pgt-status{font-size:.72rem}.pgt-board{padding:4px;border-width:4px}.pgt-card{border-width:2px}.pgt-player,.pgt-cpu,.pgt-card-back{border-width:5px}.pgt-value{width:22%}.pgt-rules-modal{position:fixed;padding:12px}.pgt-rules-panel{max-height:calc(100vh - 24px);padding:20px;border-width:5px}}
@media(prefers-reduced-motion:reduce){.pgt-hand-card{transition:none}.pgt-hand-card.is-selected{transform:translateX(7px) scale(1.08)}.pgt-card.pgt-foil:before,.pgt-card.pgt-foil:after{animation:none}.pgt-card.pgt-foil:before{transform:translateX(24%) rotate(7deg);opacity:.55}}