/* Scoped Pack Attack component styles. Existing Home geometry is untouched. */
.pa-home-entry,.pa-hub,.pa-selection{--pa-pink:#ff278d;--pa-green:#7cff4e;--pa-cyan:#51ddec;--pa-ink:#020b16;--pa-paper:#fff6de;--pa-slate:#0b1d28;color:var(--pa-paper);font-family:var(--body,system-ui,sans-serif)}
.pa-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.pa-home-entry{min-width:0;margin:0;isolation:isolate}
.pa-home-button{position:relative;display:block;width:100%;border:0;padding:0;background:#06192b;border-radius:3px;color:#fff6de;box-shadow:0 3px 0 #020b16;overflow:hidden}
.pa-home-button>img{display:block;width:100%;height:auto;aspect-ratio:542/283;object-fit:contain}
.pa-home-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px 7px;font:12px/1.35 var(--body,system-ui);border-bottom:2px solid var(--pa-pink);background:#041b29}
.pa-home-caption b{font:18px/1 HomeComic,Impact,sans-serif;font-weight:400;color:var(--pa-green);letter-spacing:.4px;white-space:nowrap}
.pa-home-caption b>span{margin-left:6px;font:24px/1 system-ui}
.pa-home-button:hover{filter:brightness(1.05)}
.pa-home-button:focus-visible,.pa-hub button:focus-visible,.pa-hub summary:focus-visible,.pa-selection button:focus-visible{outline:3px solid #51ddec;outline-offset:3px}
.pa-hub,.pa-selection{position:relative;isolation:isolate;width:100%;max-width:550px;margin:0 auto;padding:0 0 90px;min-width:0}
.pa-hub-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;color:#d2dce5}
.pa-hub-top>span{font:12px/1.3 var(--body,system-ui)}
.pa-back{color:#fff6de;background:transparent;border:0;min-height:44px;font:15px/1.25 var(--body,system-ui);padding:4px 7px 4px 0}
.pa-title{position:relative;margin:-9px -2px -15px;line-height:0}
.pa-title>img{display:block;width:100%;height:auto;aspect-ratio:553/226;object-fit:contain}
.pa-council{position:relative;isolation:isolate;margin:0 0 8px;aspect-ratio:548/314;width:100%}
.pa-council-art{display:block;width:100%;height:auto;object-fit:contain}
.pa-council-plates{position:absolute;inset:0}
.pa-pack-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:transparent;border:1px solid transparent;padding:1px;color:#fff6de;position:absolute;width:25%;height:19%;min-height:44px;box-sizing:border-box;border-radius:1px;line-height:1.15}
.pa-pack-tile:nth-child(1){left:6.9%;top:75.8%;width:22%}
.pa-pack-tile:nth-child(2){left:35.4%;top:79.1%;width:27.4%}
.pa-pack-tile:nth-child(3){left:71%;top:79.1%;width:25%}
.pa-pack-tile>strong{font:800 clamp(17px,5.3cqw,27px)/1.05 var(--display,system-ui);font-synthesis:none;white-space:nowrap}
.pa-pack-tile>small{font:11px/1.1 var(--body,system-ui);white-space:nowrap}
.pa-pack-tile[aria-pressed=true]{outline:1px solid var(--pack-accent);outline-offset:0;box-shadow:0 0 7px color-mix(in srgb,var(--pack-accent) 30%,transparent)}
.pa-tone-alphas{--pack-accent:#ff278d}.pa-tone-bigdogs{--pack-accent:#7cff4e}.pa-tone-pups{--pack-accent:#51ddec}
.pa-own{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#041e23;border:1px solid #487d57;border-left:4px solid #7cff4e;padding:9px 10px;margin:12px 0;color:#fff6de;box-shadow:2px 3px #020b16}
.pa-own>div{min-width:0;display:flex;align-items:center;gap:10px}
.pa-eyebrow{font:15px/1.2 HomeComic,Impact,sans-serif;letter-spacing:.5px;color:#7cff4e;flex-shrink:0}
.pa-own .pa-pick-known{display:block;font-size:12px;line-height:1.45}
.pa-own .pa-pick-known strong{display:block;font-size:15px}
.pa-own>div>strong{font-size:14px;font-weight:400}
.pa-call{border:1px solid #7cff4e;background:#10291c;color:#b9ff9e;font:17px/1.1 HomeComic,Impact,sans-serif;min-height:44px;padding:7px 10px;white-space:nowrap}
.pa-call:disabled{color:#afbeb3;border-color:#657267;opacity:1;background:#172626}
.pa-pack-list{display:grid;gap:10px;margin:12px 0 15px}
.pa-pack-panel{min-width:0;border:8px solid transparent;border-image:url('assets/pack-attack/panel-frame.webp') 17 fill stretch;color:#fff6de;background:#081722;box-shadow:3px 4px #020b16}
.pa-pack-panel>summary{list-style:none;cursor:pointer;min-height:44px;background:#071f23;border:1px solid var(--pack-accent)}
.pa-pack-panel>summary::-webkit-details-marker{display:none}
.pa-pack-summary{display:grid;grid-template-columns:minmax(0,1fr)auto 16px;gap:5px;align-items:center;min-height:44px;padding:6px 8px}
.pa-pack-summary>span:first-child{font:26px/.98 HomeComic,Impact,sans-serif;color:var(--pack-accent);text-transform:uppercase;letter-spacing:.4px}
.pa-pack-summary>span:first-child small{display:block;font:8px/1.5 var(--body,system-ui);letter-spacing:1px;color:#d8e8db;margin-top:3px}
.pa-pack-summary>span:nth-child(2){display:flex;align-items:center;gap:10px;font:15px/1 var(--body,system-ui);white-space:nowrap}
.pa-pack-summary b{font-weight:400;border-left:1px solid #53705e;padding-left:10px}
.pa-pack-summary i{font:18px/1 system-ui;color:#b8cbbb}
.pa-pack-panel[open]>.pa-pack-summary i{transform:rotate(180deg)}
.pa-pack-content{padding:6px 2px 0}
.pa-table{width:100%;min-width:0}
.pa-table-head,.pa-member-row{display:grid;grid-template-columns:minmax(0,1fr) 37px 77px 64px;gap:5px;align-items:center;min-width:0}
.pa-table-head{color:#bccace;font:9px/1.2 var(--body,system-ui);padding:7px 1px 8px;text-transform:uppercase;letter-spacing:.1px}
.pa-table-head>span:last-child{text-align:right}
.pa-member-row{min-height:65px;padding:7px 1px;border-top:1px solid #283a43;background:linear-gradient(100deg,#15272e55,transparent);font-size:12px;line-height:1.35}
.pa-member-you{background:linear-gradient(100deg,#24763838,transparent)}
.pa-member-name{display:flex;align-items:center;gap:6px;min-width:0}
.pa-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#193245;border:1px solid #a4b5b8;width:28px;height:28px;flex:0 0 28px;overflow:hidden;color:#ffde6f}
.pa-avatar img{width:100%;height:100%;object-fit:cover}
.pa-member-name>span:last-child{min-width:0}
.pa-member-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px/1.3 var(--body,system-ui);font-weight:400;color:#fff6de}
.pa-member-name small{display:block;font:9px/1.4 var(--body,system-ui);color:#7cff4e;letter-spacing:.5px}
.pa-member-record{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;text-align:center}
.pa-results{display:flex;align-items:center;gap:3px;justify-content:center}
.pa-result{flex:0 0 13px;width:13px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #5c717b;color:#acbac0;font:10px/1 var(--body,system-ui);font-weight:400}
.pa-result-win{border-color:#7cff4e;color:#d5ffba;background:#123920}
.pa-result-loss,.pa-result-missed{border-color:#ff278d;color:#ffd4e5;background:#45132e}
.pa-result-push{border-color:#51ddec;color:#c8f8ff;background:#12323c}
.pa-result-future{border-color:#49565c;color:#829098;background:#10232c}
.pa-result-pending{border-color:#ffe04a;color:#fff6bc}.pa-result-unknown{border-style:dashed}
.pa-member-pick{min-width:0;text-align:right;font-size:11px}
.pa-pick-known{display:flex;flex-direction:column;gap:1px;white-space:nowrap}
.pa-pick-known i{font-style:normal;color:#8fa5b0}
.pa-pick-known strong{font:13px/1.25 var(--body,system-ui);color:#fff6de}
.pa-pick-empty{color:#8298a3;font-size:10px}
.pa-pick-secret{display:flex;flex-direction:column;align-items:center;gap:3px;color:#acb9c7;font-size:9px}
.pa-pick-secret>span{width:20px;height:20px;border:1px solid #869697;border-radius:3px;display:grid;place-items:center;font:16px/1 HomeComic,Impact,sans-serif;color:#cad2d7}
.pa-metal{border:7px solid transparent;border-image:url('assets/pack-attack/panel-frame.webp') 17 fill stretch;background:#081722;box-shadow:2px 4px #020b16}
.pa-rounds{padding:8px 4px 7px;margin:16px 0 12px;position:relative}
.pa-rounds h2{font:21px/1 HomeComic,Impact,sans-serif;font-weight:400;background:#ffe04a;color:#03172c;padding:5px 9px;margin:-17px 0 12px;display:table;transform:rotate(-1deg);border:2px solid #020b16;box-shadow:2px 3px #020b16}
.pa-rounds ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.pa-rounds li{min-height:46px;padding:6px 2px 4px;text-align:center;border:1px solid #59676e;border-radius:3px;background:#091b26;display:flex;flex-direction:column;gap:5px;justify-content:center}
.pa-rounds li>span{font:15px/1 HomeComic,Impact,sans-serif;color:#d3dee5}
.pa-rounds li>small{font:9px/1.2 var(--body,system-ui);color:#bac6cf}
.pa-rounds li[aria-current]{border-color:#ff278d;box-shadow:0 0 3px #ff278d4d}
.pa-rounds li[aria-current]>span{color:#ff65ae}
.pa-rules{padding:0;margin:14px 0}
.pa-rules>summary{cursor:pointer;list-style:none;min-height:44px}
.pa-rules>summary::-webkit-details-marker{display:none}
.pa-rules>summary>img{width:100%;height:auto;object-fit:contain}
.pa-rules>div{padding:10px 12px;font:13px/1.6 var(--body,system-ui)}
.pa-rules h2{font:23px/1.2 HomeComic,Impact,sans-serif;color:#7cff4e;margin:0 0 9px}
.pa-rules p+p{margin-top:9px}
.pa-empty{padding:18px 13px;font:14px/1.5 var(--body,system-ui);color:#d8e5e8}
.pa-empty h2{font:28px/1.2 HomeComic,Impact,sans-serif;color:#7cff4e;margin:0 0 10px}
.pa-selection h1{font:33px/1.06 HomeComic,Impact,sans-serif;color:#7cff4e;margin:15px 0 10px}
.pa-selection>p{font:13px/1.5 var(--body,system-ui);color:#bdcbd1;margin:10px 0}
.pa-game-list{display:grid;gap:12px;margin:20px 0}
.pa-game{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:15px 12px;min-height:80px;color:#fff6de;background:#112c36;border:2px solid #60707a;text-align:left;box-shadow:3px 4px #020b16}
.pa-game>span{font:19px/1.2 HomeComic,Impact,sans-serif}.pa-game small{display:block;font:11px/1.5 var(--body,system-ui);color:#bdcbd1;margin-top:5px}
.pa-game>strong{font:22px/1.1 HomeComic,Impact,sans-serif;color:#cfffba}
.pa-game[aria-pressed=true]{border-color:#7cff4e;box-shadow:0 0 0 2px #7cff4e44,3px 4px #020b16}
.pa-game:disabled{opacity:.55}.pa-game>small{flex-basis:100%;color:#f0c9d8}
.pa-confirm{width:100%;min-height:48px;background:#7cff4e;border:2px solid #092120;color:#051521;font:23px/1 HomeComic,Impact,sans-serif;box-shadow:3px 5px #020b16;padding:12px}
.pa-confirm:disabled{background:#344e46;color:#b2c2ba;opacity:1}
.pa-preview-warning{font-size:11px!important;text-align:center}
@container(max-width:325px){.pa-table-head{display:none}.pa-member-row{grid-template-columns:minmax(0,1fr) 40px 72px;grid-template-rows:auto auto;gap:5px 6px;min-height:76px}.pa-member-name{grid-column:1/3;grid-row:1}.pa-member-name strong{font-size:13px}.pa-member-record{grid-column:3;grid-row:1;text-align:right}.pa-member-row>div[role=cell]:nth-child(3){grid-row:2;grid-column:1/3}.pa-member-row .pa-results{justify-content:flex-start;padding-left:34px}.pa-member-pick{grid-column:3;grid-row:2}.pa-pick-known{font-size:11px}.pa-result{height:18px;flex-basis:16px;width:16px}.pa-own>div{gap:6px}.pa-eyebrow{font-size:13px}.pa-call{font-size:15px;padding:7px}.pa-pack-summary>span:first-child{font-size:24px}.pa-pack-summary>span:nth-child(2){font-size:13px;gap:7px}.pa-rounds li>span{font-size:13px}.pa-pack-tile>small{font-size:9px}.pa-pack-tile>strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.pa-home-button,.pa-hub *,.pa-selection *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.pa-home-button{border:2px solid ButtonText}.pa-home-caption,.pa-hub,.pa-selection{color:CanvasText;background:Canvas}.pa-pack-panel,.pa-metal{border:2px solid CanvasText;border-image:none;background:Canvas}.pa-pack-tile{background:Canvas;color:CanvasText;border:1px solid CanvasText}.pa-pack-tile .pa-sr{position:static!important;width:auto!important;height:auto!important;clip:auto!important}.pa-result{color:CanvasText;background:Canvas;border-color:CanvasText}.pa-member-row{color:CanvasText;background:Canvas}}
.pa-home-button{text-decoration:none;text-align:left;cursor:pointer}
/* Large wolf/plate hit areas; readout geometry stays inside original plates. */
.pa-pack-tile{top:0!important;width:33.333%!important;height:100%;min-height:44px;border:0;box-shadow:none!important;outline:0!important;display:block}
.pa-pack-tile:nth-child(1){left:0}.pa-pack-tile:nth-child(2){left:33.333%}.pa-pack-tile:nth-child(3){left:66.666%}
.pa-pack-readout{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:17%;border:1px solid transparent}
.pa-pack-tile:nth-child(1) .pa-pack-readout{left:20.7%;top:75.8%;width:66%}
.pa-pack-tile:nth-child(2) .pa-pack-readout{left:6.3%;top:79.1%;width:82.2%}
.pa-pack-tile:nth-child(3) .pa-pack-readout{left:13%;top:79.1%;width:75%}
.pa-pack-readout>strong{font:800 clamp(17px,5.3cqw,27px)/1.02 var(--display,system-ui);font-synthesis:none;white-space:nowrap}
.pa-pack-readout>small{font:11px/1.1 var(--body,system-ui);white-space:nowrap}
.pa-pack-tile[aria-pressed=true] .pa-pack-readout{border-color:var(--pack-accent);box-shadow:0 0 5px color-mix(in srgb,var(--pack-accent) 30%,transparent)}
.pa-pack-tile:focus-visible .pa-pack-readout{outline:3px solid #51ddec;outline-offset:2px}
.pa-round-badge{position:absolute;right:0;top:-15.3%;width:18.8%;height:25.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#101018;border:2px solid #ff278d;box-shadow:2px 3px #020b16;transform:rotate(-3deg);z-index:2}
.pa-round-badge strong{font:clamp(13px,4.2cqw,24px)/1 HomeComic,Impact,sans-serif;color:#ff278d;font-weight:400}
.pa-round-badge small{font:clamp(8px,2.5cqw,12px)/1.2 var(--body,system-ui);color:#e0e9df}
@container(max-width:325px){.pa-pack-readout>small{font-size:9px}.pa-pack-readout>strong{font-size:17px}}
/* The source already includes a large label and arrow. Do not add a second
   visible CTA rail or consume more Home height than the approved artwork. */
.pa-home-caption{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;padding:0!important;border:0!important;white-space:nowrap!important}