.cp-site-header {
  position: sticky; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 16px; margin: 0 -16px 8px; top: 0;
  width: calc(100% + 32px); max-width: none; box-sizing: border-box; align-self: stretch;
  background: rgba(10, 10, 15, 0.92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-bottom: 2px solid var(--gold);
}
.cp-brand { display: flex; align-items: center; min-height: 36px; min-width: 40px; text-decoration: none; }
.cp-brand img { height: 34px; width: auto; max-width: 100%; display: block; object-fit: contain; object-position: left center; } 
.cp-nav-btn {
  display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 7px 13px; border-radius: 999px; box-sizing: border-box;
  border: 1.5px solid rgba(241, 192, 115, .55); background: rgba(241, 192, 115, .08); color: var(--gold);
  font: 900 11px/1 'Inter', sans-serif; letter-spacing: .6px; text-transform: uppercase; text-decoration: none; white-space: nowrap;
}
@media (hover: hover) { .cp-nav-btn:hover { border-color: var(--gold); background: rgba(241, 192, 115, .16); } }


.setup-inner > .cast-wordmark { display: none !important; }


.cp-promo-wrap { padding: 4px 16px 12px; }
.cp-promo {
  position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 2px; align-items: center;
  max-width: 480px; margin: 0 auto; padding: 14px 48px 14px 14px; box-sizing: border-box;
  border-radius: 12px; text-decoration: none; color: var(--text, #f0f0f0); text-align: left;
  background: linear-gradient(135deg, #1b1633, #120f22); border: 1px solid #3b2f6b;
}
@media (hover: hover) { .cp-promo:hover { border-color: var(--gold); } }
.cp-promo-logo { grid-row: 1 / span 3; width: 104px; height: auto; display: block; }
.cp-promo > span:not(.cp-promo-arrow) { grid-column: 2; }
.cp-promo-kicker { font: 800 11px/1.3 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #a99be0; }
.cp-promo-title { font: 900 17px/1.25 'Inter', sans-serif; color: #fff; }
.cp-promo-sub { font: 400 13px/1.4 'Inter', sans-serif; color: #b8b8cc; }
.cp-promo-arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--gold); }
.cp-promo-results { margin: 20px auto 8px; }

.cp-new-game { display: inline-flex; align-items: center; gap: 9px; margin: 14px auto 2px; padding: 7px 14px 7px 7px; border-radius: 999px;
  text-decoration: none; color: #f0f0f5; font: 600 13.5px/1.2 'Inter', sans-serif; position: relative; overflow: hidden;
  background: linear-gradient(135deg, rgba(241, 192, 115, .18), rgba(241, 192, 115, .05)); border: 1.5px solid rgba(241, 192, 115, .65);
  box-shadow: 0 4px 18px rgba(241, 192, 115, .18); animation: cpNewIn .5s cubic-bezier(.2, .9, .3, 1.2) both; }
.cp-new-game b { color: var(--gold); font-weight: 900; }
.cp-new-tag { padding: 3px 8px; border-radius: 999px; background: var(--gold); color: #111; font: 900 10px/1.2 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; }
.cp-new-arrow { color: var(--gold); font-size: 16px; }
.cp-new-game::after { content: ""; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .22), transparent); animation: cpNewShine 3.6s ease-in-out 1s infinite; }
@keyframes cpNewIn { from { opacity: 0; transform: translateY(6px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes cpNewShine { 0%, 60% { left: -60%; } 100% { left: 130%; } }
@media (hover: hover) { .cp-new-game:hover { border-color: var(--gold); color: #fff; } }
@media (prefers-reduced-motion: reduce) { .cp-new-game, .cp-new-game::after { animation: none; } }


html, body { overflow-x: hidden; }


#setup { padding-top: 0 !important; overflow-x: hidden; }




.nrl-field-wrap {
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, .035) 0 40px, transparent 40px 80px),
    linear-gradient(180deg, #13361f 0%, #0d2615 100%) !important;
  box-shadow: inset 0 0 0 1px #1d3b25, inset 0 0 60px rgba(0, 0, 0, .35);
}

.fpos-circle {
  border-radius: 16px !important;
  border: 2px dashed rgba(255, 255, 255, .22) !important;
  background: rgba(0, 0, 0, .28) !important;
  transition: transform .15s, box-shadow .2s;
}
.fpos-abbr { color: rgba(255, 255, 255, .6) !important; font-weight: 900 !important; }


.fpos-circle.fp-filled {
  border-style: solid !important;
  background: linear-gradient(160deg, color-mix(in srgb, var(--cp-club, #1c1c2e) 92%, #fff 8%), color-mix(in srgb, var(--cp-club, #1c1c2e) 80%, #000 20%)) !important;
  box-shadow: inset 0 3px 0 rgba(255, 255, 255, .12), 0 4px 14px rgba(0, 0, 0, .45);
}
.fpos-circle.fp-filled .fpos-pname { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .7); font-weight: 900 !important; }

.fpos-circle.fp-filled.fp-light .fpos-pname { color: #111 !important; text-shadow: none; }
.fpos-circle.fp-filled .fpos-prtg { color: #fff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }

.fpos-circle.fp-filled { --tier: #f1c073; --tier2: #c8882a; --tier-ink: #111; border: 2.5px solid var(--tier) !important; }
.fpos-circle.fp-gold   { --tier: #E8A848; --tier2: #c8882a; }
.fpos-circle.fp-lime   { --tier: #a3e635; --tier2: #65a30d; }
.fpos-circle.fp-blue   { --tier: #3b82f6; --tier2: #1d4ed8; --tier-ink: #fff; }
.fpos-circle.fp-silver { --tier: #9ca3af; --tier2: #6b7280; }
.fpos-circle.fp-bronze { --tier: #cd7f32; --tier2: #92400e; --tier-ink: #fff; }
.fpos-circle.fp-gold, .fpos-circle.fp-lime, .fpos-circle.fp-blue, .fpos-circle.fp-silver, .fpos-circle.fp-bronze {
  box-shadow: inset 0 3px 0 rgba(255, 255, 255, .12), 0 0 0 1px rgba(0, 0, 0, .4), 0 0 18px color-mix(in srgb, var(--tier) 55%, transparent) !important;
}
.fpos-circle.fp-gold { box-shadow: inset 0 3px 0 rgba(255, 255, 255, .12), 0 0 0 1px rgba(0, 0, 0, .4), 0 0 24px rgba(232, 168, 72, .7) !important; }
.fpos-circle.fp-filled .fpos-prtg {
  color: var(--tier-ink) !important; text-shadow: none !important; font-weight: 900 !important; line-height: 1.1;
  padding: 0 .35em; margin: 1px 0; border-radius: 5px;
  background: linear-gradient(135deg, var(--tier2), var(--tier));
  box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
.fpos-circle.fp-flash-in { animation: cpSlotIn .7s ease; }
@keyframes cpSlotIn { 0% { transform: scale(.6); opacity: 0; } 45% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(1); } }


.player-row {
  border-left: 5px solid var(--cp-club, transparent) !important;
  border-radius: 12px !important;
  transition: transform .12s, border-color .15s, background .15s;
}
@media (hover: hover) { .player-row:hover:not(.pr-grey):not(.pr-taken) { transform: translateY(-1px); } }
.pr-name { font-weight: 900 !important; letter-spacing: -.1px; }


.spin-slot { border-radius: 14px !important; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25); }
.spin-slot-lbl { letter-spacing: 1.5px !important; font-weight: 800 !important; }
.spin-slot-val { font-weight: 900 !important; }

body:not(.cp-wc) #spinClubVal { height: auto !important; max-height: none !important; overflow: visible !important; line-height: 1.15; text-wrap: balance; }
.spin-slot.cp-landed { animation: cpLand .35s ease; }
@keyframes cpLand { 0% { transform: scale(.96); } 60% { transform: scale(1.03); } 100% { transform: none; } }


.modal-overlay { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.modal {
  max-width: 400px !important; border-radius: 20px !important; padding: 22px 20px 16px !important;
  border: 1px solid rgba(241, 192, 115, .6) !important;
  background: linear-gradient(180deg, #17172a, #101019) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
  animation: cpModalIn .2s ease both;
}
@keyframes cpModalIn { from { transform: translateY(12px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
.modal h3 { font-size: 22px !important; font-weight: 900 !important; margin-bottom: 4px !important; }
.modal p { font-size: 12px !important; margin-bottom: 4px !important; }
.modal p + .pos-options::before {
  content: "Where do you want them?"; display: block; grid-column: 1 / -1; text-align: center; margin: 4px 0 2px;
  font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold);
}
.pos-options {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 16px 12px !important;
  margin: 12px 0 6px; padding: 16px 14px 22px; border-radius: 14px;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .03) 0 28px, transparent 28px 56px), linear-gradient(180deg, #13361f, #0d2615);
  border: 1px solid #1d3b25;
}
.pos-option {
  position: relative; flex-direction: column !important; justify-content: center !important; gap: 2px; min-height: 92px;
  border-radius: 14px !important; border: 2px solid var(--gold) !important; background: rgba(241, 192, 115, .18) !important;
  box-shadow: 0 0 0 3px rgba(241, 192, 115, .2), 0 0 18px rgba(241, 192, 115, .45);
  animation: cpSpotPulse 1.2s ease-in-out infinite;
}
.pos-option .slot-badge { order: -1; font-size: 28px !important; font-weight: 900 !important; color: #fff !important; line-height: 1; }
.pos-option .slot-label { font-size: 12px !important; color: #f3e3c3 !important; font-weight: 700 !important; }
.pos-option::after {
  content: "Place here"; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap;
  font: 900 9px/1 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; background: var(--gold); color: #111;
}
@media (hover: hover) { .pos-option:hover { background: rgba(241, 192, 115, .34) !important; transform: scale(1.03); } }
@keyframes cpSpotPulse { 0%, 100% { box-shadow: 0 0 0 3px rgba(241, 192, 115, .2), 0 0 14px rgba(241, 192, 115, .35); } 50% { box-shadow: 0 0 0 5px rgba(241, 192, 115, .3), 0 0 26px rgba(241, 192, 115, .65); } }
.modal-cancel {
  border: 0 !important; background: none !important; margin-top: 6px !important; font-weight: 800 !important; font-size: 13px !important;
}
.modal-cancel::before { content: "\2190  "; }


.cp-sound {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 38px; height: 38px; border-radius: 50%; margin-left: 8px;
  background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); color: #9a9ab0; cursor: pointer;
}
.cp-sound.is-on { color: var(--gold); border-color: rgba(241, 192, 115, .45); }
.cp-sound svg { width: 18px; height: 18px; }
.cp-sound .ico-on { display: none; } .cp-sound.is-on .ico-on { display: block; } .cp-sound.is-on .ico-off { display: none; }
.cp-site-header .cp-right { display: flex; align-items: center; gap: 8px; }

.cp-site-header .cp-right .cp-sound { margin-left: 0; order: -1; }

@media (max-width: 400px) { .cp-site-header .cp-right { gap: 2px; } }
@media (max-width: 380px) { .cp-brand img { height: 30px; } }

.cp-brand .cp-brand-game { display: none; }
@media (max-width: 767px) {
  .ca-in .cp-brand .cp-brand-cast { display: none; }
  .ca-in .cp-brand .cp-brand-game { display: block; height: 40px; }
  .ca-in .cp-hero { display: none; }
}
@media (max-width: 380px) { .ca-in .cp-brand .cp-brand-game { height: 36px; } }


.cp-confirm { position: fixed; inset: 0; z-index: 9999; align-items: flex-end; justify-content: center; }
.cp-confirm-backdrop { position: absolute; inset: 0; background: rgba(5, 5, 10, .72); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.cp-confirm-body {
  position: relative; width: 100%; max-width: 480px; box-sizing: border-box; text-align: center;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px)); overflow-y: auto;
  padding: 18px 18px calc(22px + env(safe-area-inset-bottom)); border-radius: 20px 20px 0 0;
  background: radial-gradient(120% 70% at 50% 0%, rgba(241, 192, 115, .16), transparent 60%), linear-gradient(180deg, #1b1830, #0f0d1d);
  border: 2px solid var(--gold); border-bottom: 0;
  box-shadow: 0 0 0 4px rgba(241, 192, 115, .12), 0 -10px 40px rgba(241, 192, 115, .18);
  animation: cpSheetUp .25s ease both;
}
@keyframes cpSheetUp { from { transform: translateY(30px); opacity: 0; } to { transform: none; opacity: 1; } }
.cp-confirm-x { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #2a2a4a; background: rgba(255, 255, 255, .04); color: #9a9ab0; font-size: 15px; cursor: pointer; }
@media (hover: hover) { .cp-confirm-x:hover { color: var(--gold); border-color: var(--gold); } }
.cp-confirm-grab { width: 48px; height: 4px; border-radius: 2px; background: #2a2a4a; margin: 0 auto 16px; }
.cp-confirm-ico {
  width: 64px; height: 64px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 30px;
  border-radius: 50%; border: 2px solid var(--gold); background: rgba(241, 192, 115, .12);
  box-shadow: 0 0 0 5px rgba(241, 192, 115, .1), 0 0 24px rgba(241, 192, 115, .4);
  animation: cpConfirmIco .6s cubic-bezier(.2, .9, .3, 1.3) both;
}
@keyframes cpConfirmIco { 0% { transform: scale(.3) rotate(-90deg); opacity: 0; } 100% { transform: none; opacity: 1; } }
.cp-confirm-kicker { font: 800 11px/1 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
.cp-confirm-title { font: italic 900 26px/1.1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: -.3px; color: #fff; margin: 0 0 6px; }
.cp-confirm-sub { font-size: 14px; line-height: 1.5; color: var(--muted, #9a9ab0); margin: 0 0 18px; }
.cp-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; box-sizing: border-box;
  border-radius: 12px; font: 900 16px/1 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase; cursor: pointer;
}

.cp-btn[hidden] { display: none !important; }
.cp-btn-primary { background: var(--gold); color: #111; border: 2px solid var(--gold); box-shadow: 0 6px 22px rgba(241, 192, 115, .3); }
.cp-btn-ghost { margin-top: 10px; background: transparent; color: var(--gold); border: 2px solid var(--gold); }
@media (hover: hover) { .cp-btn-primary:hover { filter: brightness(1.08); } .cp-btn-ghost:hover { background: var(--gold); color: #111; } }
@media (min-width: 720px) {
  .cp-confirm { align-items: center; padding: 24px; }
  .cp-confirm-body {
    max-width: 440px; padding: 28px 28px 24px; border-radius: 22px; border-bottom: 2px solid var(--gold);
    box-shadow: 0 0 0 5px rgba(241, 192, 115, .12), 0 0 50px rgba(241, 192, 115, .22), 0 30px 70px rgba(0, 0, 0, .6);
    animation: cpConfirmIn .32s cubic-bezier(.2, .9, .3, 1.15) both;
  }
  .cp-confirm-grab { display: none; }
}
@keyframes cpConfirmIn { from { opacity: 0; transform: translateY(16px) scale(.94); } to { opacity: 1; transform: none; } }


.yt-sub {
  display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 16px; padding: 10px 14px 10px 10px; box-sizing: border-box;
  border-radius: 14px; background: #FF0000; color: #fff; text-decoration: none; text-align: left;
  box-shadow: 0 6px 22px rgba(255, 0, 0, .3); transition: transform .12s, background .15s;
}
@media (hover: hover) { .yt-sub:hover { background: #e00000; transform: translateY(-1px); } }
.yt-avatar { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; flex-shrink: 0; background: #fff; }
.yt-text { flex: 1; display: flex; flex-direction: column; min-width: 0; font-family: 'Inter', sans-serif; }
.yt-kicker { font-size: 11px; font-weight: 700; opacity: .85; }
.yt-label { font-size: 15px; font-weight: 900; line-height: 1.2; }
.yt-logo { width: 30px; height: 21px; flex-shrink: 0; }

@media (prefers-reduced-motion: reduce) {
  .cp-confirm-body, .cp-confirm-ico,
  .pos-option, .fpos-circle.fp-flash-in, .spin-slot.cp-landed, .modal { animation: none !important; }
}


#setup { padding: 0 16px !important; }
.setup-inner.cp-home { max-width: 640px; width: 100%; margin: 0 auto; text-align: center; }


.cp-hero { padding: 12px 0 8px; }
.cp-hero-title { margin: 4px 0 12px; line-height: 1; }
.cp-hero-logo { display: block; margin: 0 auto; width: 100%; max-width: 300px; height: auto; }
.cast-logo-fx { --logo-fx-img: url(../assets/img/27-0-logo.png); } 
@media (max-width: 480px) { .cp-hero-logo { max-width: 220px; } }
.cp-hero-pitch { color: #c8c8d8; font-size: 16px; line-height: 1.55; max-width: 520px; margin: 0 auto 8px; font-weight: 400; text-wrap: balance; } 
.cp-hero-pitch strong { color: var(--gold); font-weight: 900; }

.cp-hero-pitch a, #faqList a, #privacyModal p a, #privacyModal li a { padding: 1px 6px; border-radius: 6px; background: rgba(241, 192, 115, .12); color: var(--gold); font-weight: 800; text-decoration: none; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
@media (hover: hover) { .cp-hero-pitch a:hover, #faqList a:hover, #privacyModal p a:hover, #privacyModal li a:hover { background: rgba(241, 192, 115, .24); color: #fff; } }


.cp-mode-kicker { margin: 20px 2px 14px; font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--muted); text-align: left; }
.cp-mode-picker { display: grid; gap: 10px; margin: 22px 0 16px; }
.cp-mode-kicker + .cp-mode-picker { margin-top: 0; }

.cp-mode-picker .cp-mode-card { grid-template-columns: auto 1fr auto; grid-template-areas: "ico name go" "ico line go" "chips chips chips"; }
.cp-mode-go { grid-area: go; align-self: center; margin-left: 8px; font-size: 11px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; padding: 6px 11px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; white-space: nowrap; }
.cp-mode-chip { flex: 1 1 auto; text-align: center; white-space: nowrap; }
.cp-mode-meter { grid-column: 1 / -1; }

.cp-mode-picker > .cp-options { margin: -4px 0 4px; }
.cp-mode-card {
  position: relative; display: grid !important; grid-template-columns: auto 1fr; grid-template-areas: "ico name" "ico line" "chips chips";
  column-gap: 12px; row-gap: 2px; align-items: center; text-align: left; width: 100%;
  padding: 14px 16px; border-radius: 14px; cursor: pointer; font-family: 'Inter', sans-serif;
  background: #141420 !important; border: 2px solid #24243a !important; color: #f0f0f0; box-shadow: none;
  transition: border-color .15s, background .15s, transform .12s;
}
.cp-mode-card:active { transform: scale(.99); }
@media (hover: hover) { .cp-mode-card:hover { border-color: #4a4a66 !important; } }
.cp-mode-ico { grid-area: ico; font-size: 30px; line-height: 1; }
.cp-mode-card .cp-mode-name { grid-area: name; font-size: 24px; font-weight: 900; line-height: 1.05; letter-spacing: -.3px; color: #f0f0f0 !important; }
.cp-mode-card .cp-mode-line { grid-area: line; font-size: 14px; font-weight: 700; color: #d6d6e4 !important; }
.cp-mode-chips { grid-area: chips; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.cp-mode-chip { font-size: 11px; font-weight: 800; letter-spacing: .3px; padding: 3px 8px; border-radius: 6px; background: #22223a; color: #b8b8cc; }
.cp-mode-tag { position: absolute; top: -9px; right: 12px; font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 2px 8px; border-radius: 5px; background: var(--gold); color: #111; }
.cp-mode-card.is-on { border-color: var(--gold) !important; background: linear-gradient(135deg, rgba(241, 192, 115, .18), rgba(241, 192, 115, .04)), #141420 !important; box-shadow: 0 0 0 1px var(--gold), 0 8px 24px rgba(241, 192, 115, .12); }
.cp-mode-card.is-on .cp-mode-name { color: var(--gold) !important; }
.cp-mode-card.is-on .cp-mode-chip { background: rgba(241, 192, 115, .16); color: var(--gold); }

.cp-mode-card.is-pack { border-color: #25346b !important; background: linear-gradient(135deg, rgba(59, 91, 219, .18), rgba(59, 91, 219, .03) 70%), #141420 !important; }
.cp-mode-card.is-pack .cp-mode-name { color: #a5b8ff !important; }
.cp-mode-card.is-pack .cp-mode-chip { background: rgba(59, 91, 219, .18); color: #a5b8ff; }
.cp-mode-tag-pack { background: #3b5bdb; color: #fff; }
.cp-mode-card.is-pack.is-on { border-color: #6688ff !important; background: linear-gradient(135deg, rgba(59, 91, 219, .34), rgba(59, 91, 219, .08) 70%), #141420 !important; box-shadow: 0 0 0 1px #6688ff, 0 8px 28px rgba(59, 91, 219, .3); }
.cp-mode-card.is-pack.is-on .cp-mode-name { color: #fff !important; }


#cpOptions #eraOptions, #cpOptions #ratingsToggle { display: block !important; }
.cp-options-note { margin: 12px auto 0; max-width: 340px; font-size: 11.5px; color: var(--muted); text-align: center; }
.cp-options { margin: 0 0 12px; border-radius: 16px; background: linear-gradient(180deg, #121226, #0d0d1a); border: 1.5px solid rgba(241, 192, 115, .35); text-align: left; overflow: hidden; }
.cp-options[open] { border-color: rgba(241, 192, 115, .6); }
.cp-options-sum { display: flex; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; list-style: none; }
.cp-options-sum::-webkit-details-marker { display: none; }
.cp-options-ico { font-size: 22px; line-height: 1; }
.cp-options-txt { flex: 1; display: grid; min-width: 0; line-height: 1.25; }
.cp-options-txt strong { font-size: 15px; font-weight: 900; color: var(--gold); }
.cp-options-txt small { font-size: 12px; font-weight: 700; color: #b8b8cc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp-options-edit { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: var(--gold); color: #111; font: 900 11px/1 'Inter', sans-serif; letter-spacing: .6px; text-transform: uppercase; }
.cp-options-edit::after { content: ""; width: 6px; height: 6px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(45deg); margin-top: -3px; transition: transform .15s; }
.cp-options[open] .cp-options-edit { background: transparent; color: var(--gold); box-shadow: inset 0 0 0 1.5px var(--gold); }
.cp-options[open] .cp-options-edit::after { transform: rotate(-135deg); margin-top: 3px; border-color: var(--gold); }
.cp-options .lbl-open { display: none; }
.cp-options[open] .lbl-open { display: inline; }
.cp-options[open] .lbl-closed { display: none; }
@media (hover: hover) { .cp-options-sum:hover .cp-options-edit { filter: brightness(1.08); } }
.cp-options-body { padding: 4px 14px 12px; text-align: center; border-top: 1px solid #25254a; }
.cp-options-body .cp-team-input { margin-top: 12px; }
.cp-team-input { width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px; margin: 0 0 14px; border-radius: 12px; border: 1.5px solid #2a2a44; background: #0f0e1c; color: #fff; font: 700 15px 'Inter', sans-serif; text-align: center; }
.cp-team-input:focus { outline: none; border-color: var(--gold); }

.cp-team-row { display: flex; align-items: center; gap: 10px; margin: 16px 0 0; padding: 8px 8px 8px 14px; border-radius: 14px; background: #141420; border: 1.5px solid #24243a; }
.cp-team-row label { flex: none; font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted); }
.cp-team-row .cp-team-input { flex: 1; min-width: 0; min-height: 40px; margin: 0; text-align: left; }
.cp-team-row[hidden], .cp-custom-lock[hidden], #cpOptions[hidden] { display: none !important; }

.cp-custom-lock { display: flex; align-items: center; gap: 10px; width: 100%; margin: -4px 0 4px; padding: 11px 14px; border-radius: 14px; box-sizing: border-box;
  border: 1.5px dashed rgba(241, 192, 115, .45); background: rgba(241, 192, 115, .06); color: #d6d6e4; font: 700 13px/1.2 'Inter', sans-serif; cursor: pointer; text-align: left; }
.cp-custom-txt { flex: 1; min-width: 0; display: grid; gap: 2px; }
.cp-custom-txt b { color: #fff; font-size: 14px; }
.cp-custom-txt small { color: var(--muted); font-size: 12px; font-weight: 600; }
.cp-custom-tag { flex: none; font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; border: 1px solid rgba(241, 192, 115, .6); color: var(--gold); }
@media (hover: hover) { .cp-custom-lock:hover { border-color: rgba(241, 192, 115, .8); } }

.cp-team-input.cp-name-locked, #packTeamNameInput.cp-name-locked { color: var(--gold); border-color: rgba(241, 192, 115, .45) !important; cursor: default; }
.cp-team-input.cp-name-locked:focus { border-color: rgba(241, 192, 115, .45); }
.cp-options #ratingsToggle { margin-bottom: 14px !important; }


#startModeBtn.cp-play { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin: 0; padding: 12px 22px; border: 0; border-radius: 12px;
  background: var(--gold) !important; color: #111 !important; box-shadow: none !important; font: 800 16px 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; }
@media (hover: hover) { #startModeBtn.cp-play:hover { background: #c9953a !important; } }
body.cp-pack #startModeBtn.cp-play { background: linear-gradient(135deg, #1e3a8a, #3b5bdb) !important; color: #fff !important; box-shadow: 0 6px 22px rgba(59, 91, 219, .35) !important; }


.cp-home .how-it-works { margin: 20px 0 0; padding: 16px 14px 14px; border-radius: 16px; background: linear-gradient(180deg, #121226, #0d0d1a); border: 1px solid #25254a; }
.cp-home .hiw-title { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 12px; }
.cp-hiw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.cp-hiw-grid > div { padding: 10px 10px 9px !important; border-radius: 10px !important; text-align: center; }
.cp-hiw-grid > div > div:nth-child(1) { font-size: 20px !important; line-height: 1; margin-bottom: 5px !important; }
.cp-hiw-grid > div > div:nth-child(2) { font-size: 14px !important; font-weight: 800 !important; margin-bottom: 2px !important; }
.cp-hiw-grid > div > div:nth-child(3) { font-size: 12.5px !important; line-height: 1.4 !important; }
.cp-home .hiw-goal { margin-top: 0; }
.cp-home .hiw-goal-text { font-size: 16px; font-weight: 900; color: #fff; }


.cp-rules-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 0; }
.cp-rules-btn {
  display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 12px 14px; box-sizing: border-box;
  border-radius: 14px; text-decoration: none; color: #f0f0f0; font-family: 'Inter', sans-serif; cursor: pointer;
  background: linear-gradient(135deg, rgba(241, 192, 115, .14), rgba(241, 192, 115, .04)); border: 1.5px solid rgba(241, 192, 115, .45);
  transition: border-color .15s, transform .12s, box-shadow .15s;
}
.cp-rules-row .cp-rules-txt strong { font-size: 14px; }
@media (max-width: 520px) {
  .cp-rules-btn { gap: 8px; padding: 11px 10px; }
  .cp-rules-ico { font-size: 20px; }
  .cp-rules-row .cp-rules-txt strong { font-size: 13px; line-height: 1.2; }
  .cp-rules-txt small, .cp-rules-arrow { display: none; }
}
@media (hover: hover) { .cp-rules-btn:hover { border-color: var(--gold); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(241, 192, 115, .15); } }
.cp-rules-ico { font-size: 24px; line-height: 1; }
.cp-rules-txt { display: grid; flex: 1; line-height: 1.25; text-align: left; }
.cp-rules-txt strong { font-size: 15px; font-weight: 900; color: var(--gold); }
.cp-rules-txt small { font-size: 12px; color: #8a8aa0; font-weight: 600; }
.cp-rules-arrow { font-size: 20px; color: var(--gold); transition: transform .15s; }
@media (hover: hover) { .cp-rules-btn:hover .cp-rules-arrow { transform: translateX(3px); } }


.cp-home .cp-promo { margin: 22px 0 0; max-width: none; }


.cp-watch { margin: 26px 0 0; text-align: left; }
.cp-watch-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cp-watch-title { font-size: 20px; font-weight: 900; margin: 0; color: #fff; }
.cp-watch-all { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 5px 12px; box-sizing: border-box; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); color: #fff; font-size: 12.5px; font-weight: 800; text-decoration: none; white-space: nowrap; }
@media (hover: hover) { .cp-watch-all:hover { border-color: rgba(255, 255, 255, .45); } }
.cp-watch-sub { font-size: 13px; color: #8a8aa0; margin: 4px 0 12px; }
.cp-watch-track { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 0 16px 6px; margin: 0 -16px; scroll-padding: 16px; scrollbar-width: none; }
.cp-watch-track::-webkit-scrollbar { display: none; }
@media (min-width: 600px) { .cp-watch-track { grid-auto-columns: 46%; } }
.cp-vcard { display: flex; flex-direction: column; scroll-snap-align: start; overflow: hidden; border-radius: 14px; background: #141420; border: 1px solid #24243a; color: #f0f0f0; text-decoration: none; transition: transform .15s, border-color .15s; }
@media (hover: hover) { .cp-vcard:hover { transform: translateY(-2px); border-color: var(--gold); } }
.cp-vthumb { position: relative; display: block; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.cp-vthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cp-vbody { display: grid; gap: 6px; padding: 12px 14px 14px; }
.cp-vtitle { font-size: 14px; font-weight: 800; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cp-vdate { font-size: 12px; color: #8a8aa0; font-weight: 600; }


.cp-acast { margin: 18px 0 8px; border-radius: 12px; overflow: hidden; border: 1px solid #24243a; }
.cp-acast iframe { display: block; border: 0; }


.cp-section-title { font-size: 20px; font-weight: 900; margin: 0 0 8px; color: #fff; text-align: left; }
.cp-proof { margin: 26px 0 0; padding: 18px 16px; border-radius: 16px; text-align: left; background: linear-gradient(180deg, #121226, #0d0d1a); border: 1px solid #25254a; }
.cp-proof-text { font-size: 14px; line-height: 1.6; color: #b8b8cc; margin: 0 0 14px; }
.cp-proof-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cp-proof-stats div { display: flex; flex-direction: column; align-items: center; padding: 10px 6px; border-radius: 10px; background: rgba(245, 197, 24, .07); border: 1px solid rgba(245, 197, 24, .18); }
.cp-proof-stats b { font-size: 22px; font-weight: 900; color: var(--gold); line-height: 1.1; }
.cp-proof-stats span { font-size: 11px; font-weight: 800; color: #8a8aa0; text-transform: uppercase; letter-spacing: .5px; }
.cp-faq { margin: 26px 0 0; text-align: left; }
#faqList { display: grid; gap: 8px; }
#faqList > div { background: #141420 !important; border: 1px solid #24243a !important; border-radius: 12px !important; }
#faqList > div > button { padding: 14px 16px !important; }
#faqList > div > button > span:first-child { font-size: 15px !important; font-weight: 800 !important; }
#faqList > div > button > span:last-child { font-size: 22px !important; font-weight: 400 !important; }
#faqList p { font-size: 14px !important; color: #b8b8cc !important; line-height: 1.6 !important; }


#siteFooter.cp-footer { margin: 28px -16px 0; padding: 18px 16px 32px; text-align: center; border-top: 1px solid #1a1a2a; background: transparent !important; }
.cp-socials { display: flex; justify-content: center; gap: 20px; margin-bottom: 12px; }
.cp-socials a { color: var(--gold) !important; opacity: .85; }

.cp-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 12px; }
.cp-footer-links > span[aria-hidden] { display: none; }
.cp-footer-links a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: #d6d6e4; font-size: 12.5px; font-weight: 800; text-decoration: none; }
@media (hover: hover) { .cp-footer-links a:hover { border-color: rgba(255, 255, 255, .4); color: #fff; } }
.cp-footer-credit { font-size: 11px; color: #8a8aa0; margin: 0 0 8px; text-wrap: balance; }
.cp-footer-credit a { padding: 1px 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); color: #c9c9d8; font-weight: 700; text-decoration: none; }
.cp-footer-copy { font-size: 11px; font-weight: 600; color: #8a8aa0; margin: 0 0 6px; }
.cp-footer-legal { font-size: 11px; color: #8a8aa0; max-width: 620px; margin: 0 auto; line-height: 1.6; text-wrap: pretty; }
#hiw, #faq { scroll-margin-top: 70px; }


.cp-burst { position: fixed; inset: 0; z-index: 10060; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.cp-burst::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(45, 212, 191, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); animation: cpbFade 1.3s ease both; }
.cp-burst-ring { position: absolute; width: 140px; height: 140px; border-radius: 50%; border: 4px solid #2dd4bf; opacity: 0; animation: cpbRing 1s cubic-bezier(.2, .7, .3, 1) both; }
.cp-burst-ring2 { animation-delay: .15s; border-width: 2px; }
.cp-burst-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 28px 16px; border-radius: 20px; max-width: calc(100vw - 48px); text-align: center;
  background: linear-gradient(160deg, #1d1a36, #0f0d1d); border: 2px solid #2dd4bf;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .18), 0 0 40px rgba(45, 212, 191, .55), 0 20px 50px rgba(0, 0, 0, .6);
  animation: cpbCard 1.3s cubic-bezier(.2, .9, .3, 1.2) both; }
.cp-burst-ico { font-size: 46px; line-height: 1; animation: cpbSpin 1.3s ease both; }
.cp-burst-title { font: italic 900 26px/1.1 'Inter', sans-serif; letter-spacing: -.3px; color: #fff; text-transform: uppercase; }
.cp-burst-sub { font: 700 13px/1.3 'Inter', sans-serif; color: #2dd4bf; }
@keyframes cpbFade { 0% { opacity: 0; } 15%, 70% { opacity: 1; } 100% { opacity: 0; } }
@keyframes cpbRing { 0% { opacity: .9; transform: scale(.3); } 100% { opacity: 0; transform: scale(3.2); } }
@keyframes cpbCard { 0% { opacity: 0; transform: scale(.4) rotate(-6deg); } 22% { opacity: 1; transform: scale(1.08) rotate(1deg); } 34%, 75% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.92) translateY(-14px); } }
@keyframes cpbSpin { 0% { transform: scale(.2) rotate(-180deg); } 35% { transform: scale(1.3) rotate(200deg); } 55%, 100% { transform: scale(1) rotate(360deg); } }
body.cp-rerolled .player-row { animation: cpRerollIn .55s cubic-bezier(.2, .8, .3, 1.15) both; }
body.cp-rerolled .player-row:nth-child(2) { animation-delay: .06s; } body.cp-rerolled .player-row:nth-child(3) { animation-delay: .12s; }
body.cp-rerolled .player-row:nth-child(4) { animation-delay: .18s; } body.cp-rerolled .player-row:nth-child(5) { animation-delay: .24s; }
body.cp-rerolled .player-row:nth-child(n+6) { animation-delay: .3s; }
@keyframes cpRerollIn { 0% { opacity: 0; transform: perspective(700px) rotateX(-75deg) translateY(-14px); } 60% { opacity: 1; transform: perspective(700px) rotateX(10deg); } 100% { transform: none; } }
@media (prefers-reduced-motion: reduce) { .cp-burst, body.cp-rerolled .player-row { animation: none !important; } }


.cp-daily-wrap { margin: 16px 0 0; }
.cp-daily-wrap:empty { display: none; }
.cp-daily-card { position: relative; padding: 13px 14px 12px; border-radius: 16px; text-align: left; overflow: hidden;
  background: radial-gradient(120% 90% at 0% 0%, rgba(241, 192, 115, .22), transparent 55%), linear-gradient(135deg, #1d1a33, #111020);
  border: 2px solid var(--gold); box-shadow: 0 0 0 4px rgba(241, 192, 115, .1), 0 10px 30px rgba(0, 0, 0, .35); }
.cp-daily-card.is-done { border-color: rgba(241, 192, 115, .45); }
.cp-daily-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.cp-daily-tag { font: 900 10px/1 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #111; background: var(--gold); padding: 5px 8px; border-radius: 5px; }
.cp-daily-clock { font: 800 11px/1 'Inter', sans-serif; color: #b8b8cc; letter-spacing: .4px; white-space: nowrap; }
.cp-daily-hero { display: grid; grid-template-columns: 46px 1fr; gap: 11px; align-items: center; }
.cp-daily-ico { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-size: 24px; background: rgba(241, 192, 115, .12); border: 2px solid rgba(241, 192, 115, .6); }
.cp-daily-theme { font: 900 11px/1.2 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: var(--gold); margin-bottom: 3px; }
.cp-daily-title { font: italic 900 22px/1.05 'Inter', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: -.4px; }
.cp-daily-goal { margin: 11px 0 10px; padding: 9px 11px; border-radius: 10px; background: rgba(255, 255, 255, .05); border: 1px solid #2a2a4a; font-size: 13px; line-height: 1.4; color: #e4e4ee; }
.cp-daily-goal b { color: var(--gold); }
.cp-daily-goal span { color: #9a9ab0; }
.cp-daily-sub { font-size: 12px; color: #c9c9da; margin: 2px 0 9px; line-height: 1.4; }
.cp-daily-sub b, .cp-daily-best b, .cp-daily-done b { color: var(--gold); }
.cp-goes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0 0 11px; }
.cp-go { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px 7px; border-radius: 10px; background: rgba(255, 255, 255, .06); border: 1px solid #2f2f4d; text-align: center; min-width: 0; }
.cp-go-n { font: 800 9px/1 'Inter', sans-serif; letter-spacing: .6px; text-transform: uppercase; color: #9a9ab0; white-space: nowrap; }
.cp-go-main { font: italic 900 16px/1.1 'Inter', sans-serif; color: #fff; }
.cp-go-sub { font: 700 9.5px/1.1 'Inter', sans-serif; color: #b8b8cc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cp-go.is-empty { background: transparent; border-style: dashed; }
.cp-go.is-empty .cp-go-main, .cp-go.is-empty .cp-go-sub { color: #5c5c78; }
.cp-go.is-left .cp-go-main { color: #f87171; }
.cp-go.is-best { background: rgba(241, 192, 115, .16); border-color: var(--gold); }
.cp-go.is-best .cp-go-n, .cp-go.is-best .cp-go-sub { color: var(--gold); }
.cp-go.is-new { box-shadow: 0 0 0 2px rgba(255, 255, 255, .5); }
.cp-daily-result .cp-goes { margin: 0 0 14px; }
.cp-daily-actions { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.cp-daily-actions .cp-btn { margin: 0; min-height: 40px; font-size: 13px; }
.cp-daily-actions .cp-btn-ghost { padding: 0 16px; }
.cp-daily-actions > :only-child { grid-column: 1 / -1; }

.cp-daily-actions.is-stack { grid-template-columns: minmax(0, 1fr); }
.cp-daily-actions.is-stack .cp-btn { min-height: 46px; padding: 0 14px; }
.cp-daily-result > .cp-daily-done { margin: 0 0 12px; font-size: 14px; line-height: 1.4; text-wrap: balance; }
.cp-daily-strip { display: none; }
body.cp-daily-on .cp-daily-strip { display: block; padding: 6px 12px; text-align: center; background: var(--gold); color: #111;
  font: 900 11px/1.2 'Inter', sans-serif; letter-spacing: .8px; text-transform: uppercase; }
.cp-daily-result { margin: 0 0 16px; padding: 16px; border-radius: 16px; text-align: center;
  background: linear-gradient(135deg, rgba(241, 192, 115, .16), rgba(241, 192, 115, .04)); border: 2px solid var(--gold); }
.cp-daily-kicker { font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
.cp-daily-score { font: italic 900 30px/1.1 'Inter', sans-serif; color: #fff; }
.cp-daily-pb { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 3px 8px; border-radius: 6px; background: #22c55e; color: #052e16; font: 900 11px/1 'Inter', sans-serif; font-style: normal; letter-spacing: .5px; text-transform: uppercase; }
.cp-daily-best { font-size: 13px; color: #c9c9da; margin: 6px 0 12px; }
.cp-daily-done { font-size: 12.5px; color: #b8b8cc; }
.cp-daily-how { list-style: none; margin: 4px 0 18px; padding: 0; text-align: left; display: grid; gap: 10px; }
.cp-daily-how li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid #24243a; font-size: 13.5px; line-height: 1.45; color: #d6d6e4; }
.cp-daily-how li > span { font-size: 20px; line-height: 1.2; text-align: center; }
.cp-daily-how b { color: #fff; }
#cpDailyHow .cp-confirm-body { max-height: 92vh; max-height: min(92dvh, calc(100dvh - 24px - env(safe-area-inset-top, 0px))); overflow-y: auto; }
.cp-daily-howlink { display: block; margin: 9px auto 0; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .05); border: 1px solid #2a2a4a; color: #d6d6e4; font: 800 11.5px 'Inter', sans-serif; letter-spacing: .3px; cursor: pointer; }
@media (hover: hover) { .cp-daily-howlink:hover { color: var(--gold); border-color: var(--gold); } }
.cp-daily-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 10070; padding: 10px 16px; border-radius: 10px; background: #1a1a2e; border: 1px solid var(--gold); color: #fff; font: 700 13px 'Inter', sans-serif; }


.screen > .header .header-logo[data-home] { cursor: pointer; }
.screen > .header .cp-mode-btn { font-size: 11px; padding: 6px 12px; letter-spacing: .5px; white-space: nowrap; margin-right: 6px; }
.cp-mode-btn .lbl-short { display: none; }
@media (max-width: 480px) { .cp-mode-btn .lbl-long { display: none; } .cp-mode-btn .lbl-short { display: inline; } .screen > .header .cp-mode-btn { padding: 6px 10px; } }


.cp-daily-card.is-compact { display: grid; grid-template-columns: 44px 1fr auto; gap: 11px; align-items: center; padding: 7px 12px; cursor: pointer; }

.cp-daily-card.is-compact .cp-daily-meta, .cp-daily-card.is-compact .cp-daily-reward-chip { margin-top: 3px; }
.cp-daily-card.is-compact .cp-daily-ico { width: 44px; height: 44px; font-size: 22px; }
.cp-daily-mid { min-width: 0; }
.cp-daily-card.is-compact .cp-daily-theme { font-size: 11px; margin-bottom: 2px; }
.cp-daily-card.is-compact .cp-daily-title { font-size: 16px; line-height: 1.1; text-wrap: balance; padding-right: .1em; } 
.cp-daily-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 4px; font: 700 12px/1.2 'Inter', sans-serif; color: #b8b8cc; }
.cp-daily-meta b { color: var(--gold); }
.cp-dots { display: inline-flex; gap: 3px; flex-shrink: 0; }
.cp-dot { width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid #5c5c78; }
.cp-dot.is-done { background: #d6d6e4; border-color: #d6d6e4; }
.cp-dot.is-best { background: var(--gold); border-color: var(--gold); }
.cp-dot.is-left { background: #f87171; border-color: #f87171; }
.cp-daily-go { margin: 0 !important; min-height: 40px; padding: 0 16px !important; font-size: 13px !important; white-space: nowrap; }
.cp-how-goes-h { font: 900 10.5px/1 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: var(--gold); text-align: left; margin: 2px 0 7px; }
#cpDailyHow .cp-goes { margin-bottom: 14px; }


.cp-arch-link { display: block; width: 100%; margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(241, 192, 115, .5); background: rgba(241, 192, 115, .08); color: var(--gold); font: 800 13px 'Inter', sans-serif; cursor: pointer; }
.cp-arch { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; text-align: left; max-height: 46vh; overflow-y: auto; }
.cp-arch-row { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid #24243a; }
.cp-arch-ico { font-size: 22px; text-align: center; }
.cp-arch-mid { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.cp-arch-mid small { font: 800 10px/1.2 'Inter', sans-serif; letter-spacing: .8px; text-transform: uppercase; color: #9a9ab0; }
.cp-arch-mid b { font: 900 14px/1.2 'Inter', sans-serif; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp-arch-mid em { font: 700 11.5px/1.2 'Inter', sans-serif; font-style: normal; color: #7c7c96; }
.cp-arch-mid em.is-played { color: var(--gold); }
.cp-arch-play { margin: 0 !important; min-height: 34px !important; padding: 0 14px !important; font-size: 12px !important; }
.cp-arch-lock { font-size: 16px; opacity: .7; }


.cp-bonus-reroll { border-color: var(--gold) !important; color: var(--gold) !important; background: rgba(241, 192, 115, .1) !important; animation: cpBonusPulse 2.2s ease-in-out infinite; }
@keyframes cpBonusPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(241, 192, 115, 0); } 50% { box-shadow: 0 0 0 4px rgba(241, 192, 115, .22); } }
@media (prefers-reduced-motion: reduce) { .cp-bonus-reroll { animation: none; } }


.screen.active { top: env(safe-area-inset-top, 0px); }
html { background: #0a0a0f; }

body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: env(safe-area-inset-top, 0px); z-index: 2; pointer-events: none; background: #0d0d18; }
body[data-mode]::before { background: linear-gradient(rgba(var(--mode-rgb), .16), rgba(var(--mode-rgb), .16)), #0d0d18; }
body:has(#setup.active)::before { background: #0a0a0f; }

.screen.active::after { content: ""; flex: 0 0 env(safe-area-inset-bottom, 0px); }
@media (min-width: 768px) { #draft.screen.active, #pack-squad.screen.active { height: auto; max-height: none; } }
.modal-overlay, .fv-overlay, .fv-result-popup, #shareCardModal { padding-top: max(20px, env(safe-area-inset-top, 0px)); padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)); }
.fv-float-next { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.cp-daily-toast { bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }


body.cp-daily-on #rerollBtn { display: none !important; }
.cpw-bar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.cpw { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 50px; padding: 6px 4px;
  border-radius: 10px; border: 1.5px solid #3b2f6b; background: #17132b; color: #fff; cursor: pointer; text-align: center; font-family: 'Inter', sans-serif;
  --wc: #f1c073; --wc-rgb: 241, 192, 115; }
.cpw-label { font-size: 12px; font-weight: 800; line-height: 1.2; }
.cpw-left { font-size: 10.5px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; }
.cpw.cpw-reroll { --wc: #2dd4bf; --wc-rgb: 45, 212, 191; border-color: #0f766e; background: linear-gradient(160deg, rgba(20, 184, 166, .22), rgba(20, 184, 166, .06)); }
.cpw.cpw-reroll .cpw-left { color: #5eead4; }
.cpw.cpw-reveal { --wc: #fbbf24; --wc-rgb: 251, 191, 36; border-color: #b45309; background: linear-gradient(160deg, rgba(245, 158, 11, .22), rgba(245, 158, 11, .06)); }
.cpw.cpw-reveal .cpw-left { color: #fcd34d; }
.cpw.cpw-remove { --wc: #f472b6; --wc-rgb: 244, 114, 182; border-color: #be185d; background: linear-gradient(160deg, rgba(236, 72, 153, .22), rgba(236, 72, 153, .06)); }
.cpw.cpw-remove .cpw-left { color: #f9a8d4; }
.cpw.cpw-remove.is-armed { border-color: #f87171; background: #2a1116; }
.cpw:disabled { opacity: .4; cursor: not-allowed; }

.cpw.is-wait { opacity: .5; animation: none !important; }
.cpw.is-wait::after { display: none; }


.cpw-bar.has-pick { grid-template-columns: repeat(6, minmax(0, 1fr)); } 
.cpw.cpw-toty { --wc: #bfdbfe; --wc-rgb: 191, 219, 254; border-color: #bfdbfe; background: linear-gradient(160deg, #1e3a8a, #0a1a45 85%); }
.cpw.cpw-toty .cpw-label { text-wrap: balance; }
.cpw.cpw-toty .cpw-left { color: #bfdbfe; }
.cpw.cpw-toty.is-have .cpw-left { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #bfdbfe; color: #0a1a45; }

@keyframes cpImmShine { from { background-position: 0% 50%; } to { background-position: 200% 50%; } }
.cpw.cpw-imm { --wc: #f1c073; --wc-rgb: 241, 192, 115; border-color: #f1c073; background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(160deg, #2b2a33, #121219 85%); }
.cpw.cpw-imm .cpw-label { text-wrap: balance; }
.cpw.cpw-imm .cpw-left { color: #ffe2a8; }
.cpw.cpw-imm.is-have .cpw-left { display: inline-block; padding: 2px 8px; border-radius: 999px; color: #14161d;
  background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); background-size: 200% 100%; animation: cpImmShine 4s linear infinite; }

.cpw .cpw-ends { display: block; margin-top: 3px; font: 900 10px/1 'Inter', sans-serif; letter-spacing: .4px; text-transform: uppercase; color: #fca5a5; }
.tp-packbtn .cpw-ends { display: inline; margin: 0 0 0 6px; }

.cpw.tp-packbtn { width: 100%; flex-direction: row; justify-content: space-between; gap: 10px; min-height: 44px; margin: 0 0 8px; padding: 8px 14px; }
.cpw.tp-packbtn[hidden] { display: none; }
.tp-note { margin: 0 0 8px; }

.tp { position: fixed; inset: 0; z-index: 9500; display: grid; place-items: center; padding: 16px; background: rgba(4, 6, 14, .84); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); overflow-y: auto; }
.tp[hidden] { display: none; }
.tp-box { position: relative; width: min(440px, 100%); box-sizing: border-box; padding: 20px 14px 16px; border-radius: 22px; text-align: center; color: #eff6ff; font-family: 'Inter', sans-serif;
  background: radial-gradient(120% 80% at 50% 0%, #17337c, #0a1230 72%); border: 1.5px solid rgba(191, 219, 254, .5); box-shadow: 0 0 60px rgba(59, 130, 246, .25), 0 24px 60px rgba(0, 0, 0, .6);
  animation: tpIn .35s cubic-bezier(.2, 1.2, .4, 1) both; }
@keyframes tpIn { from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }
.tp-x { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #dbeafe; font-size: 14px; cursor: pointer; }
.tp-kick { margin: 0 36px 4px; font: 800 11px/1.3 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: #93c5fd; }
.tp-title { margin: 0 0 6px; font: 900 26px/1.1 'Inter', sans-serif; color: #fff; text-wrap: balance; text-shadow: 0 0 24px rgba(96, 165, 250, .45); }
.tp-sub { margin: 0 auto 14px; max-width: 34ch; font: 600 13px/1.45 'Inter', sans-serif; color: #dbeafe; text-wrap: pretty; }
.tp-cards { display: flex; justify-content: center; gap: 8px; perspective: 800px; }
.tp-card { position: relative; overflow: hidden; flex: 1 1 0; min-width: 0; max-width: 132px; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 6px 8px; border-radius: 12px;
  background: linear-gradient(160deg, #1e3a8a, #0a1a45 80%); border: 1.5px solid #bfdbfe; box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 12px rgba(147, 197, 253, .3);
  color: #fff; font-family: 'Inter', sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; opacity: 0; animation: tpDeal .5s cubic-bezier(.2, 1.2, .4, 1) calc(var(--d) * 120ms + 150ms) forwards; }
@keyframes tpDeal { from { opacity: 0; transform: rotateY(90deg) translateY(10px) scale(.85); } to { opacity: 1; transform: none; } }
.tp-card::after { content: ''; position: absolute; top: -50%; left: -120%; width: 60%; height: 200%; transform: rotate(20deg); pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent); animation: tpShine 3s ease-in-out calc(var(--d) * 120ms + 700ms) infinite; }
@keyframes tpShine { 0% { left: -120%; } 45%, 100% { left: 160%; } }
.tp-card.is-medal { border-color: #f1c073; box-shadow: 0 0 18px rgba(241, 192, 115, .55); }
.tp-top { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 4px; }
.tp-top b { font: 900 10.5px/1 'Inter', sans-serif; color: #bfdbfe; }
.tp-top i { font: 900 9px/1 'Inter', sans-serif; font-style: normal; padding: 3px 4px; border-radius: 4px; }
.tp-card.is-medal .tp-top b { color: #f1c073; }
.tp-r { margin-top: 4px; font: 900 34px/1 'Inter', sans-serif; color: #fff; }
.tp-card.is-medal .tp-r { background: linear-gradient(115deg, #c7d2fe, #f0abfc, #99f6e4, #fde68a, #c7d2fe); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: cpHolo 4s linear infinite; }
.tp-n { min-height: 2.3em; display: flex; align-items: center; justify-content: center; font: 900 12.5px/1.15 'Inter', sans-serif; text-wrap: balance; overflow-wrap: anywhere; }
.tp-t { font: 800 8px/1.2 'Inter', sans-serif; letter-spacing: .2px; text-transform: uppercase; white-space: nowrap; color: #93c5fd; }
.tp-card.is-medal .tp-t { color: #f1c073; }
.tp-spot { margin-bottom: 6px; font: 700 11px/1.25 'Inter', sans-serif; color: #dbeafe; text-wrap: balance; }
.tp-go { margin-top: auto; align-self: stretch; padding: 8px 4px; border-radius: 999px; font: 900 12.5px/1 'Inter', sans-serif; color: #0a1a45; background: linear-gradient(135deg, #bfdbfe, #eff6ff 50%, #bfdbfe); }

.tp-card.is-dim { opacity: .45; transform: scale(.96); }
.tp-card.is-asking { transform: translateY(-3px); box-shadow: 0 0 0 2px #fff, 0 10px 22px rgba(0, 0, 0, .55); }
.tp-where { margin-top: 14px; display: flex; flex-direction: column; align-items: center; gap: 10px; animation: tpWhere .22s ease-out; }
@keyframes tpWhere { from { opacity: 0; transform: translateY(6px); } }
.tp-where-q { margin: 0; font: 800 15px/1.25 'Inter', sans-serif; color: #fff; text-align: center; text-wrap: balance; }
.tp-where-btns { display: flex; gap: 10px; width: 100%; justify-content: center; }
.tp-where-go { flex: 1 1 0; max-width: 170px; min-height: 46px; padding: 10px 12px; border: 0; border-radius: 999px; cursor: pointer; font: 900 15px/1.1 'Inter', sans-serif; color: #0b0a11; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .4); }
.tp-where-back { border: 1px solid #3a3a4e; border-radius: 999px; background: none; cursor: pointer; padding: 8px 20px; font: 700 13px/1 'Inter', sans-serif; color: #a2a2b8; }
@media (prefers-reduced-motion: reduce) { .tp-where { animation: none; } }
.tp-card.is-medal .tp-go { background: linear-gradient(135deg, #f1c073, #fff1c4 50%, #f1c073); color: #1a1204; }
@media (hover: hover) { .tp-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, .5), 0 0 18px rgba(147, 197, 253, .5); } }
.tp-box.is-dealt, .tp-box.is-dealt .tp-card { animation: none; opacity: 1; }
.tp-box.is-busy .tp-card { pointer-events: none; }
.tp-box.is-busy .tp-card:not(.is-chosen) { filter: brightness(.55) saturate(.6); }
.tp-err { margin: 12px 0 0; font: 700 12.5px/1.4 'Inter', sans-serif; color: #fca5a5; }
.tp-foot { margin: 12px 0 0; font: 700 11.5px/1.3 'Inter', sans-serif; color: #93c5fd; }
@media (max-width: 360px) { .tp-r { font-size: 28px; } .tp-n { font-size: 11.5px; } }
@media (prefers-reduced-motion: reduce) { .tp-box, .tp-card, .tp-card::after { animation: none !important; opacity: 1; } }

.tp.is-imm .tp-box { background: radial-gradient(120% 80% at 50% 0%, #34323d, #121219 72%); border-color: rgba(241, 192, 115, .6); box-shadow: 0 0 60px rgba(241, 192, 115, .2), 0 24px 60px rgba(0, 0, 0, .6); }
.tp.is-imm .tp-kick, .tp.is-imm .tp-foot { color: #ffe2a8; }
.tp.is-imm .tp-title { text-shadow: 0 0 24px rgba(241, 192, 115, .45); }
.tp.is-imm .tp-sub { color: #ece6d8; }
.tp.is-imm .tp-x { color: #ffe2a8; border-color: rgba(241, 192, 115, .35); }

.tp.is-wcp .tp-box { background: radial-gradient(120% 80% at 50% 0%, #0c2a3d, #0b1220 72%); border-color: rgba(14, 165, 233, .6); box-shadow: 0 0 60px rgba(14, 165, 233, .18), 0 24px 60px rgba(0, 0, 0, .6); }
.tp.is-wcp .tp-kick, .tp.is-wcp .tp-foot { color: #bae6fd; }
.tp.is-wcp .tp-title { text-shadow: 0 0 24px rgba(14, 165, 233, .45); }
.tp.is-wcp .tp-sub { color: #e0f2fe; }
.tp.is-wcp .tp-x { color: #bae6fd; border-color: rgba(14, 165, 233, .35); }

.tp-card.is-wcp { background: linear-gradient(160deg, #0c4a6e, #0b1220 80%); border-color: #7dd3fc; box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 14px rgba(14, 165, 233, .4); }
.tp-card.is-wcp .tp-top b, .tp-card.is-wcp .tp-t { color: #7dd3fc; }
.tp-card.is-wcp .tp-spot { color: #e0f2fe; }
.tp-card.is-wcp .tp-go { color: #fff; background: linear-gradient(180deg, #0ea5e9, #0369a1); }
.cpw.cpw-wcp { --wc: #7dd3fc; --wc-rgb: 14, 165, 233; border-color: #0ea5e9; background: linear-gradient(160deg, #0c2a3d, #0b1220 85%); }
.cpw.cpw-wcp .cpw-label { text-wrap: balance; }
.cpw.cpw-wcp .cpw-left { color: #bae6fd; }

.cpw.cpw-ileg { --wc: #ffe2a8; --wc-rgb: 241, 192, 115; border-color: #f1c073; background: linear-gradient(160deg, #1d1b26, #0b0a11 85%); }
.cpw.cpw-ileg .cpw-label { text-wrap: balance; }
.cpw.cpw-ileg .cpw-left { color: #ffe2a8; }
.tp.is-ileg .tp-box { background: radial-gradient(120% 80% at 50% 0%, #1d1b26, #0b0a11 72%); border-color: rgba(241, 192, 115, .6); box-shadow: 0 0 60px rgba(241, 192, 115, .18), 0 24px 60px rgba(0, 0, 0, .6); }
.tp.is-ileg .tp-kick, .tp.is-ileg .tp-foot { color: #ffe2a8; }
.tp.is-ileg .tp-title { text-shadow: 0 0 24px rgba(241, 192, 115, .4); }
.tp.is-ileg .tp-x { color: #ffe2a8; border-color: rgba(241, 192, 115, .35); }
.tp-card.is-ileg { background: #0b0a11; border: 2.5px solid #f1c073; box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 241, 196, .55), 0 0 22px rgba(241, 192, 115, .5); }
.tp-card.is-ileg .tp-look { position: absolute; inset: 0; z-index: 0; }
.tp-card.is-ileg .tp-look svg { display: block; width: 100%; height: 100%; }
.tp-card.is-ileg .tp-look::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 8, 14, .3), rgba(8, 8, 14, .7) 52%, rgba(8, 8, 14, .86)); }
.tp-card.is-ileg > :not(.tp-look) { position: relative; z-index: 1; }
.tp-card.is-ileg .tp-top b { color: #ffe2a8; text-shadow: 0 1px 2px rgba(0, 0, 0, .85); }
.tp-card.is-ileg .tp-r, .tp-card.is-ileg .tp-n { text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 0 12px rgba(241, 192, 115, .45); }
.tp-card.is-ileg .tp-t { color: #ffe2a8; text-shadow: 0 1px 2px rgba(0, 0, 0, .85); }
.tp-card.is-ileg .tp-spot { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .85); }
.tp-card.is-ileg .tp-go { background: linear-gradient(135deg, #c9953a, #ffe2a8 50%, #c9953a); color: #1a1204; }
.player-row.pr-il { border: 2.5px solid #f1c073; box-shadow: 0 0 0 1px rgba(255, 241, 196, .5), 0 0 18px rgba(241, 192, 115, .5); background: linear-gradient(135deg, #1d1b26, #0b0a11); }
@keyframes cpIlPulse { 0%, 100% { box-shadow: 0 0 0 1px rgba(255, 241, 196, .5), 0 0 14px rgba(241, 192, 115, .4); } 50% { box-shadow: 0 0 0 1px rgba(255, 241, 196, .6), 0 0 26px rgba(241, 192, 115, .72); } }
.player-row.pr-il .pr-name { color: #fff; }
.player-row.pr-il .pr-pm { background: linear-gradient(135deg, #c9953a, #ffe2a8 50%, #c9953a); color: #1a1204; }

.player-row.pr-il { position: relative; isolation: isolate; overflow: hidden; }
.player-row.pr-il .pr-il-look { z-index: -2; filter: brightness(.5) saturate(1.15); }
.player-row.pr-il::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(11, 10, 17, .9) 0%, rgba(11, 10, 17, .62) 55%, rgba(11, 10, 17, .35) 100%); }
.player-row.pr-il::after { content: ''; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255, 226, 168, .28), transparent); transform: translateX(0) skewX(-18deg); will-change: transform; animation: cpIlShine 3.6s ease-in-out infinite; }
@keyframes cpIlShine { 0%, 55% { transform: translateX(0) skewX(-18deg); } 100% { transform: translateX(567%) skewX(-18deg); } }
.player-row.pr-il .pr-name, .player-row.pr-il .pr-club { text-shadow: 0 1px 2px rgba(0, 0, 0, .9); }
.player-row.pr-il .pr-club { color: #ffe2a8; }
.player-row.pr-il .pr-pm::before { content: '\1F451\00a0'; }
.pr-badge.rb-il { position: relative; overflow: visible; background: linear-gradient(135deg, #b98128 0%, #ffe2a8 45%, #fff6dc 55%, #c9953a 100%); color: #1a1204; box-shadow: inset 0 0 0 1.5px #fff1c4, 0 0 12px rgba(241, 192, 115, .55); }
.pr-badge.rb-il::after { content: '\1F451'; position: absolute; top: -9px; left: 50%; transform: translateX(-50%) rotate(-8deg); font-size: 13px; line-height: 1; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .7)); }
.fpos-circle.fp-il { border: 3px solid #f1c073 !important; box-shadow: 0 0 0 1px #fff1c4, 0 0 18px rgba(241, 192, 115, .65) !important; }
@media (prefers-reduced-motion: reduce) { .player-row.pr-il { animation: none; } .player-row.pr-il::after { display: none; } .cpw::before, .cpw::after { animation: none !important; } }
.pw.is-ileg .pw-label, .pw.is-ileg .pw-card-t { color: #ffe2a8; }

.pw.is-ileg .pw-card { background: #0b0a11; border: 3px solid #f1c073 !important; box-shadow: 0 0 0 1px #fff1c4, 0 0 60px rgba(241, 192, 115, .5), 0 20px 50px rgba(0, 0, 0, .6) !important; }
.pw.is-ileg .pw-look { position: absolute; inset: 0; z-index: 0; }
.pw.is-ileg .pw-look svg { display: block; width: 100%; height: 100%; }
.pw.is-ileg .pw-look::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 8, 14, .32), rgba(8, 8, 14, .72) 55%, rgba(8, 8, 14, .88)); }
.pw.is-ileg .pw-card > :not(.pw-look) { position: relative; z-index: 1; }
.pw.is-ileg .pw-card-r { color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .8), 0 0 18px rgba(241, 192, 115, .5); }
.pw.is-ileg .pw-card-n { text-shadow: 0 1px 4px rgba(0, 0, 0, .9), 0 0 12px rgba(241, 192, 115, .45); }
.pw-card-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 8px 0 8px; }
.pw-card-row .pw-card-p { margin: 0; color: #ffe2a8; text-shadow: 0 1px 3px rgba(0, 0, 0, .85); }
.pw-card-row .pw-card-club { margin: 0; }
.pw.is-ileg .pw-card { border-color: #f1c073; box-shadow: 0 0 0 2px rgba(255, 226, 168, .5), 0 0 40px rgba(241, 192, 115, .45); }
.pw.is-ileg .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(241, 192, 115, .26) 20deg 25deg, transparent 27deg 68deg, rgba(255, 255, 255, .16) 70deg 74deg, transparent 76deg 118deg, rgba(241, 192, 115, .22) 120deg 125deg, transparent 127deg 178deg, rgba(255, 255, 255, .14) 180deg 184deg, transparent 186deg 248deg, rgba(241, 192, 115, .24) 250deg 255deg, transparent 257deg 360deg); }
.pw.is-ileg .pw-spark { background: #f1c073; box-shadow: 0 0 8px rgba(241, 192, 115, .8); }
.pw.is-ileg .pw-spark:nth-child(3n) { background: #fff; box-shadow: 0 0 8px rgba(255, 255, 255, .8); }

.pw.is-ileg .pw-label { text-shadow: 0 0 30px rgba(241, 192, 115, .95), 0 0 70px rgba(241, 192, 115, .4); }
.pw.is-ileg .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(255, 241, 196, .95), rgba(255, 241, 196, 0) 62%); }
.pw.is-ileg .pw-clue { color: #ffe2a8; }
.pw.is-ileg .pw-go { color: #1a1204; background: linear-gradient(135deg, #c9953a, #ffe2a8 50%, #c9953a); box-shadow: 0 0 24px rgba(241, 192, 115, .45); }

.pw.is-wcp .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(14, 165, 233, .28) 20deg 25deg, transparent 27deg 68deg, rgba(186, 230, 253, .16) 70deg 74deg, transparent 76deg 128deg, rgba(14, 165, 233, .28) 130deg 135deg, transparent 137deg 198deg, rgba(186, 230, 253, .16) 200deg 204deg, transparent 206deg 268deg, rgba(14, 165, 233, .28) 270deg 275deg, transparent 277deg 360deg); }
.pw.is-wcp .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(224, 242, 254, .95), rgba(224, 242, 254, 0) 62%); }
.pw.is-wcp .pw-spark { background: #7dd3fc; box-shadow: 0 0 8px rgba(125, 211, 252, .8); }
.pw.is-wcp .pw-label { color: #f0f9ff; text-shadow: 0 0 30px rgba(14, 165, 233, .9), 0 0 70px rgba(2, 132, 199, .5); }
.pw.is-wcp .pw-clue { color: #bae6fd; }
.pw.is-wcp .pw-card { background: linear-gradient(160deg, #0c4a6e, #0b1220 75%); border-color: #7dd3fc; box-shadow: 0 0 60px rgba(14, 165, 233, .5), 0 20px 50px rgba(0, 0, 0, .6); }
.pw.is-wcp .pw-card-r { color: #f0f9ff; }
.pw.is-wcp .pw-card-p, .pw.is-wcp .pw-card-t { color: #7dd3fc; }
.pw.is-wcp .pw-go { color: #fff; background: linear-gradient(180deg, #0ea5e9, #0369a1); box-shadow: 0 0 24px rgba(14, 165, 233, .45); }
.tp-card.is-imm { background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .14), transparent 60%), linear-gradient(180deg, #23222c, #121219 75%); border-color: #f1c073; box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 16px rgba(241, 192, 115, .35); }
.tp-card.is-imm .tp-top b, .tp-card.is-imm .tp-t { color: #ffe2a8; }
.tp-card.is-imm .tp-r { background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: cpImmShine 4s linear infinite; }
.tp-card.is-imm .tp-n { color: #fff; text-shadow: 0 0 10px rgba(241, 192, 115, .6); }
.tp-card.is-imm .tp-spot { color: #ece6d8; }
.tp-card.is-imm .tp-go { color: #14161d; background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); background-size: 200% 100%; animation: cpImmShine 4s linear infinite; }
@media (hover: hover) { .tp-card.is-imm:hover { box-shadow: 0 8px 18px rgba(0, 0, 0, .5), 0 0 20px rgba(241, 192, 115, .55); } }
@media (prefers-reduced-motion: reduce) { .tp-card.is-imm .tp-r, .tp-card.is-imm .tp-go, .cpw.cpw-imm.is-have .cpw-left { animation: none !important; } }

.cpw.cpw-key { --wc: #f1c073; --wc-rgb: 241, 192, 115; border-color: #b45309; background: linear-gradient(160deg, rgba(241, 192, 115, .3), rgba(180, 83, 9, .08)); }
.cpw.cpw-key .cpw-left { color: #fde68a; }
.cpw.cpw-key.is-pass .cpw-left { display: inline-block; padding: 2px 7px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(241, 192, 115, .6); background: rgba(241, 192, 115, .14); font-size: 9.5px; }
.cpw.cpw-key.is-armed { border-color: #f1c073; box-shadow: 0 0 14px rgba(241, 192, 115, .45); }
.cpw-burst-key .cp-burst-ring { border-color: #f1c073; }

.cpw.cpw-sub { --wc: #f1c073; --wc-rgb: 241, 192, 115; border-color: #a16207; background: linear-gradient(160deg, rgba(241, 192, 115, .22), rgba(241, 192, 115, .06)); }
.cpw.cpw-sub .cpw-left { color: #f1c073; }
.cpw.cpw-sub.is-pass .cpw-left { display: inline-block; padding: 2px 7px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(241, 192, 115, .6); background: rgba(241, 192, 115, .14); font-size: 9.5px; }
.cpw-burst-sub .cp-burst-ring { border-color: #f1c073; }
.cpw-note.cpw-note-sub { border-color: #a16207; background: #241c0c; color: #fdf3dc; }
.cpw-note.cpw-note-sub .cpw-cancel { border-color: #f1c073; color: #f1c073; }
#nrlField.cpw-subbing .fp-filled { cursor: pointer; }
#nrlField .cpw-sub-from { box-shadow: 0 0 0 3px #93c5fd !important; } 
#nrlField .cpw-sub-to { box-shadow: 0 0 0 3px rgba(96, 165, 250, .85) !important; animation: cpwWiggle 1.2s ease-in-out infinite; cursor: pointer; }

#nrlField .cpw-sub-can { box-shadow: 0 0 0 3px #3b82f6, 0 0 16px rgba(59, 130, 246, .55) !important; animation: cpwWiggle 1.2s ease-in-out infinite; cursor: pointer; }
#nrlField .cpw-sub-no { opacity: .35; filter: grayscale(.5); }
.cpw-hint { margin-top: 8px; padding: 8px 12px; border-radius: 10px; background: #1a1a2e; border: 1px solid #2a2a4a; color: #d8d8e6; font-size: 12.5px; font-weight: 600; text-align: center;
  animation: cpwHintIn .2s ease-out; }
@keyframes cpwHintIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

body.cpw-classic #rerollBtn { display: none !important; }
.cpw.is-spent { opacity: .3; }
.cpw.cpw-key.is-spent { opacity: .8; } 
.cpw:not(:disabled):not(.is-spent):not(.is-armed) { box-shadow: 0 0 10px rgba(var(--wc-rgb), .28); }

.cpw:not(:disabled):not(.is-spent):not(.is-armed)::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 14px rgba(var(--wc-rgb), .35); background: rgba(var(--wc-rgb), .08); opacity: 0; will-change: opacity; animation: cpwCharge 2.6s ease-in-out infinite; }
.cpw:not(:disabled):not(.is-spent):not(.is-armed)::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent); transform: translateX(0) skewX(-18deg); will-change: transform; animation: cpwSweep 4.2s ease-in-out infinite; }
.cpw-bar .cpw:nth-child(2)::before { animation-delay: .4s; } .cpw-bar .cpw:nth-child(2)::after { animation-delay: 1.2s; }
.cpw-bar .cpw:nth-child(3)::before { animation-delay: .8s; } .cpw-bar .cpw:nth-child(3)::after { animation-delay: 2.4s; }
@keyframes cpwCharge { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
@keyframes cpwSweep { 0%, 55% { transform: translateX(0) skewX(-18deg); } 85%, 100% { transform: translateX(423%) skewX(-18deg); } }
.cpw-burst-reveal .cp-burst-ring { border-color: #fbbf24; }
.cpw-burst-reveal::before { background: radial-gradient(circle at 50% 50%, rgba(251, 191, 36, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); }
.cpw-burst-remove .cp-burst-ring { border-color: #f472b6; }
.cpw-burst-remove::before { background: radial-gradient(circle at 50% 50%, rgba(244, 114, 182, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); }


.cpw-sort { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 2px 0 10px; }
.cpw-sort-lbl { font: 800 11px 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--muted); }
.cpw-seg { display: inline-grid; grid-auto-flow: column; border: 1px solid #2a2a3e; border-radius: 12px; overflow: hidden; background: #0e0e18; }
.cpw-seg button { min-height: 38px; padding: 0 14px; border: 0; background: transparent; color: #9a9ab0; font: 800 13px 'Inter', sans-serif; cursor: pointer; }
.cpw-seg button + button { border-left: 1px solid #2a2a3e; }
.cpw-seg button[aria-pressed="true"] { background: #1d1d2e; color: #fff; box-shadow: inset 0 0 0 2px #3b82f6; }
.cpw-sort-hint { font-size: 11.5px; color: var(--muted); }
body.cp-daily-on #playerSection .player-row { padding: 12px 14px; border-radius: 14px; gap: 14px; }
body.cp-daily-on #playerSection .pr-name { font-size: 16px; font-weight: 800; }
.cpw-badge { width: 50px !important; height: 50px !important; border-radius: 12px !important; display: grid !important; place-items: center; font: 900 18px 'Inter', sans-serif !important;
  background: repeating-linear-gradient(135deg, #22223a 0 6px, #1b1b2e 6px 12px) !important; color: #7c7c96 !important; letter-spacing: 1px; }
.cpw-badge.is-shown { background: none; color: #fff !important; animation: cpwFlip .45s ease both; }
.cpw-badge.is-shown.rb-gold { background: linear-gradient(135deg, #c8882a, #E8A848) !important; }
.cpw-badge.is-shown.rb-grn { background: linear-gradient(135deg, #65a30d, #a3e635) !important; }
.cpw-badge.is-shown.rb-blu { background: linear-gradient(135deg, #1d4ed8, #3b82f6) !important; }
.cpw-badge.is-shown.rb-teal { background: linear-gradient(135deg, #0f766e, #2dd4bf) !important; }
.cpw-badge.is-shown.rb-gray { background: linear-gradient(135deg, #6b7280, #9ca3af) !important; }
@keyframes cpwFlip { from { transform: perspective(300px) rotateY(90deg); } to { transform: none; } }


.cpw-note { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; border: 1.5px solid #be185d; background: #2a1116; color: #fce7f3; font-size: 13px; }
.cpw-note span { flex: 1; }
.cpw-cancel { border: 1px solid #f9a8d4; background: transparent; color: #f9a8d4; border-radius: 8px; padding: 6px 12px; font: 800 12px 'Inter', sans-serif; cursor: pointer; }
#nrlField.cpw-arming .fp-filled { cursor: pointer; animation: cpwWiggle 1.2s ease-in-out infinite; box-shadow: 0 0 0 3px rgba(244, 114, 182, .7); }

@keyframes cpwWiggle { 0%, 100% { rotate: 0deg; } 25% { rotate: -3deg; } 75% { rotate: 3deg; } }
#nrlField .fpos.cpw-sub-to, #nrlField .fpos.cpw-sub-can { transform-origin: 0 0; } 


.cpw-decide { margin: 4px 0; padding: 16px; border-radius: 14px; border: 1px solid #2a2a3e; background: #12121e; text-align: center; }
.cpw-decide-h { font: 900 12px 'Inter', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: var(--gold); text-align: left; margin-bottom: 8px; }
.cpw-decide p { margin: 0 0 14px; font-size: 13.5px; color: #c9c9da; }
.cpw-decide p b { color: #fff; }
.cpw-decide-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.cpw-more { display: flex; align-items: center; gap: 6px; margin: 12px auto 0; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(244, 114, 182, .55);
  background: rgba(236, 72, 153, .12); color: #f9a8d4; font: 800 12.5px/1.2 'Inter', sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; }
@media (hover: hover) { .cpw-more:hover { border-color: #f472b6; color: #fff; } }
.cpw-btn { position: relative; overflow: hidden; min-height: 54px; border-radius: 12px; border: 2px solid; font: 900 14px 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .12); }
.cpw-btn-remove { color: #fdf2f8; border-color: #db2777; background: linear-gradient(160deg, rgba(236, 72, 153, .42), rgba(190, 24, 93, .26)); }
.cpw-btn-lock { border-color: #f1c073; background: #2a2418; }
.cpw-fill { position: absolute; inset: 0; background: linear-gradient(90deg, #f7d596, #f1c073 55%, #d9a24a); transform-origin: left center; transform: scaleX(1); transition: transform 1s linear; }
.cpw-lbl { position: relative; z-index: 1; display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; background: rgba(10, 10, 15, .82); color: #f1c073; }
.cpw-lbl b { color: #fff; }
@media (prefers-reduced-motion: reduce) { .cpw, .cpw::after, #nrlField.cpw-arming .fp-filled, .cpw-badge.is-shown { animation: none !important; } .cpw-fill { transition: none; } }
.cpw-arrow { display: inline-block; margin-left: 4px; color: #60a5fa; font-weight: 900; }
.cpw-search-btn { width: 40px; height: 38px; border-radius: 12px; border: 1px solid #2a2a3e; background: #0e0e18; color: #fff; font-size: 16px; cursor: pointer; }
.cpw-search-btn[aria-expanded="true"] { border-color: #3b82f6; box-shadow: inset 0 0 0 1px #3b82f6; }
.cpw-search { flex: 1 1 100%; min-height: 40px; padding: 0 12px; border-radius: 10px; border: 1.5px solid #3b82f6; background: #0e0e18; color: #fff; font: 600 15px 'Inter', sans-serif; }
.cpw-search:focus { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, .3); }
.cpw-none { color: var(--muted); font-size: 13px; text-align: center; padding: 12px 0; }

#nrlField.cpw-spots .fpos-circle:not(.fp-filled) { cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
@media (hover: hover) { #nrlField.cpw-spots .fpos-circle:not(.fp-filled):hover { border-color: rgba(241, 192, 115, .75) !important; background: rgba(241, 192, 115, .08) !important; } }
#nrlField .fpos.cpw-spot-on .fpos-circle { border: 2px solid var(--gold) !important; border-style: solid !important; background: rgba(241, 192, 115, .16) !important;
  box-shadow: 0 0 0 3px rgba(241, 192, 115, .25), 0 0 22px rgba(241, 192, 115, .45); animation: cpwSpot 1.6s ease-in-out infinite; }
#nrlField .fpos.cpw-spot-on .fpos-abbr, #nrlField .fpos.cpw-spot-on .fpos-full { color: var(--gold) !important; }
@keyframes cpwSpot { 0%, 100% { box-shadow: 0 0 0 3px rgba(241, 192, 115, .25), 0 0 16px rgba(241, 192, 115, .35); } 50% { box-shadow: 0 0 0 5px rgba(241, 192, 115, .18), 0 0 26px rgba(241, 192, 115, .55); } }
.cpw-slotbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -2px 0 10px; font-size: 12.5px; color: var(--muted); }
.cpw-slotbar.is-on { padding: 8px 8px 8px 12px; border-radius: 12px; border: 1.5px solid rgba(241, 192, 115, .6); background: rgba(241, 192, 115, .1); color: #f0f0f5; }
.cpw-slotbar b { color: var(--gold); }
.cpw-slotbar button { flex: 0 0 auto; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(241, 192, 115, .6); background: transparent; color: var(--gold); font: 800 12px/1 'Inter', sans-serif; cursor: pointer; }
@media (hover: hover) { .cpw-slotbar button:hover { background: rgba(241, 192, 115, .16); } }
.cpw-slot-tip::before { content: "\1F446  "; }
@media (prefers-reduced-motion: reduce) { #nrlField .fpos.cpw-spot-on .fpos-circle { animation: none; } }


.cp-mode-tag-hard { background: #dc2626; color: #fff; }
.cp-mode-card.is-hard { border-color: #5a1a1a !important; background: linear-gradient(135deg, rgba(220, 38, 38, .18), rgba(220, 38, 38, .03) 70%), #141420 !important; }
.cp-mode-card.is-hard .cp-mode-name { color: #fca5a5 !important; }
.cp-mode-card.is-hard .cp-mode-chip { background: rgba(220, 38, 38, .16); color: #fca5a5; }
.cp-mode-card.is-hard.is-on { border-color: #f87171 !important; background: linear-gradient(135deg, rgba(220, 38, 38, .34), rgba(220, 38, 38, .08) 70%), #141420 !important; box-shadow: 0 0 0 1px #f87171, 0 8px 28px rgba(220, 38, 38, .3); }
.cp-mode-card.is-hard.is-on .cp-mode-name { color: #fff !important; }
.cp-mode-meter { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; }
.cp-mode-meter i { width: 16px; height: 5px; border-radius: 3px; background: linear-gradient(90deg, #f59e0b, #dc2626); }
.cp-mode-meter b { margin-left: 6px; font-size: 10.5px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; color: #f87171; }
body.cp-hard #startModeBtn { background: linear-gradient(135deg, #b91c1c, #ef4444) !important; color: #fff !important; box-shadow: 0 4px 20px rgba(220, 38, 38, .45) !important; }

body.cp-hard #rerollBtn { display: none !important; }
body.cp-hard #draft .fpos-prtg { display: none !important; }
body.cp-hard #draft .fpos-circle.fp-filled { background: linear-gradient(160deg, #2a2a40, #1b1b2c) !important; border-color: #4a4a66 !important; box-shadow: none !important; }
body.cp-hard #draft #dsbVal, body.cp-hard #draft .dsb-sval { color: transparent !important; text-shadow: none !important; position: relative; }
body.cp-hard #draft #dsbVal::after, body.cp-hard #draft .dsb-sval::after { content: "?"; position: absolute; inset: 0; color: #7c7c96; text-align: inherit; }
body.cp-hard #draft #dsbFill { background: #4a4a66 !important; }
.cp-mode-card .cp-mode-meter { grid-column: 1 / -1; }
body.cp-hard #draft #dsbFill { width: 0 !important; }
body.cp-hard #draft .fp-filled .fpos-pname { color: #ffffff !important; opacity: 1 !important; }
body.cp-hard #draft .fp-filled .fpos-club { opacity: 1 !important; }

#playerSection .player-row[hidden] { display: none !important; }

.cp-daily-challenge { margin: 4px 0 12px; font: 800 19px/1.3 'Inter', sans-serif; color: #fff; text-wrap: balance; }
.cp-daily-challenge b { color: var(--gold); }
.cp-daily-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 18px; }
.cp-daily-facts > div { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 8px; border-radius: 12px; background: rgba(255, 255, 255, .05); border: 1px solid #2a2a44; }
.cp-daily-facts b { font: 900 16px/1.2 'Inter', sans-serif; color: var(--gold); }
.cp-daily-facts span { font: 700 11.5px/1.3 'Inter', sans-serif; color: #a9a9bd; }
.cp-daily-story { max-width: 34ch; margin-inline: auto !important; color: #c9c9da !important; font-size: 14.5px !important; line-height: 1.45; }

.cp-dh-task { margin: 0 0 16px; padding: 14px 12px 12px; border-radius: 14px; background: rgba(251, 146, 60, .07); border: 1px solid rgba(251, 146, 60, .4); }
.cp-dh-task .cp-daily-challenge { margin: 0 0 11px; }
.cp-dh-task .cp-daily-facts { margin: 0; }
.cp-dh-acts { display: grid; gap: 10px; margin-top: 4px; }
.cp-dh-acts .cp-btn { margin: 0; }
.cp-dh-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px; }
.cp-dh-row .cp-btn { min-height: 46px; padding: 0 10px; font-size: 13.5px; }


body[data-mode] { --mode: #f1c073; --mode-rgb: 241, 192, 115; }
body[data-mode="pack"] { --mode: #7c9cff; --mode-rgb: 59, 91, 219; }
body[data-mode="hard"] { --mode: #f87171; --mode-rgb: 220, 38, 38; }
body[data-mode="daily"] { --mode: #fb923c; --mode-rgb: 251, 146, 60; }
body[data-mode] .screen > .header { border-bottom-color: var(--mode) !important; background: linear-gradient(180deg, rgba(var(--mode-rgb), .16), rgba(var(--mode-rgb), 0) 90%), #0d0d18 !important; }
body[data-mode] .screen > .header .header-title h1 { color: var(--mode) !important; }
body[data-mode] .screen.active { background-image: radial-gradient(120% 380px at 50% 0, rgba(var(--mode-rgb), .10), transparent 70%); }
.cp-skin-strip { display: none; }
body[data-mode="pack"] .cp-skin-strip, body[data-mode="hard"] .cp-skin-strip { display: block; padding: 6px 12px; text-align: center; color: #fff;
  font: 900 11px/1.2 'Inter', sans-serif; letter-spacing: .8px; text-transform: uppercase; background: linear-gradient(90deg, #1e3a8a, #3b5bdb); }
body[data-mode="hard"] .cp-skin-strip { background: linear-gradient(90deg, #7f1d1d, #dc2626 50%, #7f1d1d); }
body[data-mode="hard"] #spinBtn { background: linear-gradient(135deg, #b91c1c, #ef4444) !important; color: #fff !important; box-shadow: 0 4px 20px rgba(220, 38, 38, .4) !important; }

body[data-mode="hard"] .cp-skin-strip { animation: cpHardStrip 2.6s ease-in-out infinite; }
@keyframes cpHardStrip { 50% { box-shadow: 0 0 16px rgba(239, 68, 68, .55); filter: brightness(1.15); } }
@media (prefers-reduced-motion: reduce) { body[data-mode="hard"] .cp-skin-strip { animation: none; } }

.cp-mode-card#modeClassicBtn:not(.is-on) { border-color: #4a3d22 !important; background: linear-gradient(135deg, rgba(241, 192, 115, .14), rgba(241, 192, 115, .02) 70%), #141420 !important; }
.cp-mode-card#modeClassicBtn:not(.is-on) .cp-mode-name { color: #f5d49a !important; }
.cp-mode-card#modeClassicBtn:not(.is-on) .cp-mode-chip { background: rgba(241, 192, 115, .12); color: #e8c68a; }


.pk-stage { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 18px 16px 22px; }
.pk-progress { display: grid; justify-items: center; gap: 8px; }
.pk-count { font: 900 12px/1 'Inter', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: #aabbff; }
.pk-dots { display: flex; gap: 6px; }
.pk-dots i { width: 18px; height: 5px; border-radius: 3px; background: #23233a; }
.pk-dots i.is-done { background: #3b5bdb; }
.pk-dots i.is-now { background: #aabbff; box-shadow: 0 0 10px rgba(136, 160, 255, .8); }
.pk { --f1: #2346b8; --f2: #0c1a5e; --f3: #2a1470; --ink: #cfd9ff; --edge: #8fa6ff; --glow: rgba(100, 130, 255, .5);
  width: min(62vw, 250px, calc((100dvh - 330px) * .71)); min-width: 170px; aspect-ratio: 5 / 7; position: relative; cursor: pointer;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation; filter: drop-shadow(0 18px 40px var(--glow)) drop-shadow(0 4px 10px rgba(0, 0, 0, .6)); }
.pk.is-final { --f1: #b07a1c; --f2: #5a3a08; --f3: #8a5a10; --ink: #fff1cf; --edge: #f1c073; --glow: rgba(241, 192, 115, .55); }
.pk-body { position: absolute; inset: 0; overflow: hidden; border-radius: 6px; container-type: inline-size;
  background: linear-gradient(160deg, var(--f1), var(--f2) 42%, var(--f3) 72%, var(--f1));
  
  -webkit-mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 12px 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 12px 51% repeat-x;
          mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 12px 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 12px 51% repeat-x;
  animation: cpPackFloat 3.2s ease-in-out infinite; }

.pk-body::before { content: ""; position: absolute; inset: 0;
  background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .06) 0 2px, transparent 2px 16px), radial-gradient(90% 60% at 50% 45%, transparent 40%, rgba(0, 0, 0, .45)); }

.pk-body::after { content: ""; position: absolute; inset: 22px 10px; border: 1.5px solid color-mix(in srgb, var(--edge) 55%, transparent); border-radius: 8px; pointer-events: none; }
.pk-foil { position: absolute; inset: 0; mix-blend-mode: overlay; opacity: .55;
  background: linear-gradient(125deg, #ff6ad5 0%, #c774e8 18%, #ad8cff 30%, #8795e8 42%, #94d0ff 55%, #7af0c8 68%, #fff38a 82%, #ff9a8a 100%);
  background-size: 300% 300%; animation: cpPackHolo 6s ease-in-out infinite alternate; }
.pk-shine { position: absolute; top: 0; bottom: 0; left: -70%; width: 50%; transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent); animation: cpPackShine 3.4s ease-in-out infinite; }

.pk-seal { position: absolute; left: 0; right: 0; height: 16px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, rgba(0, 0, 0, .18) 2px 5px), linear-gradient(var(--f2), var(--f2)); }
.pk-seal.is-top { top: 0; } .pk-seal.is-bottom { bottom: 0; }
.pk-tear { position: absolute; top: 26px; left: 14px; right: 14px; display: flex; align-items: center; gap: 6px;
  font: 800 7.5px/1 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 70%, transparent); }
.pk-tear::before, .pk-tear::after { content: ""; flex: 1; border-top: 1.5px dashed color-mix(in srgb, var(--ink) 45%, transparent); }
.pk-mid { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding-bottom: 8px; }
.pk-kicker { font: 900 9px/1 'Inter', sans-serif; letter-spacing: 2.4px; text-transform: uppercase; color: var(--ink); opacity: .85; }
.pk-logo { width: 74%; height: auto; filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .5)) drop-shadow(0 0 18px rgba(255, 255, 255, .18)); }
.pk-num { display: flex; align-items: baseline; gap: 8px; font-family: 'Inter', sans-serif; color: #fff; text-shadow: 0 2px 14px var(--glow); }
.pk-num span { font-size: 13cqi; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; opacity: .9; }
.pk-num b { font-size: 22cqi; font-weight: 900; font-style: italic; line-height: 1; color: var(--edge); }
.pk-foot { position: absolute; left: 0; right: 0; bottom: 26px; text-align: center;
  font: 900 8.5px/1 'Inter', sans-serif; letter-spacing: 2.5px; text-transform: uppercase; color: var(--ink); opacity: .9; }
.pk-open { min-width: 220px; padding: 16px 40px; border: none; border-radius: 14px; cursor: pointer; font: 900 18px/1 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase;
  color: #fff; background: linear-gradient(135deg, #3b5bdb, #6688ff); box-shadow: 0 6px 24px rgba(100, 130, 255, .4); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.pk.is-final ~ .pk-open { color: #111; background: linear-gradient(135deg, #c8952a, #f1c073); box-shadow: 0 6px 24px rgba(241, 192, 115, .45); }
@keyframes cpPackFloat { 0%, 100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(-6px) rotate(1.2deg); } }
@keyframes cpPackHolo { from { background-position: 0% 30%; } to { background-position: 100% 70%; } }
@keyframes cpPackShine { 0%, 55% { left: -70%; } 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) { .pk-body, .pk-foil, .pk-shine { animation: none; } }

#packStartBtn:disabled { background: #22223a !important; color: #8a8aa0 !important; cursor: default; }


.nrl-field-inner .fpos { transform: translate(-50%, -50%) !important; }
.nrl-field-inner .fpos-label { display: none !important; }
.nrl-field-inner .fpos-circle { position: relative; box-sizing: border-box; margin: 0 auto !important; padding: 3px 4px;
  border-radius: 10px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; overflow: hidden; }
.nrl-field-inner .fpos-circle:not(.fp-filled) { border: 2px dashed rgba(255, 255, 255, .32) !important; background: rgba(0, 0, 0, .25) !important; }
.nrl-field-inner .fpos-abbr { display: block; font-size: 15px !important; font-weight: 900 !important; line-height: 1.05; color: rgba(255, 255, 255, .85) !important; }
.nrl-field-inner .fpos-full { font-size: 9.5px; font-weight: 600; line-height: 1.1; color: rgba(255, 255, 255, .62); white-space: nowrap; }
.nrl-field-inner .fpos-code { position: absolute; top: 3px; left: 5px; font-size: 8px; font-weight: 900; line-height: 1; color: #fff; opacity: .7; }
.nrl-field-inner .fp-filled .fpos-pname { margin-top: 5px; line-height: 1.05 !important; white-space: nowrap; overflow: hidden; padding: 0 !important; }
.nrl-field-inner .fpos-meta { display: flex; align-items: center; justify-content: center; gap: 4px; }
.nrl-field-inner .fpos-meta .fpos-club { margin: 0 !important; padding: 2px 4px !important; border-radius: 4px; line-height: 1 !important; }
.nrl-field-inner .fpos-meta .fpos-prtg { margin: 0 !important; }

@media (min-width: 900px) and (min-height: 700px) {
  .nrl-field-inner .fpos-abbr { font-size: 18px !important; }
  .nrl-field-inner .fpos-full { font-size: 11px; }
  .nrl-field-inner .fpos-code { font-size: 9px; }
}


#squad-complete > .cp-daily-strip, #results > .cp-daily-strip,
#squad-complete > .cp-skin-strip, #results > .cp-skin-strip { align-self: stretch; margin: -16px -16px 0; }
body.cp-daily-on #squad-complete > .cp-daily-strip ~ .header, body.cp-daily-on #results > .cp-daily-strip ~ .header,
body[data-mode="pack"] #squad-complete > .cp-skin-strip ~ .header, body[data-mode="pack"] #results > .cp-skin-strip ~ .header,
body[data-mode="hard"] #squad-complete > .cp-skin-strip ~ .header, body[data-mode="hard"] #results > .cp-skin-strip ~ .header { margin-top: 0; }


.cp-go.is-skip { background: rgba(74, 222, 128, .08); border-color: rgba(74, 222, 128, .35); border-style: solid; }
.cp-go.is-skip .cp-go-main, .cp-go.is-skip .cp-go-sub { color: #86efac; }
.cp-daily-done.is-won { color: var(--gold); font-weight: 900; }
.cp-daily-card.is-won { border-color: var(--gold) !important; box-shadow: 0 0 0 4px rgba(241, 192, 115, .16), 0 10px 30px rgba(0, 0, 0, .35) !important; }
.cp-daily-card.is-won .cp-daily-meta b { color: var(--gold); }


.cp-dots .cp-dot { width: 15px; height: 15px; display: inline-grid; place-items: center; box-sizing: border-box; font: 900 9px/1 'Inter', sans-serif; font-style: normal; color: #0c0c14; }
.cp-dot.is-win { background: #4ade80; border-color: #4ade80; }
.cp-dot.is-miss { background: #f87171; border-color: #f87171; }
.cp-dot.is-skip { border-color: #3a3a52; border-style: dashed; }
.cp-daily-card.is-won { border-color: #4ade80 !important; box-shadow: 0 0 0 4px rgba(74, 222, 128, .14), 0 10px 30px rgba(0, 0, 0, .35) !important; }
.cp-daily-card.is-won .cp-daily-meta b { color: #4ade80; }
.cp-daily-card.is-failed { border-color: rgba(248, 113, 113, .7) !important; }
.cp-daily-card.is-failed .cp-daily-meta b { color: #f87171; }
.cp-btn.cp-daily-go.is-won { background: #4ade80 !important; border-color: #4ade80 !important; color: #052e14 !important; box-shadow: 0 0 18px rgba(74, 222, 128, .35); }
.cp-btn.cp-daily-go.is-failed { background: rgba(248, 113, 113, .12) !important; border-color: #f87171 !important; color: #fca5a5 !important; }


button.cp-nav-btn { cursor: pointer; font: 900 11px/1 'Inter', sans-serif; letter-spacing: .6px; }


.nrl-field-inner .fpos-circle.fp-filled.fp-tribute, body.cp-hard #draft .fpos-circle.fp-filled.fp-tribute {
  --cp-club: #02702A; --tier: #02702A; --tier2: #0b8a3a; --tier-ink: #fff;
  background: linear-gradient(160deg, #ffffff, #eef8f1) !important; border: 2.5px solid #02702A !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .3), 0 0 18px rgba(255, 255, 255, .55), 0 0 10px rgba(2, 112, 42, .45) !important;
}
.nrl-field-inner .fpos-circle.fp-filled.fp-tribute .fpos-pname, body.cp-hard #draft .fp-filled.fp-tribute .fpos-pname { color: #02702A !important; text-shadow: none !important; }
.nrl-field-inner .fpos-circle.fp-filled.fp-tribute .fpos-club { background: #02702A !important; color: #fff !important; }
.player-row.pr-tribute { --cp-club: #02702A; border-left-color: #02702A !important; }
.lineup-slot.ls-tribute { --cp-club: #02702A; }


#cpDaily, #cpDailyHow, .cp-daily-strip, .cp-daily-result, .cp-daily-toast { --gold: #fb923c; }
.cp-daily-card { background: radial-gradient(120% 90% at 0% 0%, rgba(251, 146, 60, .22), transparent 55%), linear-gradient(135deg, #1d1a33, #111020);
  box-shadow: 0 0 0 4px rgba(251, 146, 60, .1), 0 10px 30px rgba(0, 0, 0, .35); }
.cp-daily-card.is-done { border-color: rgba(251, 146, 60, .45); }
.cp-daily-ico { background: rgba(251, 146, 60, .12); border-color: rgba(251, 146, 60, .6); }
.cp-go.is-best { background: rgba(251, 146, 60, .16); }
.cp-daily-result { background: linear-gradient(135deg, rgba(251, 146, 60, .16), rgba(251, 146, 60, .04)); }
.cp-arch-link { border-color: rgba(251, 146, 60, .5); background: rgba(251, 146, 60, .08); }

.cp-daily-rank { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 6px; width: 100%; min-height: 46px; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(251, 146, 60, .55); background: rgba(251, 146, 60, .12); color: #fff; font: 700 14px/1.25 'Inter', sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.cp-daily-rank b { color: #fb923c; font-size: 17px; line-height: 1; }
.cp-daily-rank small { color: var(--muted); font-size: 12px; font-weight: 600; }
.cp-daily-rank-t { text-align: center; }
.cp-daily-rank small, .cp-daily-rank-a { white-space: nowrap; } 
.cp-daily-rank-go { color: #fb923c; font-size: 18px; line-height: 1; transition: transform .15s; }
.cp-daily-rank:focus-visible { outline: 2px solid #fb923c; outline-offset: 2px; }
@media (hover: hover) { .cp-daily-rank:hover { background: rgba(251, 146, 60, .2); border-color: #fb923c; } .cp-daily-rank:hover .cp-daily-rank-go { transform: translateX(3px); } }
#cpDaily .cp-btn-primary, #cpDailyHow .cp-btn-primary, .cp-daily-result .cp-btn-primary { box-shadow: 0 6px 22px rgba(251, 146, 60, .3); }


#faqList[hidden] { display: none !important; }
#faqTitle { margin-bottom: 0; }
.cp-faq-toggle { width: 100%; display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 14px; cursor: pointer; text-align: left;
  background: #111; border: 1px solid #1e1e2e; color: #fff; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.cp-faq-t { flex: 1 1 auto; min-width: 0; }
.cp-faq-toggle small { flex: 0 0 auto; font: 700 12px/1 'Inter', sans-serif; letter-spacing: 0; text-transform: none; color: var(--muted); }
.cp-faq-chev { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(241, 192, 115, .5); color: var(--gold); }
.cp-faq-chev::before { content: "+"; font: 400 20px/1 'Inter', sans-serif; }
.cp-faq.is-open .cp-faq-chev::before { content: ""; width: 11px; height: 2px; border-radius: 1px; background: currentColor; } 
.cp-faq.is-open #faqList { margin-top: 10px; }
@media (hover: hover) { .cp-faq-toggle:hover { border-color: rgba(241, 192, 115, .5); } }

@media (max-width: 430px) {
  .cp-faq-toggle { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 3px; }
  .cp-faq-t { font-size: 18px; }
  .cp-faq-toggle small { grid-row: 2; }
  .cp-faq-chev { grid-column: 2; grid-row: 1 / span 2; }
}




.cp-foot-sound { display: flex; justify-content: center; margin: 0 0 12px; }
.cp-sound.cp-sound-foot { width: auto; height: 36px; margin: 0; padding: 0 14px 0 12px; gap: 8px; border-radius: 999px; font: 800 12px/1 'Inter', sans-serif; letter-spacing: .4px; }


.cp-rib { margin: 0 0 20px; padding: 16px; border-radius: 14px; border: 1.5px solid rgba(251, 146, 60, .55); background: linear-gradient(160deg, rgba(251, 146, 60, .16), rgba(251, 146, 60, .03)); text-align: center; }
.cp-rib-k { color: #fdba74; font: 900 11px/1.3 Inter, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.cp-rib-t { margin-top: 4px; color: #fff; font: 900 20px/1.2 Inter, sans-serif; text-wrap: balance; }
.cp-rib p { margin: 6px auto 12px; max-width: 360px; color: #e5e7eb; font: 700 13.5px/1.45 Inter, sans-serif; }
.cp-rib-btn { width: 100%; padding: 14px 12px; border: 0; border-radius: 12px; background: #fb923c; color: #431407; font: 900 16px/1.2 Inter, sans-serif; letter-spacing: .3px; cursor: pointer;
  box-shadow: 0 4px 20px rgba(251, 146, 60, .35); -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.cp-rib-btn:active { transform: scale(.98); }
.cp-rib small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.4; }
@media (hover: hover) { .cp-rib-btn:hover { background: #fdba74; } }
@media (prefers-reduced-motion: reduce) { .cp-rib-btn { transition: none; } .cp-rib-btn:active { transform: none; } }

.game-row.rib-flip { box-shadow: 0 0 0 2px #fb923c, 0 0 18px rgba(251, 146, 60, .45); animation: ribFlip 1.2s ease-out 1; }
@keyframes ribFlip { 0% { transform: scale(1); } 25% { transform: scale(1.035); } 100% { transform: scale(1); } }
.rib-flip-tag { display: inline-block; margin-top: 2px; padding: 1px 7px; border-radius: 999px; background: #fb923c; color: #431407; font: 900 9px/1.5 Inter, sans-serif;
  letter-spacing: .4px; text-transform: uppercase; white-space: nowrap; vertical-align: 1px; }
body.cp-rib-replay #nextGameBtn, body.cp-rib-replay #autoPlayBtn, body.cp-rib-replay [onclick="skipAll()"] { visibility: hidden; pointer-events: none; }
.cp-rib-done { position: fixed; left: 50%; top: 42%; z-index: 8000; transform: translate(-50%, -50%); min-width: 240px; max-width: calc(100vw - 32px); box-sizing: border-box;
  padding: 16px 22px; border-radius: 16px; border: 2px solid #fb923c; background: linear-gradient(160deg, #3a1d07, #1c1209); color: #fff; text-align: center;
  font: 900 22px/1.25 Inter, sans-serif; box-shadow: 0 0 40px rgba(251, 146, 60, .45), 0 18px 40px rgba(0, 0, 0, .55); animation: ribDoneIn .45s cubic-bezier(.2, 1.3, .4, 1) both; }
.cp-rib-done small { display: block; margin-bottom: 4px; color: #fdba74; font: 900 11px/1.3 Inter, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
@keyframes ribDoneIn { from { opacity: 0; transform: translate(-50%, -40%) scale(.9); } to { opacity: 1; transform: translate(-50%, -50%); } }
@media (prefers-reduced-motion: reduce) { .game-row.rib-flip, .cp-rib-done { animation: none; } }


html { text-wrap-style: pretty; }

h1, h2, h3, h4, h5, p, li, dt, dd, small, label, button, figcaption, summary, td, th, div, b, strong, span, em { text-wrap-style: balance; }

#privacyModal p, #privacyModal li, .cp-daily-story { text-wrap-style: pretty; } 

.pst-wide td.pst-name { white-space: nowrap; }


.cp-daily-reward { display: flex; align-items: center; gap: 10px; margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; text-align: left;
  background: rgba(74, 222, 128, .08); border: 1px dashed rgba(74, 222, 128, .55); }
.cp-daily-reward > span:not(.cp-daily-reward-ico) { display: grid; gap: 2px; min-width: 0; flex: 1; }
.cp-daily-reward-ico { flex: none; font-size: 22px; line-height: 1; }
.cp-daily-reward b { color: #fff; font: 900 14px/1.25 'Inter', sans-serif; }
.cp-daily-reward small { color: #b8e8c8; font: 700 11.5px/1.35 'Inter', sans-serif; }
.cp-nw { white-space: nowrap; } 

button, .btn { touch-action: manipulation; }
.cp-daily-reward small.cp-daily-reward-streak { margin-top: 3px; color: #fdba74; } 
.cp-daily-reward.is-earned { margin: 10px 0 12px; border-style: solid; background: rgba(74, 222, 128, .12); flex-wrap: wrap; }
.cp-daily-reward .cp-daily-claim { flex: 1 1 100%; margin-top: 4px; }
.cp-daily-reward-chip { display: inline-block; margin-top: 5px; padding: 2px 8px; border-radius: 999px; background: rgba(74, 222, 128, .12); border: 1px solid rgba(74, 222, 128, .45);
  color: #b8e8c8; font: 800 11px/1.5 'Inter', sans-serif; white-space: nowrap; }
.cp-daily-reward-chip.is-won { color: #4ade80; }
.cp-daily-also { margin: -4px 0 14px; color: #8d8da5; font: 700 12px/1.4 'Inter', sans-serif; }



.cp-mode-picker .cp-mode-card.cp-mode-main { padding: 18px 18px 16px; column-gap: 14px; grid-template-columns: auto 1fr; grid-template-areas: "ico name" "ico line" "chips chips" "go go"; }
.cp-mode-main .cp-mode-ico { font-size: 38px; align-self: center; }
.cp-mode-card.cp-mode-main .cp-mode-name { font-size: 32px; }
.cp-mode-main .cp-mode-chips { margin-top: 12px; }
.cp-mode-main .cp-mode-go { justify-self: stretch; margin: 12px 0 0; padding: 13px 12px; border-radius: 12px; background: var(--gold); color: #111; font-size: 15px; letter-spacing: 1px; text-align: center; }
@media (hover: hover) { .cp-mode-main:hover .cp-mode-go { background: #f7d49a; } }

.cp-mode-more-kicker { margin: 10px 2px 0; font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--muted); text-align: left; }
.cp-mode-more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.cp-mode-mini { display: grid; justify-items: center; align-content: center; gap: 5px; min-height: 96px; padding: 12px 6px 10px; border-radius: 14px; border: 1px solid #2a2a44;
  background: #141420; color: #fff; font: inherit; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s ease, border-color .15s ease; }
.cp-mode-mini:active { transform: scale(.97); }
.cpm-ico { font-size: 24px; line-height: 1; }
.cpm-name { font-size: 18px; font-weight: 900; line-height: 1.1; white-space: nowrap; }

.cpm-tag { max-width: 100%; font-size: 11px; font-weight: 800; letter-spacing: .2px; line-height: 1.2; white-space: normal; text-wrap: balance; }
.cp-mode-mini.is-hard { border-color: #5a1a1a; background: linear-gradient(160deg, rgba(220, 38, 38, .2), rgba(220, 38, 38, .03) 75%), #141420; }
.cp-mode-mini.is-hard .cpm-name { color: #fca5a5; } .cp-mode-mini.is-hard .cpm-tag { color: #f87171; }
.cp-mode-mini.is-pack { border-color: #25346b; background: linear-gradient(160deg, rgba(59, 91, 219, .22), rgba(59, 91, 219, .03) 75%), #141420; }
.cp-mode-mini.is-pack .cpm-name { color: #a5b8ff; } .cp-mode-mini.is-pack .cpm-tag { color: #8da2f5; }
@media (hover: hover) { .cp-mode-mini.is-hard:hover { border-color: #f87171; } .cp-mode-mini.is-pack:hover { border-color: #6688ff; } }

.cp-btn-quiet { margin-top: 6px; background: transparent; color: #b8b8cc; border: 2px solid transparent; }
@media (hover: hover) { .cp-btn-quiet:hover { color: #fff; } }
.screen > .header .cp-new-tab { margin-left: auto; }
.cp-btn-ico { margin-right: 8px; }


@keyframes playShine { 0%, 62% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(260%) skewX(-18deg); } }
.cp-mode-card.cp-mode-main .cp-mode-go { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 12px; border-radius: 13px; border: 0; font-size: 16.5px; font-weight: 900; letter-spacing: 1.4px; color: #1a1206;
  background: linear-gradient(180deg, #ffe7b3 0%, #f5c878 45%, #e0a849 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -2px 0 rgba(120, 72, 10, .35), 0 8px 22px rgba(241, 192, 115, .35), 0 0 0 1px rgba(255, 226, 168, .5); }
.cp-mode-card.cp-mode-main .cp-mode-go i { font-style: normal; font-size: 13px; transition: transform .15s ease; }
.cp-mode-card.cp-mode-main .cp-mode-go::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: 0; width: 38%; pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)); animation: playShine 3.6s ease-in-out infinite; }
@media (hover: hover) { .cp-mode-card.cp-mode-main:hover .cp-mode-card.cp-mode-main .cp-mode-go { filter: brightness(1.06); } .cp-mode-card.cp-mode-main:hover .cp-mode-card.cp-mode-main .cp-mode-go i { transform: translateX(3px); } }
.cp-mode-card.cp-mode-main:active .cp-mode-card.cp-mode-main .cp-mode-go { transform: translateY(1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(120, 72, 10, .35), 0 4px 12px rgba(241, 192, 115, .3); }
@media (prefers-reduced-motion: reduce) { .cp-mode-card.cp-mode-main .cp-mode-go::after { animation: none; display: none; } }


@keyframes cpHolo { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }
@keyframes cpSheen { 0% { background-position: -160% 0; } 60%, 100% { background-position: 260% 0; } }
.pk-plat { position: relative; overflow: hidden; background: linear-gradient(135deg, #0a1a45, #1e3a8a); border: 2px solid #bfdbfe; box-shadow: 0 0 18px rgba(147, 197, 253, .35); }
.pk-plat::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .22) 50%, transparent 65%); background-size: 250% 100%; animation: cpSheen 3s ease-in-out infinite; }
.pk-plat.is-medal { border-color: #f1c073; box-shadow: 0 0 22px rgba(241, 192, 115, .45); }
.pk-plat-r { font-size: 26px; font-weight: 900; color: #eff6ff; min-width: 36px; text-align: center; line-height: 1; font-family: 'Inter', sans-serif; }
.pk-plat.is-medal .pk-plat-r { background: linear-gradient(115deg, #c7d2fe, #f0abfc, #99f6e4, #fde68a, #c7d2fe); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: cpHolo 4s linear infinite; }
.pk-plat-n { font-size: 13px; font-weight: 900; color: #fff; line-height: 1.2; }
.pk-plat-t { font-size: 10px; font-weight: 800; color: #93c5fd; margin-top: 2px; letter-spacing: .3px; text-transform: uppercase; }
.pk-plat.is-medal .pk-plat-t { color: #f1c073; }
.pk-plat-pos { display: inline-block; background: rgba(0, 0, 0, .45); color: #e5e7eb; font-size: 10px; font-weight: 900; padding: 3px 7px; border-radius: 5px; letter-spacing: .3px; }
.fpos-circle.fp-plat { border-color: #bfdbfe !important; background: linear-gradient(135deg, rgba(10, 26, 69, .95), rgba(30, 58, 138, .95)) !important; box-shadow: 0 0 18px rgba(147, 197, 253, .45) !important; }
.fpos-circle.fp-plat .fpos-pname, .fpos-circle.fp-plat .fpos-prtg { color: #fff !important; }
.fpos-circle.fp-medal { border-color: #f1c073 !important; box-shadow: 0 0 20px rgba(241, 192, 115, .55) !important; }

.fpos-circle.fp-imm { border-color: #f1c073 !important; background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%) !important; background-size: 200% 100% !important;
  box-shadow: 0 0 18px rgba(241, 192, 115, .55) !important; animation: cpImmShine 5s linear infinite; }
.fpos-circle.fp-imm .fpos-pname, .fpos-circle.fp-imm .fpos-prtg { color: #14161d !important; }
.fpos-circle.fp-imm .fpos-code { color: #3b4150 !important; }
.player-row.pr-imm { border: 2px solid #f1c073; background: linear-gradient(90deg, rgba(255, 255, 255, .16), rgba(241, 192, 115, .1) 40%, rgba(18, 18, 25, .9) 75%); box-shadow: 0 0 12px rgba(241, 192, 115, .3); }
.player-row.pr-imm .pr-name { color: #fff; text-shadow: 0 0 10px rgba(241, 192, 115, .6); }
.player-row.pr-imm .pr-club { color: #ffe2a8; }
.player-row.pr-imm .pr-pm { background: linear-gradient(135deg, #c9953a, #ffe2a8 50%, #c9953a); color: #1a1204; }
.pr-badge.rb-imm { background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); color: #14161d; box-shadow: inset 0 0 0 1.5px #f1c073; }
@media (prefers-reduced-motion: reduce) { .fpos-circle.fp-imm { animation: none; } }
.player-row.pr-plat { background: linear-gradient(135deg, #0a1a45, #1e3a8a); border: 2px solid #bfdbfe; box-shadow: 0 0 12px rgba(147, 197, 253, .3); }
.player-row.pr-plat .pr-name { color: #fff; }
.player-row.pr-plat .pr-club { color: #bfdbfe; }
.player-row.pr-medal { border-color: #f1c073; box-shadow: 0 0 14px rgba(241, 192, 115, .45); }
.pr-badge.rb-plat { background: #eff6ff; color: #0a1a45; }
.player-row.pr-medal .pr-badge.rb-plat { background: #0a1a45; color: #f1c073; box-shadow: inset 0 0 0 1.5px #f1c073; }
.pr-pm { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #bfdbfe; color: #0a1a45; font-size: 9.5px; font-weight: 900; letter-spacing: .4px; text-transform: uppercase; vertical-align: 2px; white-space: nowrap; }
.player-row.pr-medal .pr-pm { background: #f1c073; color: #1a1204; }
@media (prefers-reduced-motion: reduce) { .pk-plat::after, .pk-plat.is-medal .pk-plat-r { animation: none; } }


.pw { position: fixed; inset: 0; z-index: 9000; background: #000; overflow: hidden; display: flex; align-items: center; justify-content: center; animation: pwShake .5s ease .2s 2; }
@keyframes pwShake { 0%, 100% { transform: none; } 20% { transform: translate(-4px, 2px); } 40% { transform: translate(4px, -2px); } 60% { transform: translate(-3px, -1px); } 80% { transform: translate(3px, 1px); } }
.pw-beams { position: absolute; inset: -60%; opacity: 0; transition: opacity 1.2s ease; animation: pwSpin 16s linear infinite;
  background: conic-gradient(from 0deg, transparent 0 18deg, rgba(147, 197, 253, .24) 20deg 25deg, transparent 27deg 68deg, rgba(191, 219, 254, .16) 70deg 74deg, transparent 76deg 128deg, rgba(147, 197, 253, .24) 130deg 135deg, transparent 137deg 198deg, rgba(191, 219, 254, .16) 200deg 204deg, transparent 206deg 268deg, rgba(147, 197, 253, .24) 270deg 275deg, transparent 277deg 360deg); }
.pw.is-medal .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(241, 192, 115, .3) 20deg 25deg, transparent 27deg 68deg, rgba(240, 171, 252, .2) 70deg 74deg, transparent 76deg 128deg, rgba(241, 192, 115, .3) 130deg 135deg, transparent 137deg 198deg, rgba(153, 246, 228, .2) 200deg 204deg, transparent 206deg 268deg, rgba(241, 192, 115, .3) 270deg 275deg, transparent 277deg 360deg); }
.pw.s1 .pw-beams { opacity: 1; }
@keyframes pwSpin { to { transform: rotate(360deg); } }
.pw-flash { position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(circle at 50% 45%, rgba(219, 234, 254, .95), rgba(219, 234, 254, 0) 62%); }
.pw.is-medal .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(255, 241, 196, .95), rgba(255, 241, 196, 0) 62%); }
.pw.s2 .pw-flash { animation: pwFlash 1.1s ease-out forwards; }
.pw.s5 .pw-flash { animation: pwFlash2 .9s ease-out forwards; }
@keyframes pwFlash { 0% { opacity: 0; } 12% { opacity: 1; } 100% { opacity: 0; } }
@keyframes pwFlash2 { 0% { opacity: 0; } 15% { opacity: .8; } 100% { opacity: 0; } }
.pw-sparks { position: absolute; inset: 0; pointer-events: none; }
.pw-spark { position: absolute; border-radius: 50%; background: #bfdbfe; opacity: 0; box-shadow: 0 0 8px rgba(191, 219, 254, .8); animation: pwTwinkle 1.5s ease-in-out infinite; }
.pw.is-medal .pw-spark { background: #f1c073; box-shadow: 0 0 8px rgba(241, 192, 115, .8); }
.pw.is-medal .pw-spark:nth-child(4n) { background: #f0abfc; } .pw.is-medal .pw-spark:nth-child(4n+1) { background: #99f6e4; }
@keyframes pwTwinkle { 0%, 100% { opacity: 0; transform: scale(.4); } 50% { opacity: .95; transform: scale(1); } }
.pw-stage { position: relative; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 24px 16px; text-align: center; max-width: 100%; }
.pw-label { font: 900 clamp(26px, 8.5vw, 46px)/1.05 'Inter', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: #eff6ff; opacity: 0; transform: scale(2.6);
  text-shadow: 0 0 30px rgba(96, 165, 250, .9), 0 0 70px rgba(59, 130, 246, .5); }
.pw.is-medal .pw-label { color: #fff1c4; text-shadow: 0 0 30px rgba(241, 192, 115, .95), 0 0 70px rgba(241, 192, 115, .5); }
.pw.s2 .pw-label { animation: pwSlam .55s cubic-bezier(.2, 1.4, .4, 1) forwards; }
.pw.is-skip .pw-label { animation: none; opacity: 1; transform: none; }
@keyframes pwSlam { to { opacity: 1; transform: scale(1); } }
.pw-clues { display: flex; flex-direction: column; gap: 12px; align-items: center; min-height: 76px; }
.pw-clue { font: 900 21px/1.2 'Inter', sans-serif; color: #dbeafe; letter-spacing: 1px; opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s ease; }
.pw-clue span { display: inline-block; padding: 4px 10px; border-radius: 8px; font-size: 16px; margin-right: 8px; vertical-align: 1px; }
.pw.s3 .pw-pos, .pw.s4 .pw-club { opacity: 1; transform: none; }
.pw.s5 .pw-clues { display: none; }
.pw-card { display: none; position: relative; width: 220px; max-width: 80vw; padding: 20px 16px 18px; border-radius: 18px; overflow: hidden; color: #fff;
  background: linear-gradient(160deg, #1e3a8a, #0a1a45 75%); border: 2.5px solid #bfdbfe; box-shadow: 0 0 60px rgba(96, 165, 250, .55), 0 20px 50px rgba(0, 0, 0, .6); }
.pw.is-medal .pw-card { border-color: #f1c073; box-shadow: 0 0 70px rgba(241, 192, 115, .6), 0 20px 50px rgba(0, 0, 0, .6); }
.pw.s5 .pw-card { display: block; animation: pwFlip .85s cubic-bezier(.2, 1.1, .4, 1) both; }
@keyframes pwFlip { from { opacity: 0; transform: perspective(700px) rotateY(95deg) scale(.7); } to { opacity: 1; transform: none; } }
.pw-card::after { content: ''; position: absolute; top: -60%; left: -80%; width: 55%; height: 220%; transform: rotate(20deg); pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); animation: pwShine 2.4s ease-in-out .9s infinite; }
@keyframes pwShine { 0% { left: -80%; } 60%, 100% { left: 130%; } }
.pw-card-r { font: 900 66px/1 'Inter', sans-serif; color: #eff6ff; }
.pw.is-medal .pw-card-r { background: linear-gradient(115deg, #c7d2fe, #f0abfc, #99f6e4, #fde68a, #c7d2fe); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: cpHolo 4s linear infinite; }
.pw-card-p { font: 900 16px/1 'Inter', sans-serif; margin-top: 2px; letter-spacing: 1px; color: #bfdbfe; }
.pw-card-club { display: inline-block; margin: 12px 0 6px; padding: 4px 12px; border-radius: 8px; font: 900 13px/1.2 'Inter', sans-serif; letter-spacing: .5px; }
.pw-card-n { font: 900 22px/1.15 'Inter', sans-serif; text-wrap: balance; }
.pw-card-t { margin-top: 6px; font: 800 11px/1.2 'Inter', sans-serif; letter-spacing: .6px; text-transform: uppercase; color: #93c5fd; }
.pw.is-medal .pw-card-t { color: #f1c073; }
.pw-go { opacity: 0; pointer-events: none; transition: opacity .4s ease; border: 0; border-radius: 12px; padding: 14px 44px; font: 900 16px 'Inter', sans-serif; color: #0a1a45; cursor: pointer;
  background: linear-gradient(135deg, #bfdbfe, #eff6ff 50%, #bfdbfe); box-shadow: 0 0 24px rgba(147, 197, 253, .45); }
.pw.s6 .pw-go { opacity: 1; pointer-events: auto; }
.pw-skip { position: fixed; top: 16px; right: 16px; z-index: 9100; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .28); border-radius: 24px; color: #fff; font-size: 15px; font-weight: 800; padding: 11px 22px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .pw, .pw-beams, .pw-card, .pw-card::after, .pw-spark, .pw-card-r { animation: none !important; } .pw-label { animation: none !important; opacity: 1; transform: none; } }

.pw.is-imm .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(241, 192, 115, .28) 20deg 25deg, transparent 27deg 68deg, rgba(255, 255, 255, .2) 70deg 74deg, transparent 76deg 128deg, rgba(241, 192, 115, .28) 130deg 135deg, transparent 137deg 198deg, rgba(255, 255, 255, .2) 200deg 204deg, transparent 206deg 268deg, rgba(241, 192, 115, .28) 270deg 275deg, transparent 277deg 360deg); }
.pw.is-imm .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .95), rgba(236, 230, 216, 0) 62%); }
.pw.is-imm .pw-spark { background: #f1c073; box-shadow: 0 0 8px rgba(241, 192, 115, .8); }
.pw.is-imm .pw-spark:nth-child(3n) { background: #fff; box-shadow: 0 0 8px rgba(255, 255, 255, .8); }
.pw.is-imm .pw-label { color: #fff; text-shadow: 0 0 30px rgba(241, 192, 115, .95), 0 0 70px rgba(255, 255, 255, .35); }
.pw.is-imm .pw-clue { color: #ece6d8; }
.pw.is-imm .pw-card { background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .14), transparent 60%), linear-gradient(180deg, #23222c, #121219 75%); border-color: #f1c073; box-shadow: 0 0 70px rgba(241, 192, 115, .55), 0 20px 50px rgba(0, 0, 0, .6); }
.pw.is-imm .pw-card-r { background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: cpImmShine 4s linear infinite; }
.pw.is-imm .pw-card-p, .pw.is-imm .pw-card-t { color: #ffe2a8; }
.pw.is-imm .pw-card-n { text-shadow: 0 0 12px rgba(241, 192, 115, .6); }
.pw.is-imm .pw-go { color: #14161d; background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); box-shadow: 0 0 24px rgba(241, 192, 115, .45); }


body.cp-daily-on .cp-daily-strip { padding: 0; position: sticky; top: 0; z-index: 45; } 

body.cp-daily-on #squad-complete > .cp-daily-strip, body.cp-daily-on #results > .cp-daily-strip { top: -16px; }
.cp-daily-strip-btn { display: grid; gap: 3px; width: 100%; padding: 7px 12px 8px; border: 0; background: transparent; color: inherit; cursor: pointer;
  font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: center; }
.cp-ds-top { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.cp-ds-top i { font-style: normal; font-size: 13px; line-height: 1; opacity: .75; text-transform: none; } 
.cp-ds-task { font: 800 13px/1.3 'Inter', sans-serif; letter-spacing: 0; text-transform: none; text-wrap: balance; }
.cp-ds-task b { font-weight: 900; }


.pk-plat.pk-prem { border: 2px solid transparent; box-shadow: 0 0 18px rgba(246, 210, 122, .28);
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(0, 0, 0, .4)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #8a5a14, #f6d27a 30%, #fff1c1 48%, #d4a23c 66%, #8a5a14) border-box; }
.pk-plat.pk-prem.is-medal { box-shadow: 0 0 22px rgba(240, 171, 252, .5);
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(0, 0, 0, .4)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #c7d2fe, #f0abfc 30%, #99f6e4 55%, #fde68a 80%, #c7d2fe) border-box; }
.pk-plat.pk-prem .pk-plat-t { color: #ffd978; }
.pk-plat.pk-prem.is-medal .pk-plat-t { color: #f5d0fe; }
.player-row.pr-prem { border: 2px solid transparent; box-shadow: 0 0 12px rgba(246, 210, 122, .22);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(0, 0, 0, .42)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #8a5a14, #f6d27a 30%, #fff1c1 48%, #d4a23c 66%, #8a5a14) border-box; }
.player-row.pr-prem.pr-medal { box-shadow: 0 0 14px rgba(240, 171, 252, .45);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(0, 0, 0, .42)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #c7d2fe, #f0abfc 30%, #99f6e4 55%, #fde68a 80%, #c7d2fe) border-box; }
.player-row.pr-prem .pr-club { color: #ffd978; }
.player-row.pr-prem .pr-pm { background: linear-gradient(135deg, #d4a23c, #fff1c1 50%, #d4a23c); color: #1a1204; }
.player-row.pr-prem.pr-medal .pr-pm { background: linear-gradient(115deg, #c7d2fe, #f0abfc, #99f6e4, #fde68a); color: #1a1204; }
.player-row.pr-prem .pr-badge.rb-plat { background: #fff1c1; color: #1a1204; }
.player-row.pr-prem.pr-medal .pr-badge.rb-plat { background: #1a1204; color: #f5d0fe; box-shadow: inset 0 0 0 1.5px #f0abfc; }
.fpos-circle.fp-prem { border-color: #ffd978 !important; background: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(0, 0, 0, .42)), var(--pc, #1a1a2e) !important;
  box-shadow: 0 0 16px rgba(246, 210, 122, .45) !important; }
.fpos-circle.fp-prem.fp-medal { border-color: #f0abfc !important; box-shadow: 0 0 14px rgba(240, 171, 252, .6), 0 0 6px rgba(153, 246, 228, .5) !important; }

.pw.is-prem .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(246, 210, 122, .26) 20deg 25deg, transparent 27deg 68deg, rgba(255, 255, 255, .16) 70deg 74deg, transparent 76deg 128deg, rgba(246, 210, 122, .26) 130deg 135deg, transparent 137deg 198deg, rgba(255, 255, 255, .16) 200deg 204deg, transparent 206deg 268deg, rgba(246, 210, 122, .26) 270deg 275deg, transparent 277deg 360deg); }
.pw.is-prem:not(.is-medal) .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(248, 250, 252, .95), rgba(248, 250, 252, 0) 62%); }
.pw.is-prem:not(.is-medal) .pw-spark { background: #fff1c1; box-shadow: 0 0 8px rgba(248, 250, 252, .8); }
.pw.is-prem:not(.is-medal) .pw-label { color: #fff; text-shadow: 0 0 30px rgba(246, 210, 122, .9), 0 0 70px rgba(246, 210, 122, .4); }
.pw.is-prem .pw-clue { color: #ffd978; }
.pw.is-prem .pw-card { border: 2.5px solid transparent; box-shadow: 0 0 60px rgba(246, 210, 122, .45), 0 20px 50px rgba(0, 0, 0, .6);
  background: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(0, 0, 0, .45)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #8a5a14, #f6d27a 30%, #fff1c1 48%, #d4a23c 66%, #8a5a14) border-box; }
.pw.is-prem.is-medal .pw-card { box-shadow: 0 0 70px rgba(240, 171, 252, .55), 0 20px 50px rgba(0, 0, 0, .6);
  background: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(0, 0, 0, .45)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #c7d2fe, #f0abfc 30%, #99f6e4 55%, #fde68a 80%, #c7d2fe) border-box; }
.pw.is-prem .pw-card-p, .pw.is-prem:not(.is-medal) .pw-card-t { color: #ffd978; }
.pw.is-prem:not(.is-medal) .pw-go { background: linear-gradient(135deg, #d4a23c, #fff1c1 50%, #d4a23c); color: #1a1204; box-shadow: 0 0 24px rgba(246, 210, 122, .4); }

.tp.is-prem .tp-box { background: radial-gradient(120% 80% at 50% 0%, #3a2a0e, #0f0b04 72%); border-color: rgba(246, 210, 122, .55); box-shadow: 0 0 60px rgba(246, 210, 122, .15), 0 24px 60px rgba(0, 0, 0, .6); }
.tp.is-prem .tp-kick, .tp.is-prem .tp-foot { color: #ffd978; }
.tp.is-prem .tp-title { text-shadow: 0 0 24px rgba(246, 210, 122, .45); }
.tp.is-prem .tp-sub { color: #fff6dc; }
.tp.is-prem .tp-x { color: #ffd978; border-color: rgba(246, 210, 122, .35); }
.tp-card.is-prem { border: 1.5px solid transparent; box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 12px rgba(246, 210, 122, .28);
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(0, 0, 0, .42)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #8a5a14, #f6d27a 30%, #fff1c1 48%, #d4a23c 66%, #8a5a14) border-box; }
.tp-card.is-prem .tp-top b, .tp-card.is-prem .tp-t, .tp-card.is-prem .tp-spot { color: #ffd978; }
.tp-card.is-prem .tp-go { background: linear-gradient(135deg, #d4a23c, #fff1c1 50%, #d4a23c); color: #1a1204; }
.tp-card.is-prem.is-medal { box-shadow: 0 0 18px rgba(240, 171, 252, .55);
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(0, 0, 0, .42)) padding-box, linear-gradient(var(--pc, #1a1a2e), var(--pc, #1a1a2e)) padding-box,
    linear-gradient(135deg, #c7d2fe, #f0abfc 30%, #99f6e4 55%, #fde68a 80%, #c7d2fe) border-box; }
.tp-card.is-prem.is-medal .tp-top b, .tp-card.is-prem.is-medal .tp-t { color: #f5d0fe; }
.tp-card.is-prem.is-medal .tp-go { background: linear-gradient(115deg, #c7d2fe, #f0abfc, #99f6e4, #fde68a); color: #1a1204; }
.cpw.cpw-prem { --wc: #ffd978; --wc-rgb: 226, 232, 240; border-color: #ffd978; background: linear-gradient(160deg, #3a2a0e, #0f0b04 85%); }
.cpw.cpw-prem .cpw-label { text-wrap: balance; }
.cpw.cpw-prem .cpw-left { color: #ffd978; }
.cpw.cpw-prem.is-have .cpw-left { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #ffd978; color: #1a1204; }


.cp-res-acts { display: grid; gap: 10px; margin: 0 0 4px; }
.cp-res-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cp-res-acts .btn { width: 100%; min-height: 52px; padding: 12px 10px; border-radius: 12px; font-size: 15px; font-weight: 900; letter-spacing: .4px; white-space: nowrap; }
.cp-res-acts .cp-res-again { min-height: 56px; font-size: 17px; }
.cp-res-acts .cp-res-share { background: #16a34a; border: 2px solid #16a34a; color: #fff; box-shadow: none; }
.cp-res-acts .cp-res-mode { background: #14141f; border: 2px solid var(--gold); color: var(--gold); box-shadow: none; }
@media (hover: hover) { .cp-res-acts .cp-res-share:hover { background: #15803d; } .cp-res-acts .cp-res-mode:hover { background: rgba(241, 192, 115, .12); } }
@media (max-width: 380px) { .cp-res-acts .btn { font-size: 14px; letter-spacing: .2px; } }
.results-section.cp-folds { display: grid; gap: 8px; padding: 0; background: none; border: 0; }
.cp-fold { border: 1px solid #2a2a3a; border-radius: 12px; background: var(--card); overflow: hidden; }
.cp-fold > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 14px;
  font: 900 11px/1.2 'Inter', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); user-select: none; -webkit-tap-highlight-color: transparent; }
.cp-fold > summary::-webkit-details-marker { display: none; }
.cp-fold > summary::after { content: '\203A'; margin-left: auto; font-size: 22px; line-height: 1; color: #a2a2b8; transition: transform .15s ease; }
.cp-fold[open] > summary::after { transform: rotate(90deg); }
.cp-fold > summary:focus-visible { outline: 2px solid #fff; outline-offset: -2px; border-radius: 12px; }
.cp-fold-in { padding: 2px 14px 14px; }
@media (prefers-reduced-motion: reduce) { .cp-fold > summary::after { transition: none; } }


.screen > .header.has-account { gap: 14px; }
.screen > .header .header-logo.is-cast { height: 34px; width: auto; }
.screen > .header.has-account .ca-btn-head, .screen > .header.has-account .ca-nav-tab { flex-shrink: 0; }
@media (max-width: 600px) { .screen > .header.has-account .header-title { display: none; } }
@media (max-width: 480px) { .screen > .header.has-account { gap: 6px; } .screen > .header .header-logo.is-cast { height: 32px; } }

.cp-sound.cp-sound-foot.cp-mm-sound { display: flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: auto; min-height: 44px; margin: 10px auto 0; padding: 0 16px; border-radius: 999px; }
.cp-mm-sound .cp-sound-lbl { font: 800 13px 'Inter', sans-serif; }


.cp-mode-picker .cp-mode-card.cp-mode-main.is-wc { grid-template-areas: "strip strip" "ico name" "ico line" "chips chips" "go go"; padding-top: 20px; }
.cp-mode-card.is-wc { border-color: #075985 !important; background: linear-gradient(135deg, rgba(14, 165, 233, .2), rgba(14, 165, 233, .03) 70%), #141420 !important; }
.cp-mode-card.is-wc .cp-mode-name { color: #bae6fd !important; }
.cp-mode-card.is-wc .cp-mode-chip { background: rgba(14, 165, 233, .16); color: #bae6fd; }
.cp-mode-main.is-wc .cp-mode-go { background: linear-gradient(180deg, #0ea5e9, #0369a1); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 14px rgba(14, 165, 233, .3); } 
@media (hover: hover) { .cp-mode-card.is-wc:hover { border-color: #0ea5e9 !important; } .cp-mode-main.is-wc:hover .cp-mode-go { background: linear-gradient(180deg, #38bdf8, #0284c7); } }
.cp-mode-tag-wc { background: #0284c7; color: #fff; }
.cp-wc-strip { grid-area: strip; display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 4px; margin: 0 0 12px; }
.cp-wc-strip i, .wc-badge { display: inline-grid; place-items: center; height: 22px; border-radius: 5px; font: 900 9px/1 'Inter', sans-serif; font-style: normal; letter-spacing: .2px;
  color: var(--n2); background: linear-gradient(to bottom, var(--n1) 0 72%, var(--n3) 72% 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.wc-badge { min-width: 34px; padding: 0 4px; height: 20px; vertical-align: middle; }
.wc-badge.is-ko { --n1: #22223a; --n2: #bae6fd; --n3: #22223a; }
@media (max-width: 380px) { .cp-wc-strip i { height: 18px; font-size: 7.5px; letter-spacing: 0; } }
.cp-mode-more { grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); }
.cp-mode-mini.is-wc { border-color: #075985; background: linear-gradient(160deg, rgba(14, 165, 233, .22), rgba(14, 165, 233, .03) 75%), #141420; }
.cp-mode-mini.is-wc .cpm-name { color: #bae6fd; } .cp-mode-mini.is-wc .cpm-tag { color: #7dd3fc; }
@media (hover: hover) { .cp-mode-mini.is-wc:hover { border-color: #0ea5e9; } }

body.cp-wc #spinYearSlot, body.cp-wc .spin-slots > .spin-x { display: none !important; }

.wc-road { margin: 6px 0 10px; padding: 12px 12px 14px; border-radius: 14px; border: 1px solid #0c3a52; background: linear-gradient(135deg, #0b1a24, #101524); }
.wc-road-h, .wc-panel-h { font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: #7dd3fc; margin: 0 0 10px; }
.wc-panel-h small, .wc-sub-h small { margin-left: 6px; font-weight: 700; letter-spacing: .3px; text-transform: none; color: var(--muted); font-size: 11px; }
.wc-sub-h { font: 900 11px/1.2 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #bae6fd; margin: 14px 0 6px; }

.wc-chips { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
.wc-chip { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 6px 1px 5px; border-radius: 8px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(125, 211, 252, .12); }
.wc-chip .wc-badge { min-width: 0; width: 100%; max-width: 38px; padding: 0 1px; font-size: 8.5px; }
.wc-chip small { font: 800 9.5px/1.15 'Inter', sans-serif; color: var(--muted); text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wc-chip.is-now { border-color: #0ea5e9; background: rgba(14, 165, 233, .14); box-shadow: 0 0 12px rgba(14, 165, 233, .35); }
.wc-chip.is-w { border-color: rgba(74, 222, 128, .45); background: rgba(74, 222, 128, .08); } .wc-chip.is-w small { color: #4ade80; }
.wc-chip.is-l { border-color: rgba(248, 113, 113, .45); background: rgba(248, 113, 113, .07); } .wc-chip.is-l small { color: #f87171; }
.wc-chip.is-gone { opacity: .3; }
@media (max-width: 380px) { .wc-chips { gap: 3px; } .wc-chip small { font-size: 8.5px; } }

#wc-season .wc-day { display: block; padding: 10px 12px calc(96px + env(safe-area-inset-bottom, 0px)); max-width: 640px; width: 100%; margin: 0 auto; box-sizing: border-box; }

.wc-actbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: flex; justify-content: center; gap: 8px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(8, 12, 20, .94); border-top: 1px solid #0c4a6e;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 -8px 24px rgba(0, 0, 0, .35); }
.wc-actbar[hidden] { display: none !important; }
.wc-actbar .btn { flex: 1 1 0; max-width: 310px; min-height: 48px; margin: 0; padding: 12px 10px; font-size: 13px; letter-spacing: .4px; }
.wc-strip-h { display: flex; justify-content: space-between; align-items: baseline; margin: 2px 2px 8px; }
.wc-strip-h b { font: 900 12px/1 'Inter', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: #7dd3fc; }
.wc-strip-h span { font: 900 18px/1 'Inter', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.wc-match { margin: 12px 0 0; padding: 16px 14px; border-radius: 16px; border: 1px solid #0c4a6e; text-align: center;
  background: radial-gradient(120% 80% at 50% 0%, rgba(14, 165, 233, .22), transparent 60%), linear-gradient(180deg, #0b1e2e, #0a0f1a); box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.wc-match.is-ko { border-color: #0ea5e9; box-shadow: 0 0 0 1px rgba(14, 165, 233, .25), 0 0 28px rgba(14, 165, 233, .28); }
.wc-kick { font: 900 11px/1.3 'Inter', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: #7dd3fc; }
.wc-plates { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; margin: 14px 0 6px; }
.wc-plate { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.wc-plate b { font: 900 16px/1.15 'Inter', sans-serif; color: #fff; overflow-wrap: anywhere; text-wrap: balance; }
.wc-plate small { font: 700 11.5px/1 'Inter', sans-serif; color: var(--muted); }
.wc-badge.wc-badge-xl { min-width: 64px; height: 40px; border-radius: 9px; font-size: 15px; letter-spacing: .5px; }
.wc-v { font: italic 900 18px/1 'Inter', sans-serif; color: #7dd3fc; }
.wc-form { margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: #cbd5e1; text-wrap: balance; }
.wc-form b { color: #fff; }
.wc-stakes { margin: 10px auto 0; padding: 8px 12px; max-width: 420px; border-radius: 10px; font: 800 13.5px/1.4 'Inter', sans-serif; color: #e0f2fe; background: rgba(14, 165, 233, .12); border: 1px solid rgba(14, 165, 233, .35); text-wrap: balance; }
.wc-match-acts { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 14px 0 0; }
.wc-match-acts .btn { flex: 1 1 150px; margin: 0; padding: 12px 10px; font-size: 13px; letter-spacing: .4px; }

#wc-season .btn-outline, #wc-results .btn-outline, #squad-complete #wcRoad .btn-outline { border-color: #0ea5e9; color: #bae6fd; background: transparent; }
@media (hover: hover) { #wc-season .btn-outline:hover, #wc-results .btn-outline:hover { background: rgba(14, 165, 233, .12); } }
.wc-go:not(.btn-outline) { background: linear-gradient(135deg, #0369a1, #0ea5e9); color: #fff; box-shadow: 0 6px 20px rgba(14, 165, 233, .3); }
.wc-go.btn-outline { border-color: #0ea5e9; color: #bae6fd; }
.wc-match-acts .wc-go.is-small { flex: 0 1 auto; font-size: 11px; }

.wc-live { margin-top: 10px; }
.wc-board { position: relative; }
.wc-banner { position: absolute; inset: -2px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 12px;
  background: linear-gradient(135deg, #0369a1, #0ea5e9); box-shadow: 0 6px 22px rgba(14, 165, 233, .45); opacity: 0; transform: scale(.94); transition: opacity .25s ease, transform .25s ease; pointer-events: none; }
.wc-banner.is-on { opacity: 1; transform: none; }
.wc-banner b { font: italic 900 24px/1 'Inter', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; }
.wc-banner span { font: 900 18px/1 'Inter', sans-serif; color: #e0f2fe; font-variant-numeric: tabular-nums; }
.wc-live-top { display: inline-flex; align-items: center; gap: 6px; font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.2px; color: #f87171; }
.wc-live-top b { color: #fff; font-size: 13px; font-variant-numeric: tabular-nums; min-width: 2.6em; text-align: left; }
.wc-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4444; animation: wcPulse 1s ease-in-out infinite; }
@keyframes wcPulse { 50% { opacity: .3; } }
.wc-big-score { display: flex; justify-content: center; align-items: center; gap: 14px; margin: 8px 0 10px; font: 900 48px/1 'Inter', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.wc-big-score i, .wc-ft-score i { font-style: normal; color: #7dd3fc; font-size: 30px; }
.wc-feed { list-style: none; margin: 0 auto; padding: 0; max-width: 420px; display: flex; flex-direction: column; gap: 6px; text-align: left; height: 206px; overflow-y: auto; }
.wc-feed li { flex: none; }
.wc-feed li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06); }
.wc-feed li.is-me { border-color: rgba(74, 222, 128, .35); background: rgba(74, 222, 128, .08); }
.wc-feed li.is-new { animation: wcIn .4s ease-out; }
@keyframes wcIn { from { opacity: 0; transform: translateY(-6px) scale(.98); } }
.wc-min { flex: none; width: 2.4em; font: 900 13px/1 'Inter', sans-serif; color: #7dd3fc; font-variant-numeric: tabular-nums; }
.wc-fe { display: flex; flex-direction: column; min-width: 0; }
.wc-fe b { font-size: 13.5px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-fe small { font-size: 11px; color: var(--muted); }
.wc-live .wc-skip { margin: 0 auto; }

.wc-ft-word { margin: 10px 0 6px; font: 900 44px/1 'Inter', sans-serif; letter-spacing: 2px; }
.wc-ft.is-win .wc-ft-word { color: #4ade80; } .wc-ft.is-loss .wc-ft-word { color: #f87171; }
.wc-ft-score { display: flex; justify-content: center; align-items: center; gap: 12px; font: 900 44px/1 'Inter', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.wc-ft-names { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 6px 0 0; font: 800 12.5px/1.2 'Inter', sans-serif; color: #cbd5e1; }
.wc-tries { display: grid; gap: 3px; margin: 10px 0 0; font-size: 12.5px; color: #cbd5e1; text-wrap: balance; }
.wc-tries b { color: #fff; }
.wc-potm { display: flex; align-items: center; gap: 10px; margin: 12px auto 0; padding: 10px 12px; max-width: 360px; border-radius: 12px; text-align: left; border: 1px solid rgba(186, 230, 253, .45);
  background: linear-gradient(135deg, rgba(14, 165, 233, .22), rgba(255, 255, 255, .03)); }
.wc-potm-i { font-size: 28px; line-height: 1; }
.wc-potm > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.wc-potm small { font: 900 10px/1.2 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #7dd3fc; }
.wc-potm b { font-size: 16px; color: #fff; }
.wc-potm em { font-style: normal; font-size: 12px; color: var(--muted); }

.wc-draw-t { margin: 8px 0 0; font: 900 20px/1.2 'Inter', sans-serif; color: #fff; text-wrap: balance; }
.wc-flip { display: block; width: 220px; height: 150px; margin: 14px auto 6px; padding: 0; border: 0; background: none; perspective: 900px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.wc-flip-in { position: relative; display: block; width: 100%; height: 100%; transition: transform .7s cubic-bezier(.2, .7, .2, 1); transform-style: preserve-3d; }
.wc-flip.is-on .wc-flip-in { transform: rotateY(180deg); }
.wc-flip-f, .wc-flip-b { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border-radius: 16px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.wc-flip-f { font: 900 64px/1 'Inter', sans-serif; color: #bae6fd; border: 2px dashed #0ea5e9; background: repeating-linear-gradient(135deg, #0b2235 0 12px, #0a1a2a 12px 24px); animation: wcGlow 1.6s ease-in-out infinite; }
@keyframes wcGlow { 50% { box-shadow: 0 0 24px rgba(14, 165, 233, .55); } }
.wc-flip-b { transform: rotateY(180deg); border: 2px solid #0ea5e9; background: linear-gradient(180deg, #0b2a40, #0a1220); }
.wc-flip-b b { font: 900 18px/1.1 'Inter', sans-serif; color: #fff; }
.wc-flip-b small { font-size: 12px; color: var(--muted); }
.wc-tap { margin: 4px 0 0; font: 800 12px/1 'Inter', sans-serif; color: #7dd3fc; }

.wc-flip.is-rolling { cursor: default; }
.wc-flip.is-rolling .wc-flip-f { font-size: 0; gap: 6px; animation: none; border-style: solid; background: linear-gradient(180deg, #0b2a40, #0a1220); }
.wc-flip.is-rolling .wc-flip-f b { font: 900 18px/1.1 'Inter', sans-serif; color: #fff; }
.wc-flip.is-rolling .wc-flip-f small { font: 12px/1.2 'Inter', sans-serif; color: var(--muted); }
.wc-flip.is-landed .wc-flip-f { animation: wcLand .7s cubic-bezier(.2, .7, .2, 1); box-shadow: 0 0 0 2px #7dd3fc, 0 0 30px rgba(14, 165, 233, .55); }
@keyframes wcLand { 0% { transform: scale(.94); } 45% { transform: scale(1.07); } 100% { transform: scale(1); } }
.wc-ft-share { display: flex; justify-content: center; margin: 12px 0 0; }
.wc-ft-share .btn { flex: 0 0 auto; width: auto; min-height: 40px; margin: 0; padding: 9px 18px; font-size: 12px; letter-spacing: .4px; }

.wc-day-acts { display: flex; gap: 8px; margin: 10px 0 0; }
.wc-day-acts .btn { flex: 1; margin: 0; padding: 9px 8px; font-size: 11px; letter-spacing: .5px; }
.wc-day-acts .btn[hidden] { display: none !important; }
.wc-panel { margin: 12px 0 0; padding: 12px; border-radius: 12px; border: 1px solid #22223a; background: #12121e; }
.wc-table { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.wc-table th { text-align: center; font-size: 10px; letter-spacing: .6px; text-transform: uppercase; color: var(--muted); padding: 4px; }
.wc-table th:nth-child(2) { text-align: left; }
.wc-table td { padding: 6px 4px; border-top: 1px solid #1d1d30; color: #e6e6f0; text-align: center; }
.wc-table td.wc-tm { text-align: left; max-width: 0; width: 100%; }
.wc-tm-in { display: flex; align-items: center; gap: 6px; min-width: 0; }
.wc-tm-in > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-table tr.is-in td:first-child { color: #7dd3fc; font-weight: 900; }
.wc-table tr.is-me td { background: rgba(14, 165, 233, .12); font-weight: 800; }
.wc-table.has-cut tr.is-cut td { border-bottom: 2px dashed rgba(125, 211, 252, .55); }
.wc-also { margin-top: 8px; }
.wc-also-g { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; padding: 5px 0; font-size: 12.5px; color: #cbd5e1; }
.wc-also-g b { color: #fff; font-variant-numeric: tabular-nums; }

.wc-kp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wc-kp-sf { display: grid; gap: 6px; align-content: start; padding: 8px; border-radius: 10px; border: 1px solid #22223a; background: rgba(255, 255, 255, .03); min-width: 0; }
.wc-kp-h, .wc-kp-f { font: 900 10.5px/1.2 'Inter', sans-serif; letter-spacing: .8px; text-transform: uppercase; color: #bae6fd; }
.wc-kp-h small, .wc-kp-f small { display: block; margin-top: 2px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--muted); }
.wc-kp-q { display: grid; gap: 1px; padding: 6px 8px; border-radius: 8px; background: rgba(14, 165, 233, .07); font-size: 11.5px; line-height: 1.3; color: #e2e8f0; }
.wc-kp-q i { font-style: normal; font-size: 10px; font-weight: 800; color: #7dd3fc; }
.wc-kp-f { grid-column: 1 / -1; padding: 8px; border-radius: 10px; border: 1px solid #0369a1; text-align: center; background: rgba(14, 165, 233, .1); }
.wc-kp-note { margin: 8px 0 0; font-size: 11.5px; line-height: 1.4; color: var(--muted); text-wrap: balance; }

.wc-bracket { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: center; }
.wc-b-col { display: grid; gap: 8px; min-width: 0; }
.wc-b-h { font-size: 10px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; color: var(--muted); }
.wc-b-match { border: 1px solid #22223a; border-radius: 8px; overflow: hidden; }
.wc-b-match.is-path { border-color: #0ea5e9; box-shadow: 0 0 0 1px rgba(14, 165, 233, .35), 0 0 14px rgba(14, 165, 233, .25); }
.wc-b-match.is-final { border-color: #f1c073; box-shadow: 0 0 0 1px rgba(255, 241, 196, .35), 0 0 16px rgba(241, 192, 115, .35); } 
.wc-b-side { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; padding: 5px 6px; font-size: 12px; color: #b8b8cc; min-width: 0; }
.wc-b-side span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-b-side.is-win { color: #fff; font-weight: 800; }
.wc-b-side.is-me { background: rgba(14, 165, 233, .12); }
.wc-b-side .wc-badge { min-width: 30px; height: 18px; font-size: 8px; }
@media (max-width: 420px) { .wc-bracket { grid-template-columns: 1fr; } }

@media (min-width: 421px) {
  .wc-b-side { grid-template-columns: auto 1fr; padding: 6px 8px; }
  .wc-b-side > span:not(.wc-badge) { display: none; }
  .wc-b-side > b { justify-self: end; font-size: 14px; }
  .wc-b-side .wc-badge { min-width: 40px; height: 22px; font-size: 10px; }
}

.wc-hero { text-align: center; padding: 20px 14px; border-radius: 14px; border: 1px solid #22223a; background: radial-gradient(120% 140% at 50% 0, rgba(14, 165, 233, .18), transparent 60%), #10101c; }
.wc-hero.is-perfect, .wc-hero.is-champ { border-color: #0ea5e9; box-shadow: 0 0 26px rgba(14, 165, 233, .3); }
.wc-hero-k { font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: #7dd3fc; }
.wc-hero-rec { font: 900 64px/1 'Inter', sans-serif; letter-spacing: -2px; color: #fff; margin: 8px 0 4px; font-variant-numeric: tabular-nums; }
.wc-hero-t { font-size: 20px; font-weight: 900; color: #e0f2fe; text-wrap: balance; }
.wc-hero-s { font-size: 13px; color: var(--muted); margin-top: 4px; }
.wc-hero-c { margin-top: 10px; font-size: 13px; font-weight: 700; color: #d6d6e4; }
.wc-won-tr { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; border: 1px solid #0ea5e9; background: rgba(14, 165, 233, .12); font-size: 13px; color: #e0f2fe; text-align: center; text-wrap: balance; }
.wc-rr { display: grid; grid-template-columns: 2.2em auto minmax(0, 1fr) auto 1.4em; align-items: center; gap: 8px; padding: 7px 0; border-top: 1px solid #1d1d30; }
.wc-panel-h + .wc-rr { border-top: 0; }
.wc-rr-k { font: 900 11px/1 'Inter', sans-serif; color: #7dd3fc; }
.wc-rr-t { display: flex; flex-direction: column; min-width: 0; }
.wc-rr-t b { font-size: 13.5px; color: #fff; }
.wc-rr-t small { font-size: 11px; color: var(--muted); }
.wc-rr-s { font: 900 14px/1 'Inter', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.wc-rr-r { font: 900 12px/1 'Inter', sans-serif; text-align: center; }
.wc-rr.is-w .wc-rr-r { color: #4ade80; } .wc-rr.is-l .wc-rr-r { color: #f87171; }
.wc-acts { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 14px 0 6px; }
#wc-results .results-inner { padding: 12px 12px calc(28px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }

.wc-champs { position: fixed; inset: 0; z-index: 9000; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; overflow: hidden;
  padding: calc(env(safe-area-inset-top, 0px) + max(28px, 7vh)) 20px calc(env(safe-area-inset-bottom, 0px) + 14px); animation: wcFade .5s ease-out;
  background: radial-gradient(120% 70% at 50% 24%, #0b4f7d 0%, #04203a 48%, #01070e 100%); }
.wc-champs-fx { position: absolute; inset: 0; pointer-events: none; } 
.wc-champs-road { width: min(100%, 380px); margin: 0 auto; padding: 10px 8px; border-radius: 14px; background: rgba(2, 10, 20, .45); border: 1px solid rgba(125, 211, 252, .25); }
.wc-champs-bar { position: relative; width: 100%; max-width: 420px; margin-top: auto; }
.wc-champs-bar .wc-go { width: 100%; min-height: 50px; margin: 0; }
@keyframes wcFade { from { opacity: 0; } }
.wc-champs-fx i { position: absolute; top: -20px; width: 9px; height: 14px; border-radius: 2px; opacity: .9; animation: wcFall linear infinite; }
@keyframes wcFall { to { transform: translateY(110vh) rotate(var(--r, 360deg)); } }
.wc-champs-in { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; max-width: 420px; padding-bottom: 14px; text-align: center; }
.wc-champs-g { display: flex; flex-direction: column; align-items: center; }
.wc-champs-k { font: 900 12px/1.2 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #bae6fd; }

.wc-champs-cup { margin: 18px 0 10px; font-size: 128px; line-height: 1; filter: grayscale(1) brightness(1.3) contrast(1.05) drop-shadow(0 0 28px rgba(186, 230, 253, .75)); animation: wcCup 1s cubic-bezier(.2, 1.4, .3, 1) both; }
@keyframes wcCup { from { transform: scale(.3) translateY(40px); opacity: 0; } }
.wc-champs-t { font: italic 900 48px/1 'Inter', sans-serif; letter-spacing: -.5px; color: #fff; text-transform: uppercase; text-shadow: 0 0 30px rgba(125, 211, 252, .8); text-wrap: balance; }
.wc-champs-n { margin: 12px 0 4px; font: 900 20px/1.2 'Inter', sans-serif; color: #e0f2fe; }
.wc-champs-r { margin-bottom: 10px; font: 900 15px/1 'Inter', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: #7dd3fc; }
.wc-champs-ko { margin: 0; font-size: 13.5px; line-height: 1.4; color: #e0f2fe; text-wrap: balance; }

.wc-champs-boot { margin: 8px 0 0; font-size: 13.5px; line-height: 1.4; color: #bae6fd; text-wrap: balance; }
.wc-champs-boot b { color: #fff; }

.cp-wc-new { justify-self: center; margin: -2px 0 4px; padding: 9px 18px; border-radius: 999px; border: 1px solid #0369a1; background: rgba(14, 165, 233, .1); color: #bae6fd;
  font: 800 13px/1.2 'Inter', sans-serif; letter-spacing: .3px; cursor: pointer; }
@media (hover: hover) { .cp-wc-new:hover { border-color: #0ea5e9; color: #fff; } }
.cp-wc-new[hidden] { display: none !important; }

.wc-look { position: absolute; inset: 0; z-index: -1; border-radius: inherit; overflow: hidden; pointer-events: none; filter: brightness(.95); } 
.wc-look svg { display: block; width: 100%; height: 100%; }

body.cp-wc #draft .spin-zone { display: grid; grid-template-columns: minmax(0, 1fr) 112px; column-gap: 10px; align-items: stretch; }
body.cp-wc #draft .spin-zone > .spin-slots { grid-column: 1; grid-row: 1; margin: 0; }
body.cp-wc #draft .spin-zone > .spin-row-btns { grid-column: 2; grid-row: 1; flex-direction: column; }
body.cp-wc #draft .spin-zone > :not(.spin-slots):not(.spin-row-btns) { grid-column: 1 / -1; }
body.cp-wc #rerollBtn { display: none !important; } 
body.cp-wc #spinBtn { flex: 1 1 auto; min-height: 78px; padding: 8px 6px; white-space: normal; text-wrap: balance; line-height: 1.2; font-size: 15px; letter-spacing: .5px; }
body.cp-wc #spinClubSlot { position: relative; isolation: isolate; overflow: hidden; height: 78px; padding: 0 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.cp-wc #spinClubSlot .spin-slot-lbl { margin: 0 0 5px; padding: 3px 7px; border-radius: 6px; background: rgba(8, 10, 18, .62); color: #fff !important; font-size: 8.5px; letter-spacing: 1.8px; line-height: 1; }
body.cp-wc #spinClubSlot .spin-slot-val { height: auto !important; min-height: 0 !important; max-height: none !important; display: flex; flex-direction: column; align-items: center; max-width: 100%;
  padding: 6px 12px; border-radius: 10px; background: rgba(8, 10, 18, .74); color: #fff !important; font-size: 18px; line-height: 1; white-space: nowrap; }
body.cp-wc #spinClubSlot .spin-slot-val[data-nick]::after { content: attr(data-nick); min-height: 1em; margin-top: 4px; font: 800 8.5px/1 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: #bae6fd; }
body.cp-wc #spinClubSlot.is-empty .spin-slot-val { background: none; color: #a2a2b8 !important; font-size: 16px; }

body.cp-wc #spinClubSlot.has-look.cp-landed::after { content: ""; position: absolute; top: -10%; bottom: -10%; left: -40%; width: 30%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); transform: skewX(-18deg); animation: wcShine .9s ease-out .05s both; }
@keyframes wcShine { from { left: -40%; } to { left: 120%; } }

.fpos-circle.has-look { isolation: isolate; }
.nrl-field-inner .fpos-circle.fp-filled.has-look { background: var(--wc-field) !important; }
.nrl-field-inner .fpos-circle.fp-filled.has-look .fpos-pname { color: #fff !important; text-shadow: none; background: rgba(8, 10, 18, .74); padding: 1px 4px !important; border-radius: 5px; max-width: calc(100% - 2px) !important; }
.nrl-field-inner .fpos-circle.fp-filled.has-look .fpos-code { opacity: 1; background: rgba(8, 10, 18, .6); padding: 1px 3px; border-radius: 3px; }

.wc-badge.has-look { position: relative; isolation: isolate; overflow: hidden; }
.wc-badge.has-look .wc-code { padding: 2px 7px; border-radius: 6px; background: rgba(8, 10, 18, .62); color: #fff; font-size: 13px; letter-spacing: .5px; line-height: 1.2; }

.cp-wc-strip i.has-look { position: relative; isolation: isolate; overflow: hidden; color: #fff; }
.cp-wc-strip i.has-look span { text-shadow: 0 0 3px rgba(0, 0, 0, .95), 0 1px 2px rgba(0, 0, 0, .9); }
@media (prefers-reduced-motion: reduce) { body.cp-wc #spinClubSlot.has-look.cp-landed::after { animation: none; display: none; } }
@media (prefers-reduced-motion: reduce) { .wc-champs-fx { display: none; } .wc-champs-cup, .wc-flip-in, .wc-feed li.is-new, .wc-flip-f, .wc-live-dot { animation: none; transition: none; } }
.wc-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 9999; max-width: min(92vw, 420px); padding: 12px 16px; border-radius: 12px; background: #0b1a24; border: 1px solid #0369a1; color: #fff; font: 700 14px/1.4 'Inter', sans-serif; text-align: center; }

.cp-mode-card[hidden], .cp-mode-mini[hidden], #wcRoad[hidden], #wcStartBtn[hidden], #squad-complete .odds-card[hidden], #squad-complete .btn[hidden] { display: none !important; }
#wcStartBtn { background: linear-gradient(135deg, #0369a1, #0ea5e9); color: #fff; box-shadow: 0 6px 20px rgba(14, 165, 233, .3); }
#wc-results .wc-acts .btn:not(.btn-outline) { background: linear-gradient(135deg, #0369a1, #0ea5e9); color: #fff; box-shadow: 0 6px 20px rgba(14, 165, 233, .3); }

.game-row .game-score { width: auto; min-width: 0; padding: 0 2px; }
.game-row .game-opp-name { white-space: normal; text-overflow: clip; line-height: 1.12; text-wrap: balance; }
.game-scorers { white-space: normal; text-overflow: clip; overflow: visible; line-height: 1.35; }

.wc-pts { flex: none; margin-left: auto; font: 900 13px/1 'Inter', sans-serif; color: #fff; font-variant-numeric: tabular-nums; }
.wc-feed li.is-me .wc-pts { color: #4ade80; }
.wc-feed li.is-miss { opacity: .6; }
.wc-feed li.is-miss.is-me { border-color: rgba(255, 255, 255, .06); background: rgba(255, 255, 255, .04); }

.wc-badge.is-photo { display: inline-flex; justify-content: center; align-items: center; padding: 0; background: none; box-shadow: none; }
.wc-badge.is-photo img { display: block; flex: none; min-width: 0; height: 100%; width: auto; aspect-ratio: 1; object-fit: cover; border-radius: inherit; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); }


#finals-viewer.screen.active { overflow-y: auto; }
#finals-viewer .wc-day { display: block; padding: 10px 12px calc(96px + env(safe-area-inset-bottom, 0px)); max-width: 640px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.fl .wc-match { border-color: #2c2c44; background: radial-gradient(120% 80% at 50% 0%, rgba(241, 192, 115, .12), transparent 60%), linear-gradient(180deg, #15151f, #0c0c14); }
.fl .wc-match.is-ko { border-color: rgba(255, 255, 255, .55); box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 0 28px rgba(255, 255, 255, .12); }
.fl .wc-kick, .fl .wc-v, .fl .wc-big-score i, .fl .wc-ft-score i { color: #e5e7eb; }
.fl .wc-min { color: #f1c073; }
.fl .wc-stakes { color: #f3f4f6; background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .18); }
.fl .wc-banner { background: linear-gradient(135deg, #c9953a, #f1c073 55%, #ffe2a8); box-shadow: 0 6px 22px rgba(241, 192, 115, .4); }
.fl .wc-banner b, .fl .wc-banner span { color: #1a1204; }
.fl .wc-potm { border-color: rgba(255, 255, 255, .25); background: linear-gradient(135deg, rgba(241, 192, 115, .14), rgba(255, 255, 255, .03)); }
.fl .wc-potm small { color: #f1c073; }
.fl-bar { border-top-color: #2c2c44; }
.fl-skip { display: flex; justify-content: center; margin: 12px 0 0; }
.fl-skip .btn { min-height: 40px; padding: 8px 16px; font-size: 12px; letter-spacing: .4px; }
.fl .wc-strip-h b, .fl .wc-sub-h, .fl .wc-panel-h { color: #ffe2a8; }
.fl-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fl .wc-chip:not(.is-w):not(.is-l) { border-color: rgba(241, 192, 115, .14); } 
.fl .wc-chip .wc-badge { max-width: 46px; }
.fl .wc-chip.is-now { border-color: #f1c073; background: rgba(241, 192, 115, .14); box-shadow: 0 0 12px rgba(241, 192, 115, .35); }
.fl .wc-chip.is-bye { opacity: .6; }
.fl-season { margin: 6px 2px 10px; font: 700 11.5px/1.3 'Inter', sans-serif; color: var(--muted); text-align: center; }
.fl-panel .wc-also-g.is-me { border-radius: 8px; background: rgba(241, 192, 115, .08); color: #fff; }
.fl-left { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 6px; margin-top: 6px; }
.fl-left-t { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 64px; max-width: 120px; }

.fl-left-t small { max-width: 100%; font: 700 10px/1.2 'Inter', sans-serif; color: var(--muted); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fl-left-t.is-me small { color: #ffe2a8; }

.cp-daily-reward.is-missed { background: rgba(248, 113, 113, .08); border: 1px solid rgba(248, 113, 113, .6); }
.cp-daily-reward.is-missed b { color: #f87171; }
.cp-daily-reward.is-missed small:not(.cp-daily-reward-streak) { color: #fecaca; }
.cp-daily-reward-chip.is-missed { color: #fca5a5; background: rgba(248, 113, 113, .12); border-color: rgba(248, 113, 113, .55); }


.wc-13 { display: grid; gap: 6px; }
.wc-13-row { display: grid; grid-template-columns: 30px auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, .04); }
.wc-13-row.is-il { background: linear-gradient(90deg, rgba(241, 192, 115, .14), rgba(255, 255, 255, .03)); box-shadow: inset 0 0 0 1px rgba(241, 192, 115, .35); }
.wc-13-pos { font: 800 11px/1 Inter, sans-serif; color: var(--muted); letter-spacing: .4px; }
.wc-13-n { min-width: 0; font: 800 14.5px/1.2 Inter, sans-serif; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-13-n em { display: block; font: 900 9.5px/1.3 Inter, sans-serif; font-style: normal; letter-spacing: .8px; text-transform: uppercase; color: #f1c073; }
.wc-13-r { min-width: 34px; padding: 4px 6px; border-radius: 8px; text-align: center; font: 900 14px/1 Inter, sans-serif; color: #0b0c10; background: var(--rc); }


.player-row.pr-tw { position: relative; border: 2px solid #38bdf8; background: linear-gradient(135deg, #0c2747, #081322 70%); box-shadow: 0 0 16px rgba(56, 189, 248, .35); }
.player-row.pr-tw .pr-name { color: #fff; }
.player-row.pr-tw .pr-club { color: #a5dcf7; }
.player-row.pr-tw .pr-pm { background: #38bdf8; color: #04121f; }
.pr-badge.rb-tw { position: relative; overflow: visible; background: #081322; color: #fff; box-shadow: inset 0 0 0 2px #38bdf8; text-shadow: 0 0 10px rgba(56, 189, 248, .8); }
.pr-badge .rb-twb { position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); padding: 2px 5px; border-radius: 999px; background: #38bdf8; color: #04121f; font-size: 9px; font-weight: 900; line-height: 1; white-space: nowrap; text-shadow: none; }
.fpos-circle.fp-tw { --tier: #38bdf8; --tier2: #0ea5e9; --tier-ink: #04121f; border: 2.5px solid #38bdf8 !important; background: radial-gradient(120% 90% at 50% 0%, #1b5f96, #0c2747 55%, #081322) !important; box-shadow: 0 0 0 1px rgba(224, 242, 254, .5), 0 0 18px rgba(56, 189, 248, .7) !important; }
.fpos-circle.fp-filled.fp-tw .fpos-pname { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .8); }
.fpos-circle.fp-tw .fpos-pname, .fpos-circle.fp-tw .fpos-prtg { color: #fff !important; }


.player-row.pr-wch { position: relative; overflow: hidden; border: 2px solid transparent;
  background: linear-gradient(135deg, #0f3d6e, #071a33 70%) padding-box, linear-gradient(120deg, #0369a1, #7dd3fc 30%, #f0f9ff 45%, #38bdf8 60%, #0369a1) border-box; box-shadow: 0 0 18px rgba(56, 189, 248, .45); }
.player-row.pr-wch::after { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .14) 50%, transparent 62%); pointer-events: none; }
.player-row.pr-wch.pr-wch-medal { background: linear-gradient(135deg, #0f3d6e, #071a33 70%) padding-box, linear-gradient(120deg, #7dd3fc, #ffffff 30%, #bae6fd 55%, #ffffff 75%, #7dd3fc) border-box; }
.player-row.pr-wch .pr-name { color: #fff; }
.player-row.pr-wch .pr-club { color: #bae6fd; }
.player-row.pr-wch .pr-pm { background: linear-gradient(135deg, #7dd3fc, #f0f9ff 50%, #7dd3fc); color: #04121f; }
.pr-badge.rb-wch { color: #04121f; text-shadow: none; background: linear-gradient(135deg, #7dd3fc, #f0f9ff 45%, #38bdf8 70%, #e0f2fe); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6), 0 0 12px rgba(56, 189, 248, .6); }
.fpos-circle.fp-wch { --tier: #7dd3fc; --tier2: #38bdf8; --tier-ink: #04121f; border: 2.5px solid transparent !important;
  background: radial-gradient(120% 90% at 50% 0%, #1f6aa8, #0f3d6e 55%, #071d38) padding-box, linear-gradient(135deg, #0c4a6e, #38bdf8 25%, #f0f9ff 45%, #7dd3fc 60%, #0369a1 85%) border-box !important;
  box-shadow: 0 0 0 1px rgba(224, 242, 254, .35), 0 0 20px rgba(56, 189, 248, .75) !important; overflow: hidden; }
.fpos-circle.fp-wch::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .2) 50%, transparent 62%); pointer-events: none; }
.fpos-circle.fp-wch.fp-wch-medal { background: radial-gradient(120% 90% at 50% 0%, #1f6aa8, #0f3d6e 55%, #071d38) padding-box, linear-gradient(135deg, #7dd3fc, #ffffff 30%, #bae6fd 55%, #ffffff 75%, #7dd3fc) border-box !important; }
.fpos-circle.fp-filled.fp-wch .fpos-pname { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .8); }
.fpos-circle.fp-filled.fp-wch .fpos-prtg { color: #04121f !important; background: linear-gradient(135deg, #7dd3fc, #f0f9ff 45%, #38bdf8 70%, #e0f2fe) !important; }
.fp-wch-mk { margin-left: 1px; font-size: .85em; }
.tp.is-wch .tp-box { background: radial-gradient(120% 80% at 50% 0%, #0f3d6e, #071224 72%); border-color: rgba(125, 211, 252, .7); box-shadow: 0 0 60px rgba(56, 189, 248, .22), 0 24px 60px rgba(0, 0, 0, .6); }
.tp.is-wch .tp-kick, .tp.is-wch .tp-foot { color: #bae6fd; }
.tp.is-wch .tp-title { text-shadow: 0 0 24px rgba(56, 189, 248, .5); }
.tp.is-wch .tp-sub { color: #e0f2fe; }
.tp.is-wch .tp-x { color: #bae6fd; border-color: rgba(125, 211, 252, .4); }
.tp-card.is-wch { border: 2px solid transparent; background: linear-gradient(160deg, #1f6aa8, #0f3d6e 40%, #071d38) padding-box, linear-gradient(135deg, #0c4a6e, #38bdf8 25%, #f0f9ff 45%, #7dd3fc 60%, #0369a1 85%) border-box;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 0 16px rgba(56, 189, 248, .5); }
.tp-card.is-wch.is-wch-medal { background: linear-gradient(160deg, #1f6aa8, #0f3d6e 40%, #071d38) padding-box, linear-gradient(135deg, #7dd3fc, #ffffff 30%, #bae6fd 55%, #ffffff 75%, #7dd3fc) border-box; }
.tp-card.is-wch .tp-top b, .tp-card.is-wch .tp-t { color: #bae6fd; }
.tp-card.is-wch .tp-r { padding: 2px 10px; border-radius: 9px; color: #04121f; background: linear-gradient(135deg, #7dd3fc, #f0f9ff 45%, #38bdf8 70%, #e0f2fe); }
.tp-card.is-wch .tp-spot { color: #e0f2fe; }
.tp-card.is-wch .tp-go { color: #04121f; background: linear-gradient(135deg, #7dd3fc, #f0f9ff 50%, #7dd3fc); }
.cpw.cpw-wch { --wc: #e0f2fe; --wc-rgb: 56, 189, 248; border: 1.5px solid transparent; background: linear-gradient(160deg, #0f3d6e, #071224 85%) padding-box, linear-gradient(120deg, #0369a1, #7dd3fc 30%, #f0f9ff 45%, #38bdf8 60%, #0369a1) border-box; }
.cpw.cpw-wch .cpw-label { text-wrap: balance; }
.cpw.cpw-wch .cpw-left { color: #e0f2fe; }
.pw.is-wch .pw-beams { background: conic-gradient(from 0deg, transparent 0 18deg, rgba(56, 189, 248, .3) 20deg 25deg, transparent 27deg 68deg, rgba(240, 249, 255, .2) 70deg 74deg, transparent 76deg 128deg, rgba(56, 189, 248, .3) 130deg 135deg, transparent 137deg 198deg, rgba(240, 249, 255, .2) 200deg 204deg, transparent 206deg 268deg, rgba(56, 189, 248, .3) 270deg 275deg, transparent 277deg 360deg); }
.pw.is-wch .pw-flash { background: radial-gradient(circle at 50% 45%, rgba(240, 249, 255, .95), rgba(240, 249, 255, 0) 62%); }
.pw.is-wch .pw-spark { background: #e0f2fe; box-shadow: 0 0 8px rgba(125, 211, 252, .9); }
.pw.is-wch .pw-label { color: #f0f9ff; text-shadow: 0 0 30px rgba(56, 189, 248, .95), 0 0 70px rgba(3, 105, 161, .6); }
.pw.is-wch .pw-clue { color: #bae6fd; }
.pw.is-wch .pw-card { border: 3px solid transparent !important; background: linear-gradient(160deg, #1f6aa8, #0f3d6e 40%, #071d38) padding-box, linear-gradient(135deg, #0c4a6e, #38bdf8 25%, #f0f9ff 45%, #7dd3fc 60%, #0369a1 85%) border-box !important;
  box-shadow: 0 0 60px rgba(56, 189, 248, .5), 0 20px 50px rgba(0, 0, 0, .6) !important; }
.pw.is-wch.is-wch-medal .pw-card { background: linear-gradient(160deg, #1f6aa8, #0f3d6e 40%, #071d38) padding-box, linear-gradient(135deg, #7dd3fc, #ffffff 30%, #bae6fd 55%, #ffffff 75%, #7dd3fc) border-box !important; }
.pw.is-wch .pw-card-r { display: inline-block; padding: 0 14px; border-radius: 12px; color: #04121f; text-shadow: none; background: linear-gradient(135deg, #7dd3fc, #f0f9ff 45%, #38bdf8 70%, #e0f2fe); }


.wc-share-pick { position: fixed; inset: 0; z-index: 10070; display: flex; align-items: flex-end; justify-content: center; background: rgba(2, 6, 12, .78); }
.wc-sp-box { width: 100%; max-width: 420px; display: grid; gap: 10px; padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px)); border-radius: 20px 20px 0 0; background: #0b1a2b; border-top: 1px solid rgba(125, 211, 252, .3); color: #fff; font-family: Inter, sans-serif; }
.wc-sp-box b { text-align: center; font: 900 18px/1.2 Inter, sans-serif; margin-bottom: 4px; }
.wc-sp-box button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; border-radius: 999px; border: 1.5px solid rgba(125, 211, 252, .5); background: rgba(125, 211, 252, .12); color: #fff; font: 900 16px/1 Inter, sans-serif; cursor: pointer; }
.wc-sp-box button small { color: #7dd3fc; font-weight: 800; }
.wc-sp-box .wc-sp-x { background: none; border-color: transparent; color: #a2a2b8; }
@media (min-width: 900px) { .wc-share-pick { align-items: center; } .wc-sp-box { border-radius: 20px; border: 1px solid rgba(125, 211, 252, .3); } }


.cpw-bar { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.cpw-bar .cpw { --wc: #ffffff; --wc-rgb: 255, 255, 255; min-height: 52px; padding: 8px 6px; border-radius: 10px; border-width: 1.5px; color: #fff; }
.cpw-bar .cpw .cpw-label { display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; font-size: 12px; font-weight: 900; line-height: 1.15; text-align: center; }
.cpw-bar .cpw .cpw-left { font-size: 10px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #a99be0; }
.cpw-bar .cpw-ico { display: inline-block; font-size: 13px; }
.cpw-bar.is-stack .cpw .cpw-label { flex-direction: column; gap: 3px; flex-wrap: nowrap; }
.cpw-bar.is-stack .cpw.is-wide .cpw-label { flex-direction: row; gap: 6px; }
.cpw-bar.is-stack .cpw-ico { font-size: 17px; line-height: 1; }
@media (max-width: 899px) {
  .cpw-bar { gap: 6px; }
  .cpw-bar .cpw { min-height: 40px; padding: 5px 4px; }
  .cpw-bar .cpw .cpw-label { font-size: 11.5px; line-height: 1.2; }
}
.cpw-bar .cpw.cpw-reroll { --wc: #2dd4bf; --wc-rgb: 45, 212, 191; border-color: #14b8a6; background: linear-gradient(160deg, rgba(20, 184, 166, .22), rgba(20, 184, 166, .06)); }
.cpw-bar .cpw.cpw-reroll .cpw-left { color: #5eead4; }
.cpw-bar .cpw.cpw-reveal { --wc: #facc15; --wc-rgb: 250, 204, 21; border-color: #facc15; background: linear-gradient(160deg, rgba(250, 204, 21, .2), rgba(250, 204, 21, .05)); }
.cpw-bar .cpw.cpw-reveal .cpw-left { color: #fde047; }
.cpw-bar .cpw.cpw-remove { --wc: #f472b6; --wc-rgb: 244, 114, 182; border-color: #ec4899; background: linear-gradient(160deg, rgba(236, 72, 153, .22), rgba(236, 72, 153, .06)); }
.cpw-bar .cpw.cpw-remove .cpw-left { color: #f9a8d4; }
.cpw-bar .cpw.cpw-sub { --wc: #60a5fa; --wc-rgb: 96, 165, 250; border-color: #3b82f6; background: linear-gradient(160deg, rgba(59, 130, 246, .22), rgba(59, 130, 246, .05)); }
.cpw-bar .cpw.cpw-sub .cpw-left { color: #93c5fd; }
.cpw-bar .cpw.cpw-key { --wc: #a78bfa; --wc-rgb: 167, 139, 250; border-color: #a78bfa; background: linear-gradient(160deg, rgba(167, 139, 250, .22), rgba(167, 139, 250, .05)); }
.cpw-bar .cpw.cpw-key .cpw-left { color: #c4b5fd; }
.cpw-bar .cpw.cpw-key:not([class*="is-"]) { box-shadow: 0 0 10px rgba(167, 139, 250, .28), inset 0 0 0 1px rgba(167, 139, 250, .45); }
.cpw-bar .cpw.cpw-imm { --wc: #f1c073; --wc-rgb: 241, 192, 115; border-color: #f1c073; background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(160deg, #2b2a33, #121219 85%); }
.cpw-bar .cpw.cpw-ileg { --wc: #f1c073; --wc-rgb: 241, 192, 115; border-color: #f1c073; background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .1), transparent 60%), linear-gradient(160deg, #1d1b26, #0b0a11 85%); }
.cpw-bar .cpw.cpw-imm .cpw-left, .cpw-bar .cpw.cpw-ileg .cpw-left { color: #ffe2a8; font-weight: 900; }
.cpw-bar .cpw.cpw-imm.is-have .cpw-left { display: inline-block; align-self: center; padding: 2px 8px; border-radius: 999px; color: #14161d;
  background: linear-gradient(135deg, #8e97a6 0%, #dfe4ec 26%, #ffffff 50%, #dfe4ec 74%, #8e97a6 100%); background-size: 200% 100%; }

@media (hover: hover) {
  .cpw-bar .cpw:hover:not(:disabled) { border-color: rgba(255, 255, 255, .55); }
  .cpw-bar .cpw.cpw-reroll:hover:not(:disabled) { border-color: #5eead4; }
  .cpw-bar .cpw.cpw-reveal:hover:not(:disabled) { border-color: #fde047; }
  .cpw-bar .cpw.cpw-remove:hover:not(:disabled) { border-color: #f9a8d4; }
  .cpw-bar .cpw.cpw-sub:hover:not(:disabled) { border-color: #93c5fd; }
  .cpw-bar .cpw.cpw-key:hover:not(:disabled) { border-color: #c4b5fd; }
  .cpw-bar .cpw.cpw-imm:hover:not(:disabled), .cpw-bar .cpw.cpw-ileg:hover:not(:disabled) { border-color: #fff1c4; }
}

.cpw-bar .cpw.is-armed, .cpw-bar .cpw.cpw-remove.is-armed { border-color: #f87171; background: #2a1116; opacity: 1; }
.cpw-bar .cpw.cpw-sub.is-armed { border-color: #93c5fd; background: linear-gradient(160deg, rgba(59, 130, 246, .22), rgba(59, 130, 246, .05)); box-shadow: 0 0 14px rgba(59, 130, 246, .45); }
.cpw-bar .cpw.cpw-key.is-armed { border-color: #c4b5fd; background: linear-gradient(160deg, rgba(167, 139, 250, .22), rgba(167, 139, 250, .05)); box-shadow: 0 0 14px rgba(167, 139, 250, .45); }

.cpw-bar .cpw:disabled, .cpw-bar .cpw.is-wait { opacity: .4; }
.cpw-bar .cpw.is-spent { opacity: .3; }
.cpw-bar .cpw.cpw-key.is-spent { opacity: .8; }

.cpw-bar .cpw.is-pass .cpw-left { display: inline-block; padding: 2px 7px; border-radius: 999px; color: #f1c073; box-shadow: inset 0 0 0 1px rgba(241, 192, 115, .6); background: rgba(241, 192, 115, .14); font-size: 9.5px; letter-spacing: .6px; }

.cpw-burst-reveal .cp-burst-ring { border-color: #facc15; }
.cpw-burst-reveal::before { background: radial-gradient(circle at 50% 50%, rgba(250, 204, 21, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); }
.cpw-burst-sub .cp-burst-ring { border-color: #60a5fa; }
.cpw-burst-sub::before { background: radial-gradient(circle at 50% 50%, rgba(96, 165, 250, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); }
.cpw-burst-key .cp-burst-ring { border-color: #a78bfa; }
.cpw-burst-key::before { background: radial-gradient(circle at 50% 50%, rgba(167, 139, 250, .28), rgba(7, 7, 11, .35) 55%, transparent 80%); }


.cp-cs-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 0 10px; padding: 8px 14px; box-sizing: border-box; border-radius: 12px;
  border: 1px solid rgba(241, 192, 115, .55); background: rgba(241, 192, 115, .08); color: #fff; font: 800 13.5px/1.2 'Inter', sans-serif; text-align: left; cursor: pointer; }
.cp-cs-btn[hidden] { display: none; }
.cp-cs-btn small { margin-left: auto; color: #a2a2b8; font: 700 12px/1.2 'Inter', sans-serif; text-align: right; }
@media (hover: hover) { .cp-cs-btn:hover { border-color: #f1c073; } }
#cpCsModal .cp-options-body { border-top: 0; padding: 0 0 12px; }