.hub-play{gap:0 var(--s5);grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-template-areas:"army go""ranked go";align-items:start;display:grid}.hub-army{grid-area:army}.hub-ranked{grid-area:ranked}.hub-go{top:calc(var(--top-h,64px) + var(--s3));margin-bottom:var(--s5);grid-area:go;position:sticky}.hub-h{align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.hub-h h2,.hub-h2{font-size:var(--fs-lg);align-items:center;gap:var(--s2);margin:0;display:flex}.hub-h .pk-count{text-align:right;white-space:normal;flex:1;line-height:1.3}.hub-step{width:24px;height:24px;font:700 12px var(--pxs);background:var(--gold-hi);color:var(--ink);border:2px solid var(--ink);text-shadow:none;place-items:center;display:inline-grid}.hub-army-p{margin-bottom:var(--s4)}.hub-go .pk-queue{margin:0}.hub-go .pk-queue-off{gap:var(--s3);justify-content:stretch;display:grid}.hub-field{padding-top:var(--s2);border-top:2px dashed var(--wood3);gap:2px;display:grid}.hub-field .pk-modepick{margin-top:0}.hub-field .pk-readybanner{align-items:center;gap:var(--s2);display:flex}.hub-go-a{gap:var(--s2);display:grid}.hub-go-a .pk-row{gap:var(--s2)}.hub-go-a .pk-row>*{flex:1}.pk-armyscore.big{padding:var(--s2) var(--s3);border:2px solid var(--wood3);background:#120c09;margin:0}.pk-armyscore.big .pk-score-n{font-size:var(--fs-xl)}.ld-sum{gap:var(--s3);display:grid}.ld-row{gap:var(--s2) var(--s3);grid-template-columns:150px minmax(0,1fr);align-items:start;display:grid}.ld-row-h{font-size:var(--fs-sm);color:var(--gold);align-items:center;gap:6px;margin:10px 0 0;display:flex}.ld-row-h small{font:400 11px var(--pxs);color:var(--muted);margin-left:auto}.ld-tiles{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));margin:0;padding:0;list-style:none;display:grid}.ld-tile{min-height:52px;color:var(--cream);background:var(--wood);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--rc,var(--wood3)), 2px 2px 0 #00000073;align-items:center;gap:8px;padding:4px 8px 4px 4px;text-decoration:none;display:flex;position:relative}a.ld-tile:hover{background:var(--wood2);color:var(--cream)}.ld-tile .pk-portrait,.ld-tile .pk-portrait-fb{border:2px solid var(--ink);flex:none;width:36px;height:42px}.ld-t{gap:2px;min-width:0;display:grid}.ld-t b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.1;overflow:hidden}.ld-t small{color:var(--muted);font-size:12px;line-height:1.2}.ld-tile.empty{border-style:dashed;border-color:var(--wood3);box-shadow:none;color:var(--muted);background:0 0}.ld-tile.empty .pk-glyph{opacity:.5}.ld-tile.empty b{color:var(--muted)}.ld-tile.locked{box-shadow:none;color:var(--muted);background:repeating-linear-gradient(45deg,#0000 0 6px,#ffffff08 6px 12px)}.ld-tile.locked b{color:var(--gold)}.ld-tile.locked a{font-size:12px}.ld-n{min-width:18px;height:18px;font:700 10px var(--pxs);background:var(--gold-hi);color:var(--ink);border:2px solid var(--ink);z-index:1;place-items:center;padding:0 2px;display:grid;position:absolute;top:-5px;left:-5px}.ld-n.gun{background:#b8c0c8}.ld-n.res{background:var(--blue-hi)}.ld-n.cmd{background:var(--green-hi)}.ld-n.sup{background:#8fb878}.ld-tile-l{font:400 11px var(--pxs);text-transform:uppercase;align-items:center;display:flex}.hub-tabs{align-items:flex-end;gap:var(--s3);border-bottom:4px solid var(--bark);margin-bottom:var(--s5);display:flex}.hub-tabs .pk-tabs{border-bottom:0;flex:1;min-width:0;margin-bottom:0}.hub-tabs-a{gap:var(--s2);flex:none;padding-bottom:6px;display:flex}.pk-tab .hub-badge{font:400 10px var(--pxs);color:var(--muted);margin-left:8px}.pk-tab.on .hub-badge{color:var(--gold)}.hub-filterbar{gap:var(--s2);margin-bottom:var(--s4);padding:var(--s3);border:2px solid var(--wood3);background:#120c09;display:grid}.hub-filterbar .pk-toolbar,.hub-filterbar .pk-filters{margin:0}.hub-filterbar .pk-filters>.pk-modepick-l{align-self:center;min-width:52px}.ld-ed-bar{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);margin-bottom:var(--s3);border:2px solid var(--wood3);background:#120c09;flex-wrap:wrap;display:flex}.ld-ed-bar .pk-armyscore{flex:1;min-width:220px;margin:0}.ld-ed-bar .pk-count{white-space:normal;line-height:1.3}.ld-hint{margin:0 0 var(--s4);font-size:var(--fs-sm)}.ld-cmd{gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;align-items:center;display:flex}.ld-cmd>.pk-cslot,.ld-cmd>.pk-sslot{flex:none;width:170px}.ld-cmd>div{flex:1;min-width:200px}.ld-pick-h{margin-top:var(--s5);padding-top:var(--s4);border-top:4px solid var(--bark)}.pk-pickto{margin-bottom:var(--s3)}.ud-nav{z-index:2;margin:0 0 var(--s3);background:var(--wood);border-bottom:2px solid var(--wood3);flex-wrap:wrap;gap:4px;padding:6px 0;display:flex;position:sticky;top:-1px}.ud-nav a{font:400 10px/1 var(--pxs);text-transform:uppercase;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--wood3);color:var(--cream);background:#120c09;padding:7px 8px;text-decoration:none}.ud-nav a:hover{color:var(--gold-hi)}.ud-sec{scroll-margin-top:48px}.ud-merge{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.ud-merge p{flex:1;min-width:200px;margin:0}.hub-jump{margin:calc(-1 * var(--s3)) 0 var(--s4);flex-wrap:wrap;gap:6px;display:flex}.hub-jump a{font:400 11px/1 var(--pxs);text-transform:uppercase;letter-spacing:.04em;background:var(--wood);min-height:36px;color:var(--cream);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--wood3);align-items:center;gap:6px;padding:9px 11px;text-decoration:none;display:inline-flex}.hub-jump a:hover{background:var(--wood2);color:var(--gold-hi)}.hub-anchor{visibility:hidden;height:0;display:block;position:relative;top:-96px}.sh-sub{font:400 11px var(--pxs);text-transform:uppercase;color:var(--gold);margin:var(--s4) 0 var(--s2);align-items:center;gap:6px;display:flex}.sh-slots{margin:0 0 var(--s5);gap:var(--s2);padding:0;list-style:none;display:grid}.sh-slot{gap:var(--s3);padding:var(--s3);background:var(--wood);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--wood3);grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr) minmax(0,1fr) auto;align-items:center;scroll-margin-top:96px;display:grid}.sh-slot:target{box-shadow:inset 0 0 0 2px var(--gold-hi)}.sh-slot h3{font-size:var(--fs-md);color:var(--gold-hi);align-items:center;gap:8px;margin:0;display:flex}.sh-slot p{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.3}.sh-k{gap:2px;display:grid}.sh-k span{font:400 10px var(--pxs);text-transform:uppercase;color:var(--muted)}.sh-k b{font-size:var(--fs-md)}.sh-buy{justify-items:end;gap:4px;display:grid}.sh-buy .pk-short{margin:0}.pk-twocol.sh-seals{grid-template-columns:1fr 1fr}.sh-lead{margin:calc(-1 * var(--s2)) 0 var(--s4)}.sh-owned{font:400 10px var(--pxs);text-transform:uppercase;color:var(--green-hi);width:100%}.pk-panel[id],.sh-slot{scroll-margin-top:96px}.pk-sectitle h2 .pk-glyph{vertical-align:-3px;margin-right:4px}.ac-grid{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.ac-narrow{max-width:720px}.ac-narrow .audio-settings{gap:var(--s2);display:grid}.ac-narrow .audio-settings .field{align-items:center;gap:var(--s3);grid-template-columns:10em minmax(0,1fr);display:grid}.pk-sectitle h2{scroll-margin-top:96px}.ac-links{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.shop-row .pk-ucard{width:100%}.sh-row-slots .sh-slot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;width:100%}.sh-row-slots .sh-slot>.sh-desc,.sh-row-slots .sh-slot>.sh-buy{grid-column:1/-1}.sh-row-slots .sh-slot>.sh-buy{align-self:end;justify-items:stretch}.sh-row-seals .pk-panel{margin-bottom:0}.sh-row-packs .shop-row-track{padding-top:14px}.sh-row-packs .pk-pack.best{transform:translateY(-6px)}.sh-bn{padding:var(--s3);background:var(--wood);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--wood3);text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.sh-bn .bn-img{image-rendering:pixelated;box-shadow:0 0 0 2px var(--ink);margin:4px 0}.sh-bn h3{font-size:var(--fs-md);color:var(--gold-hi);margin:0}.sh-bn-kind{font:400 10px var(--pxs);text-transform:uppercase;color:var(--muted)}.sh-bn-from{color:var(--muted);margin:2px 0;font-size:12px;line-height:1.3}.sh-bn .pk-buy{width:100%;margin-top:auto}.sh-bn.owned{box-shadow:inset 0 0 0 1px var(--green,#4f8a3c)}@media (max-width:1240px){.hub-play{grid-template-columns:minmax(0,1fr) 340px}.ld-row{grid-template-columns:minmax(0,1fr);gap:6px}.ld-row-h{margin:0}.ld-row-h small{margin-left:4px}}@media (max-width:960px){.hub-play{grid-template-columns:minmax(0,1fr);grid-template-areas:"army""go""ranked"}.hub-go{position:static}.sh-slot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sh-slot>.sh-desc,.sh-slot>.sh-buy{grid-column:1/-1}.sh-slot>.sh-buy{justify-items:stretch}}@media (max-width:640px){.hub-tabs{border-bottom:0;flex-wrap:wrap}.hub-tabs .pk-tabs{border-bottom:4px solid var(--bark);flex-basis:100%}.hub-tabs-a{order:-1;justify-content:flex-end;width:100%;padding:0}.hub-filterbar{padding:var(--s2)}.hub-filterbar .pk-filters{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.hub-filterbar .pk-fchip{flex:none}.ld-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-tile{min-height:48px;padding-right:4px}.hub-h .pk-count{text-align:left;flex-basis:100%;order:3}.pk-twocol.sh-seals{grid-template-columns:1fr}.ac-grid{grid-template-columns:minmax(0,1fr)}.sh-slot{gap:var(--s2)}}.tut-gate{gap:var(--s2,8px);margin:4px 0 var(--s3,12px);color:var(--cream);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #f0d878;background:#2a1d14;grid-template-columns:auto 1fr;align-items:center;padding:10px 12px;display:grid}.tut-gate>:last-child{grid-column:1/-1}.tut-gate b{color:#f0d878}.tut-gate p{margin:2px 0 0}.tut-offer{margin-bottom:var(--s3,12px)}.tut-offer-in{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.tut-offer-in h2{color:#45301f;text-shadow:none;-webkit-text-stroke:0;margin:0 0 2px;font-size:18px}.tut-offer-in p{margin:0}.tut-offer-a{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pk-locked-in{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.pk-locked-in h2{color:#45301f;text-shadow:none;margin:0 0 4px}.pk-locked-in .pk-sub,.tut-offer .pk-sub{color:#5e4128}.pk-locked-in .row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pk-locked-ic{filter:grayscale(.6)brightness(.85);place-items:center;display:inline-grid;position:relative}.pk-locked-ic i{filter:none;position:absolute;bottom:-6px;right:-6px}.pk-locknote{margin:var(--s3,12px) 0;background:var(--wood2);color:var(--cream);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px var(--brass);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.pk-locknote p{margin:0}.pk-locknote a{color:var(--gold-hi)}.tut-steps{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.tut-steps li{align-items:center;gap:8px;display:flex}.tut-n{width:22px;height:22px;font:700 12px/1 var(--pxs);color:var(--ink);background:var(--gold-hi);box-shadow:0 0 0 2px var(--ink);place-items:center;display:inline-grid}.tut-start .tut-reward{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.prg-tut{font-size:var(--fs-sm,13px);margin-top:2px;display:inline-block}.prg-tuts li{align-items:center}.prg-tuts li>.pk-btn,.prg-tuts li>a.pk-btn{margin-left:auto}@media (max-width:600px){.tut-offer-in{grid-template-columns:auto 1fr}.tut-offer-a{grid-column:1/-1;justify-content:stretch}.tut-offer-a>*{flex:1}.pk-locked-in{grid-template-columns:1fr;justify-items:start}}.tut-brief .cp-h{color:#45301f;text-shadow:none}