/* A · Compact direction: shared card geometry, independent enhancement artwork. */
.current-beta-active .app{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.current-beta-active .topbar{min-height:78px}.current-beta-active .topbar .brand{height:76px;width:192px;flex-basis:192px}.current-beta-active .app-footer{display:none}
.cc-current{--cc-ink:#051424;--cc-paper:#fff0ce;--cc-gold:#ffdb47;margin:8px 0 0;padding:0;animation:none}
.cc-page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}.cc-eyebrow{font:9px/1.3 var(--body,system-ui);letter-spacing:1.5px;color:#ffdc49;margin:0 0 6px}.cc-page-head h1{font:36px/1 HomeComic,Impact,sans-serif;color:#fff0ce;text-shadow:2px 3px #010913;letter-spacing:.5px;margin:0;transform:rotate(-1deg)}
.cc-week-select select{font:17px/1 HomeComic,Impact,sans-serif;color:#061729;background:#ffda45;border:2px solid #041222;box-shadow:2px 3px #010b17;border-radius:2px;min-height:39px;max-width:96px;padding:6px}
.cc-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cc-filters button{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;background:#fff0ce;color:#0a2036;border:2px solid #020d18;box-shadow:2px 3px #010916;border-radius:2px;min-height:47px}.cc-filters button>b{font:28px/1 HomeComic,Impact,sans-serif}.cc-filters button>span{display:flex;flex-direction:column;gap:3px;font:15px/1 HomeComic,Impact,sans-serif}.cc-filters small{font:9px/1 var(--body,system-ui)}.cc-filters button[aria-pressed=true]{background:#ffda42;box-shadow:inset 2px 2px #fff2a0,2px 3px #010916;outline:1px solid #ffe96e}.cc-filters button:disabled{background:#9aa8b1;color:#263e50;opacity:.65}
.cc-swipe-hint,.cc-history-note{font:10px/1.5 var(--body,system-ui);margin:12px 0 15px;color:#bdd0df}.cc-history-note{color:#ffdb4d}.cc-list{display:grid;gap:14px}.cc-card-shell{min-width:0;touch-action:pan-y;position:relative}
.cc-card{--cc-accent:#f3cc59;position:relative;display:grid;grid-template-rows:26px 24px minmax(94px,auto) 27px;min-height:177px;padding:0 9px;border:3px solid var(--cc-ink);border-radius:2px;background:var(--cc-paper) url('assets/home-comic/ink-grain.svg') center/260px;color:var(--cc-ink);box-shadow:inset 2px 2px #fff9e4,inset -3px -3px #ada58c,3px 5px #010b17;isolation:isolate;overflow:hidden}
.cc-card-head{display:flex;align-items:center;justify-content:space-between;gap:4px;border-bottom:1px solid #27343b66;min-width:0}.cc-card-head>span:first-child{font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-card-head>strong{display:flex;align-items:center;justify-content:center;gap:4px;font:18px/1 HomeComic,Impact,sans-serif;letter-spacing:.6px;white-space:nowrap;min-width:0}.cc-emblem{width:32px;height:32px;object-fit:contain;flex-shrink:0}.cc-card-head .cc-emblem{width:25px;height:24px}
.cc-result{font:10px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px;background:#0a2a44;color:#fff0ce;padding:3px 6px;white-space:nowrap;border:1px solid #092137;transform:rotate(-2deg)}.cc-result-win{background:#096039}.cc-result-loss{background:#9e2924}.cc-result-push,.cc-result-void{background:#58616c}
.cc-matchup{display:flex;align-items:center;justify-content:center;gap:6px;font:15px/1 HomeComic,Impact,sans-serif;min-width:0;letter-spacing:.3px}.cc-matchup img{width:20px;height:19px;object-fit:contain}.cc-matchup span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-person{display:flex;flex-direction:column;min-width:0}.cc-person-identity{display:flex;align-items:center;gap:6px;min-width:0}.cc-avatar{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(1px 1px #081a2944)}.cc-initial{display:grid;place-items:center;background:#073d65;border:2px solid #061525;color:#ffeaae;border-radius:50%;font:20px/1 HomeComic,Impact,sans-serif}
.cc-person-name{display:flex;flex-direction:column;gap:3px;min-width:0}.cc-person-name b{font:19px/1.12 HomeComic,Impact,sans-serif;letter-spacing:.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-person-name small{font:9px/1.2 var(--body,system-ui);color:#3d5263}
.cc-single-body{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:3px 5px 7px}.cc-bet{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border-top:1px dashed #21374e66;padding-top:6px}.cc-bet>span,.cc-shared-bet>span{font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:.6px;color:#465269;white-space:nowrap}.cc-bet>strong{font:26px/1.1 HomeComic,Impact,sans-serif;letter-spacing:.3px;text-align:right;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cc-score{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:5px 7px;margin:0 -9px;background:#07233d;color:#fff0ce;border-top:2px solid #02101d;box-shadow:inset 1px 1px #35536d;min-width:0}.cc-score b{font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:.5px}.cc-score strong{font:15px/1 HomeComic,Impact,sans-serif;color:#ffe267}.cc-score>span{font:9px/1.2 var(--body,system-ui);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-standard:before,.cc-standard:after{content:'';position:absolute;top:70px;width:10px;height:18px;border:2px solid #051627;background:#062747;border-radius:50%}.cc-standard:before{left:-7px}.cc-standard:after{right:-7px}
.cc-mortal{--cc-paper:#d3f0c9;--cc-accent:#75ef83;border-color:#031914;box-shadow:inset 3px 3px #efffe3,inset -4px -4px #497259,3px 5px #020e17}.cc-mortal:before{content:'';position:absolute;inset:3px;pointer-events:none;border:1px solid #49725b;clip-path:polygon(0 0,16% 0,16% 5%,84% 5%,84% 0,100% 0,100% 100%,0 100%);z-index:-1}.cc-mortal .cc-card-head>strong{color:#07552b}.cc-mortal .cc-bet>strong{text-shadow:0 0 7px #68ff7955}
.cc-battle{--cc-paper:#ffedce}.cc-battle .cc-card-head{border-bottom-color:#633c3480}.cc-battle .cc-card-head>strong{color:#a52e27}.cc-faceoff{display:grid;grid-template-columns:minmax(0,1fr) 67px minmax(0,1fr);gap:3px;align-items:center;position:relative;padding:3px 0 5px;isolation:isolate}.cc-faceoff:before,.cc-faceoff:after{content:'';position:absolute;inset:1px 48% 1px -9px;background:#e85b4030;clip-path:polygon(0 0,100% 8%,85% 100%,0 100%);z-index:-1}.cc-faceoff:after{inset:1px -9px 1px 48%;background:#1877c13b;clip-path:polygon(16% 0,100% 0,100% 100%,0 90%)}
.cc-fighter{align-items:center;text-align:center;gap:3px}.cc-battle-term{font:17px/1 HomeComic,Impact,sans-serif;letter-spacing:.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:rotate(-2deg)}.cc-fighter:last-child .cc-battle-term{transform:rotate(2deg)}.cc-fighter .cc-person-identity{flex-direction:column;gap:2px;max-width:100%}.cc-fighter .cc-avatar{width:34px;height:34px}.cc-fighter .cc-person-name{max-width:100%}.cc-fighter .cc-person-name b{font-size:16px}.cc-fighter-result{font:9px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px}.cc-winner{background:#14633e;color:#fff6ca;padding:2px 6px;transform:rotate(-3deg)}
.cc-versus{display:flex;flex-direction:column;align-items:center;gap:2px}.cc-versus>b{font:44px/.95 HomeComic,Impact,sans-serif;letter-spacing:-2px;color:#ffdd43;-webkit-text-stroke:1px #031424;paint-order:stroke fill;text-shadow:2px 3px #020c19,3px 4px #bd3325;transform:rotate(-9deg)}.cc-versus>span{font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:1px}.cc-versus>strong{font:24px/1 HomeComic,Impact,sans-serif}
.cc-teamup{--cc-paper:#d4ece3;box-shadow:inset 3px 3px #f0fff3,inset -4px -4px #629d91,3px 5px #010b17}.cc-teamup .cc-card-head>strong{color:#08675a}.cc-teamup:before{content:'';position:absolute;left:-11px;top:54px;width:23px;height:60px;border:6px double #338078;border-radius:14px;transform:rotate(-30deg);opacity:.3;z-index:-1}
.cc-bandwagon{--cc-paper:#ffe3a0;box-shadow:inset 3px 3px #fff5cf,inset -4px -4px #b07929,3px 5px #010b17}.cc-bandwagon .cc-card-head>strong{color:#953a18}.cc-bandwagon .cc-card-head .cc-emblem{width:30px}.cc-bandwagon:before{content:'';position:absolute;inset:28px 0 28px;background:repeating-linear-gradient(155deg,transparent 0 14px,#af692814 14px 17px,transparent 17px 24px);z-index:-1;pointer-events:none}
.cc-group-body{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:3px 0 5px;min-width:0}.cc-shared-bet{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.cc-shared-bet>strong{font:23px/1.1 HomeComic,Impact,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-leaders .cc-avatar{width:26px;height:26px}.cc-leaders .cc-person-name b{font-size:16px}.cc-leaders .cc-person-name small{font-size:8px}.cc-group-social{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:24px}.cc-riders{display:flex;align-items:center;min-width:0;gap:0}.cc-riders>img{width:22px;height:22px;object-fit:contain;border-radius:50%;background:#fef1c6;border:1px solid #09243a;margin-right:-5px}.cc-riders>b{font:14px/1 HomeComic,Impact,sans-serif;margin-left:8px;white-space:nowrap;letter-spacing:.3px}.cc-overflow{font:10px/1 HomeComic,Impact,sans-serif;margin-left:7px}.cc-bonus{font:8px/1 var(--body,system-ui);display:flex;flex-direction:column;gap:3px;align-items:flex-end;white-space:nowrap}.cc-bonus b{font:12px/1 HomeComic,Impact,sans-serif;background:#fff6d0;border:1px solid #866724;padding:2px 5px;transform:rotate(-2deg)}.cc-aboard{font:8px/1.1 var(--body,system-ui);color:#174b32;position:absolute;top:32px;right:8px;background:#e5f3cde6;padding:2px 3px;border-radius:1px}.cc-card:has(.cc-aboard) .cc-matchup{justify-content:flex-start;font-size:12px}
.cc-card-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:4px;color:#d3e2ef}.cc-details{flex:1;min-width:0}.cc-details summary{font:10px/1.2 var(--body,system-ui);padding:8px 2px;min-height:29px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.cc-details p{font:12px/1.5 var(--body,system-ui);overflow-wrap:anywhere;padding:0 8px}.cc-details[open]{background:#092a45;border:1px solid #577188;padding:0 5px 7px}.cc-actions{flex:0 0 auto;max-width:100%;text-align:right}.cc-actions summary{list-style:none;cursor:pointer;font:bold 19px/1 var(--body,system-ui);min-width:44px;min-height:29px;padding:3px 9px;letter-spacing:1px;color:#ffdb4d}.cc-actions summary::-webkit-details-marker{display:none}.cc-actions[open]{flex:1;min-width:0}.cc-actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;padding:3px 0 8px}.cc-action{display:flex;align-items:center;justify-content:center;gap:5px;border:2px solid #031321;box-shadow:2px 3px #010b17;border-radius:2px;background:#ffda44;color:#08233b;padding:6px 9px;min-height:44px;font:17px/1 HomeComic,Impact,sans-serif;cursor:pointer}.cc-action>span{display:flex;flex-direction:column;gap:3px}.cc-action small{font:8px/1 var(--body,system-ui)}.cc-action .cc-emblem{width:27px;height:27px}.cc-action-battle{background:#e86748;color:#fff4d4}.cc-action-teamup{background:#a9ded0}.cc-action-bandwagon{background:#ffcd54}
.cc-empty{padding:22px;background:#fff0cf;color:#0d2439;border:3px solid #041323;box-shadow:3px 5px #010d19;font:13px/1.6 var(--body,system-ui)}
.current-beta-active .pc-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:580px}.cc-current button:focus-visible,.cc-current summary:focus-visible,.cc-current select:focus-visible{outline:3px solid #88f3ff;outline-offset:3px}
@container(max-width:310px){.cc-page-head h1{font-size:30px}.cc-filters{gap:4px}.cc-filters button{gap:4px}.cc-filters button>span{font-size:13px}.cc-filters button>b{font-size:23px}.cc-card{padding-left:7px;padding-right:7px}.cc-score{margin-left:-7px;margin-right:-7px}.cc-card-head>strong{font-size:16px}.cc-card-head .cc-emblem{width:21px}.cc-faceoff{grid-template-columns:minmax(0,1fr) 57px minmax(0,1fr)}.cc-leaders{gap:5px}.cc-leaders .cc-person-name b{font-size:14px}.cc-riders>b{font-size:12px}.cc-bonus b{font-size:11px}.cc-score>span{font-size:8px}.cc-card-head>span:first-child{max-width:64px}.cc-bet>strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cc-current *{animation:none!important;transition:none!important}}

/* Aboard fits the participant count instead of overlapping the matchup. */
.cc-aboard{display:block;font:8px/1.1 var(--body,system-ui);position:static;color:#174b32;background:transparent;padding:0;margin-top:3px}.cc-card:has(.cc-aboard) .cc-matchup{justify-content:center;font-size:15px}

/* Mortal Lock: preserve the original illustrated crest, armor, chains and ink.
   Two windows onto the same original asset reserve a shorter crown for mobile.
   All pick information remains live HTML; the artwork contains only its title. */
.cc-card.cc-mortal{
 --cc-lock-crown:62px;
 display:grid;grid-template-rows:16px 24px 31px minmax(29px,auto) 23px;gap:3px;
 min-height:222px;padding:64px 15% 30px;border:0;border-radius:0;
 background:transparent;color:#f4f8ec;box-shadow:none;overflow:hidden;
 filter:drop-shadow(0 4px 2px #010911b3);
}
.cc-card.cc-mortal::before,.cc-card.cc-mortal::after{display:none}
.cc-mortal .cc-lock-art{position:absolute;left:0;right:0;pointer-events:none;z-index:-1;background-image:url('assets/mortal-armored-frame.png');background-repeat:no-repeat}
.cc-mortal .cc-lock-art-crown{top:0;height:var(--cc-lock-crown);background-size:100% 143px;background-position:center top}
.cc-mortal .cc-lock-art-body{top:var(--cc-lock-crown);bottom:0;background-size:100% 183%;background-position:center bottom}
.cc-lock-title.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-mortal .cc-lock-meta{display:grid;grid-template-columns:auto minmax(12px,1fr) auto;align-items:center;gap:7px;padding:0 3px;font:700 11px/1 var(--body,Arial,sans-serif);letter-spacing:.65px;text-transform:uppercase;color:#d9e6d4;text-shadow:1px 1px #010b09;min-width:0}
.cc-mortal .cc-lock-divider{height:1px;background:linear-gradient(90deg,#71806f33,#a8ff6e8c,#71806f33)}
.cc-mortal .cc-result{font:700 10px/1 var(--body,Arial,sans-serif);letter-spacing:.65px;padding:2px 6px;transform:none;border:1px solid #71866d;background:#172b20;color:#ceffbc;border-radius:2px;box-shadow:inset 0 1px #eaffd52e}
.cc-mortal .cc-result-win{background:#13582e;color:#e5ffd1}.cc-mortal .cc-result-loss{background:#762e25;color:#fff0d5}.cc-mortal .cc-result-push,.cc-mortal .cc-result-void{background:#41494d;color:#fff0d5}
.cc-mortal .cc-matchup{font:700 14px/1.05 var(--body,Arial,sans-serif);gap:6px;color:#f7f4e9;letter-spacing:-.1px;text-shadow:1px 2px #010b09;overflow:visible;border-bottom:1px solid #8994843d;padding-bottom:3px}
.cc-mortal .cc-matchup img{width:20px;height:20px;filter:drop-shadow(0 0 2px #d6ffd855)}
.cc-mortal .cc-lock-user{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:1px 3px 0}
.cc-mortal .cc-person-identity{gap:6px;justify-content:flex-start;min-width:0}
.cc-mortal .cc-avatar{width:30px;height:30px;filter:drop-shadow(1px 2px #020e08) drop-shadow(0 0 3px #80ff5477)}
.cc-mortal .cc-person-name b{font:700 16px/1.1 var(--body,Arial,sans-serif);color:#fff9e9;text-shadow:1px 2px #020a09;letter-spacing:0;text-transform:none}
.cc-mortal .cc-person-name small{font:9px/1 var(--body,system-ui);color:#bfd8b2}
.cc-lock-market{flex:0 0 auto;font:700 9px/1 var(--body,Arial,sans-serif);letter-spacing:.75px;text-transform:uppercase;color:#d9e7d1;background:#213329;border:1px solid #6e826c;padding:4px 6px;border-radius:2px;box-shadow:inset 0 1px #ffffff20}
.cc-lock-selection{display:flex;align-items:center;justify-content:center;min-width:0;background:linear-gradient(90deg,transparent,#15291d 12%,#15291d 88%,transparent);border-top:1px solid #77a36b3d;border-bottom:1px solid #77a36b3d;padding:2px 5px}
.cc-lock-selection strong{font:28px/.98 HomeComic,Impact,sans-serif;letter-spacing:.45px;color:#f2f5e5;text-align:center;text-shadow:1px 2px #040d05;max-width:100%;overflow-wrap:anywhere}
.cc-lock-selection em{font:inherit;font-style:normal;color:#aaff3e;text-shadow:1px 2px #040d05,0 0 10px #79ff4775}
.cc-mortal .cc-score{margin:0 -3%;padding:3px 7px;gap:5px;background:linear-gradient(#18251b,#080e0d);border:1px solid #83917e;border-radius:3px;box-shadow:inset 0 1px #f0ffd235,0 2px #010807,0 0 6px #8dff3826;color:#edf5dd;align-self:stretch;position:relative}
.cc-mortal .cc-score b{font-size:12px}.cc-mortal .cc-score strong{font-size:17px;color:#b8ff64;text-shadow:0 0 5px #7dff3544}.cc-mortal .cc-score>span{font-size:9px;color:#c3d3bc}
@container(max-width:310px){
 .cc-card.cc-mortal{padding-left:14.5%;padding-right:14.5%}
 .cc-mortal .cc-lock-meta{font-size:10px;gap:5px}.cc-mortal .cc-result{font-size:9px;padding:2px 5px}
 .cc-mortal .cc-matchup{font-size:12px;gap:4px}.cc-mortal .cc-matchup img{width:17px;height:17px}
 .cc-mortal .cc-lock-user{gap:5px}.cc-mortal .cc-avatar{width:27px;height:27px}.cc-mortal .cc-person-name b{font-size:14px}
 .cc-lock-market{font-size:8px;padding:3px 5px}.cc-lock-selection strong{font-size:25px;letter-spacing:.2px}
 .cc-mortal .cc-score{gap:3px;padding:3px 5px}.cc-mortal .cc-score b{font-size:11px}
}


/* Direct Battle confirmation stays inside Current Picks instead of entering Make a Pick. */
.battle-confirm-open{overflow:hidden}
.cc-battle-confirm-backdrop{position:fixed;box-sizing:border-box;inset:0;z-index:1400;display:flex;align-items:flex-end;justify-content:center;padding:18px max(14px,env(safe-area-inset-left)) calc(96px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));background:#010813d9;backdrop-filter:blur(2px)}
.cc-battle-confirm{position:relative;width:min(100%,520px);box-sizing:border-box;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:18px 16px 16px;border:3px solid #071321;border-radius:8px;background:#ffefcf url('assets/home-comic/ink-grain.svg') center/260px;color:#071a2b;box-shadow:inset 2px 2px #fff9e7,inset -3px -3px #b9a68c,5px 7px #000812;outline:none}
.cc-battle-confirm:focus-visible{outline:3px solid #88f3ff;outline-offset:3px}.cc-battle-confirm-close{position:absolute;top:8px;right:9px;width:44px;height:44px;border:2px solid #071321;border-radius:50%;background:#fff5dc;color:#071321;font:28px/1 var(--body,system-ui);cursor:pointer}
.cc-battle-confirm-kicker{display:flex;align-items:center;justify-content:center;gap:8px;padding-right:36px;font:17px/1 HomeComic,Impact,sans-serif;letter-spacing:1px;color:#a72f27}.cc-battle-confirm-kicker .cc-emblem{width:40px;height:40px}.cc-battle-confirm h2{margin:8px 0 4px;text-align:center;font:38px/.95 HomeComic,Impact,sans-serif;letter-spacing:.5px;color:#071a2b;text-shadow:2px 2px #f0ba55}.cc-battle-confirm-meta{margin:0 28px 12px;text-align:center;font:11px/1.4 var(--body,system-ui);color:#435565}
.cc-battle-confirm-sides{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:7px;align-items:stretch}.cc-battle-confirm-sides>div{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:10px 8px;border:2px solid #071321;background:#f5d8be;box-shadow:inset 1px 1px #fff4db}.cc-battle-confirm-sides .cc-battle-confirm-you{background:#d5e8f2}.cc-battle-confirm-sides small{font:9px/1.2 var(--body,system-ui);text-transform:uppercase;letter-spacing:.7px;color:#56616b}.cc-battle-confirm-sides strong{font:23px/1.05 HomeComic,Impact,sans-serif;overflow-wrap:anywhere}.cc-battle-confirm-sides>b{align-self:center;text-align:center;font:40px/.9 HomeComic,Impact,sans-serif;color:#ffdb45;-webkit-text-stroke:1px #071321;paint-order:stroke fill;text-shadow:2px 3px #b93227;transform:rotate(-8deg)}
.cc-battle-confirm-warning{margin:13px 0 8px;padding:10px 11px;border:2px solid #7e342c;background:#f4c0a9;color:#3c1714}.cc-battle-confirm-warning>strong{display:block;font:17px/1 HomeComic,Impact,sans-serif;letter-spacing:.3px}.cc-battle-confirm-warning p{margin:5px 0 0;font:13px/1.45 var(--body,system-ui)}.cc-battle-confirm-lock{margin:7px 0 11px;text-align:center;font:10px/1.4 var(--body,system-ui);color:#4d5f6c}.cc-battle-confirm .form-error{margin:8px 0;padding:8px;border:2px solid #8c1f1f;background:#ffe4d9;color:#7a1717;font:11px/1.4 var(--body,system-ui)}
.cc-battle-confirm-actions{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:9px}.cc-battle-confirm-actions button{min-height:48px;border:2px solid #071321;border-radius:3px;box-shadow:2px 3px #020b14;font:18px/1 HomeComic,Impact,sans-serif;cursor:pointer}.cc-battle-cancel{background:#fff6dc;color:#102234}.cc-battle-submit{background:#d84e3c;color:#fff6d5;text-shadow:1px 1px #651810}.cc-battle-confirm-actions button:focus-visible,.cc-battle-confirm-close:focus-visible{outline:3px solid #37cde2;outline-offset:2px}
@media(max-width:350px){.cc-battle-confirm-backdrop{padding-left:10px;padding-right:10px}.cc-battle-confirm{padding-left:12px;padding-right:12px}.cc-battle-confirm h2{font-size:33px}.cc-battle-confirm-sides{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:4px}.cc-battle-confirm-sides strong{font-size:20px}.cc-battle-confirm-sides>b{font-size:34px}.cc-battle-confirm-warning p{font-size:12px}}


/* Same on-board confirmation for Team-Up and free Bandwagon joins. */
.cc-teamup-confirm{border-color:#72cde7}.cc-teamup-confirm h2{color:#07304a}.cc-teamup-confirm-pick{color:#fff3d5;padding:16px;background:#07304a;border:1px solid #75adc2;border-radius:8px;display:grid;gap:8px}.cc-teamup-confirm-pick strong{font-size:clamp(1.4rem,6vw,2rem);line-height:1.15;overflow-wrap:anywhere}.cc-teamup-confirm-pick small{color:#d0e4ec}.cc-teamup-confirm-pick span{color:#ffdf83;font-weight:700}.cc-teamup-confirm .cc-battle-confirm-warning{border-color:#6cacbe;background:#dcecf0;color:#12354b}.cc-teamup-confirm .cc-battle-submit{background:#12617a;text-shadow:1px 1px #07304a}


/* Pack Attack Current Picks — separate competition, shared authenticated Pack read model. */
.cc-pa-current{position:relative;margin:0 0 18px;padding:10px;border:2px solid #07121d;background:#08131f url('assets/pack-attack/header-metal.webp') center/cover;color:#f7f0d7;box-shadow:3px 5px 0 #010913,0 0 0 1px #62ff9a55;overflow:hidden}
.cc-pa-current:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ff168918,transparent 38%,#6dff6420 72%,transparent);pointer-events:none}
.cc-pa-head{position:relative;z-index:1;display:grid;grid-template-columns:106px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #687682;background:#111d29e8;box-shadow:inset 0 0 0 1px #000}
.cc-pa-head>img{display:block;width:106px;height:44px;object-fit:contain;object-position:left center;filter:drop-shadow(1px 2px #000)}
.cc-pa-head>div{min-width:0;display:grid;gap:3px}.cc-pa-head>div>span{font:19px/1 HomeComic,Impact,sans-serif;color:#76ff76;letter-spacing:.5px;text-shadow:1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-pa-head>div>small{font:8px/1.3 var(--body,system-ui);letter-spacing:.6px;color:#e5bdd5;text-transform:uppercase}
.cc-pa-action{min-height:38px;padding:5px 8px;border:2px solid #020a12;background:#ff2b99;color:#fff8dc;box-shadow:2px 3px #020811,inset 0 0 0 1px #ff9bcf;font:14px/1 HomeComic,Impact,sans-serif;letter-spacing:.5px;white-space:nowrap}
.cc-pa-summary{position:relative;z-index:1;display:flex;align-items:baseline;gap:6px;padding:9px 5px 5px;color:#c8d6df}.cc-pa-summary strong{font:24px/1 HomeComic,Impact,sans-serif;color:#ffeb48}.cc-pa-summary span{font:9px/1.3 var(--body,system-ui);letter-spacing:.7px;text-transform:uppercase}
.cc-pa-group{position:relative;z-index:1;margin-top:7px;border:1px solid #667987;background:#0d2233e8}.cc-pa-group>header{display:flex;align-items:center;gap:7px;padding:5px 7px;border-bottom:1px solid #536777;background:#071725}.cc-pa-group>header>strong{font:17px/1 HomeComic,Impact,sans-serif;color:#fff0c9}.cc-pa-group>header>small{padding:2px 5px;border:1px solid #7dff85;color:#7dff85;font:7px/1 var(--body,system-ui);letter-spacing:.7px}
.cc-pa-pick{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:8px;min-height:51px;padding:5px 7px;border-top:1px solid #294157}.cc-pa-pick:first-child{border-top:0}.cc-pa-you{background:#12334a}
.cc-pa-person{min-width:0;display:flex;align-items:center;gap:6px}.cc-pa-person .pa-avatar{width:31px;height:31px;flex:0 0 31px}.cc-pa-person .pa-avatar img{width:31px;height:31px}.cc-pa-person>span:last-child{min-width:0}.cc-pa-person b{display:block;font:15px/1 HomeComic,Impact,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-pa-person small{display:block;margin-top:2px;color:#75ff7b;font:7px/1 var(--body,system-ui);letter-spacing:.7px}
.cc-pa-selection{min-width:0;text-align:right}.cc-pa-selection .pa-pick-known,.cc-pa-selection .pa-pick-secret{justify-content:flex-end}.cc-pa-selection .pa-pick-known span{font-size:9px}.cc-pa-selection .pa-pick-known strong{font:18px/1 HomeComic,Impact,sans-serif;color:#ffe94d}.cc-pa-selection .pa-pick-secret{font:10px/1 var(--body,system-ui);color:#c5d0d7}.cc-pa-empty{position:relative;z-index:1;margin:7px 0 0;padding:13px 9px;border:1px dashed #627987;background:#071724;color:#c7d3db;text-align:center;font:11px/1.5 var(--body,system-ui)}
@container(max-width:350px){.cc-pa-head{grid-template-columns:86px minmax(0,1fr);gap:6px}.cc-pa-head>img{width:86px;height:39px}.cc-pa-action{grid-column:1/-1;width:100%;min-height:35px}.cc-pa-head>div>span{font-size:17px}.cc-pa-pick{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}