/* PCM Poster Studio V3 - supplemental styles for the upgraded compiled admin UI */
.pcm-poster-studio-hero{
  border-radius:28px;
  background:
    radial-gradient(circle at top right,rgba(0,229,153,.16),transparent 34%),
    linear-gradient(135deg,#071a20 0%,#041117 48%,#06141e 100%);
  box-shadow:0 25px 80px rgba(0,0,0,.28);
}
.pcm-poster-studio-library{max-height:980px;scrollbar-width:thin;scrollbar-color:rgba(53,242,162,.35) transparent}
.pcm-poster-studio-library::-webkit-scrollbar{width:6px}
.pcm-poster-studio-library::-webkit-scrollbar-thumb{background:rgba(53,242,162,.28);border-radius:20px}
.pcm-poster-studio-preview{max-width:390px}
.pcm-poster-studio-savebar{box-shadow:0 16px 50px rgba(0,0,0,.45);background:rgba(5,19,26,.95);backdrop-filter:blur(16px)}
@media (min-width:1280px){
  .pcm-poster-studio-workgrid{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr)}
}
@media (min-width:1536px){
  .pcm-poster-studio-shell{display:grid;grid-template-columns:390px minmax(0,1fr)}
}
@media (max-width:640px){
  .pcm-poster-studio-hero{border-radius:20px}
  .pcm-poster-studio-savebar{bottom:8px}
}
/* PCM Poster Studio Premium — scoped to the player registration link. */
.team-poster-member-ui{--studio-gold:#e4c58b;--studio-muted:#a0afc0;font-family:'Be Vietnam Pro',Arial,sans-serif;background:radial-gradient(ellipse at 10% 0%,#18352d 0,transparent 40%),radial-gradient(ellipse at 100% 0%,#282619 0,transparent 36%),#080f17;color:#edf2f8;line-height:1.6;overscroll-behavior:contain}
.team-poster-member-ui *{min-width:0}
.team-poster-member-ui>.min-h-screen{padding:24px!important}
.team-poster-member-ui .max-w-\[1820px\]{max-width:1680px;background:#0c141e;border-color:#ffffff14;border-radius:24px;overflow:visible;box-shadow:0 24px 90px #0005}
.team-poster-member-ui .member-poster-topbar{border-radius:24px 24px 0 0;padding:22px 26px;background:#101b25f5;border-bottom:1px solid #ffffff12;box-shadow:none;position:relative;gap:14px}
.team-poster-member-ui .member-poster-topbar .tracking-wide{font-size:24px;letter-spacing:-.04em;text-transform:none;font-weight:800;line-height:1.3}
.team-poster-member-ui .member-brand-orb{width:48px;height:48px;flex-basis:48px;border-radius:14px;background:linear-gradient(135deg,#efdbb0,#c9a364);box-shadow:0 0 0 1px #f0d39c33;color:#252114}
.team-poster-member-ui .member-pro-badge{background:#e4c58b14;color:#e4c58b;border:1px solid #e4c58b40;box-shadow:none;height:24px;font-size:9px;padding:0 10px;letter-spacing:.12em}
.team-poster-member-ui .member-poster-topbar .text-emerald-300{color:#e4c58b}
.team-poster-member-ui .member-poster-progress{padding:18px 24px 0!important;gap:12px;position:static;background:transparent;border:0}
.team-poster-member-ui .member-progress-step{background:#ffffff03;border-color:#ffffff0d;border-radius:12px;padding:12px;font-size:10px;letter-spacing:.04em;gap:10px;min-height:46px;color:#b8c5d4}
.team-poster-member-ui .member-progress-number{background:#e4c58b12;color:#e4c58b;border:1px solid #e4c58b25;box-shadow:none;font-size:11px;width:26px;height:26px;flex:0 0 26px}
.team-poster-member-ui .member-progress-step i{display:none}
.team-poster-member-ui .member-poster-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px!important;align-items:start}
.team-poster-member-ui .member-template-panel,.team-poster-member-ui .member-roster-panel,.team-poster-member-ui .member-preview-panel{background:#111c28;border:1px solid #ffffff12;border-radius:18px;padding:18px!important;box-shadow:0 8px 26px #0002;animation:none;position:static}
.team-poster-member-ui .member-section-kicker{color:#d5b77e;font-size:9px;font-weight:700;letter-spacing:.18em;margin-bottom:5px}
.team-poster-member-ui .text-sm.font-black.uppercase{font-size:15px;text-transform:none;letter-spacing:-.02em;font-weight:700}
.team-poster-member-ui .text-\[10px\].text-slate-400,.team-poster-member-ui .text-\[10px\].text-slate-500{font-size:11px;line-height:1.65;color:#9bacc0;margin-top:4px}
.team-poster-member-ui .member-template-panel>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;scrollbar-width:thin;scrollbar-color:#475569 transparent}
.team-poster-member-ui .member-template-panel>.grid>button{border-radius:12px;box-shadow:none;transition:border-color .18s,transform .18s}
.team-poster-member-ui .member-template-panel>.grid>button:hover{transform:translateY(-2px);border-color:#e4c58b}
.team-poster-member-ui .member-template-panel>.grid>button[class*="ring-2"]{border-color:#e4c58b;box-shadow:0 0 0 2px #e4c58b24}
.team-poster-member-ui .member-template-panel>.grid>button>img{aspect-ratio:3/4}
.team-poster-member-ui .member-template-panel>.grid>button>div{padding:9px;font-size:10px;background:linear-gradient(transparent,#080f17f5);padding-top:22px}
.team-poster-member-ui .member-template-panel>.grid>button>svg{background:#e4c58b}
.team-poster-member-ui .member-player-count,.team-poster-member-ui .member-layout-count{background:#e4c58b10;color:#e4c58b;border:1px solid #e4c58b30;font-size:9px;line-height:1.5;padding:5px 9px;box-shadow:none}
.team-poster-member-ui .member-lock-card{background:#6dc7ad08;border:1px solid #6dc7ad1f;padding:12px;border-radius:12px;font-size:11px;gap:10px;box-shadow:none}
.team-poster-member-ui .member-lock-icon{background:#78cfb51a;color:#87d9bc;box-shadow:none;flex-shrink:0}
.team-poster-member-ui .member-lock-card .text-emerald-200{color:#9ad6c0;font-size:10px;text-transform:none;font-weight:600}
.team-poster-member-ui .member-add-player-card{background:#172431!important;border:1px solid #e4c58b2b!important;border-radius:14px;padding:16px!important;box-shadow:none;color:#edf2f8}
.team-poster-member-ui .member-add-player-card .text-emerald-600{color:#e4c58b;text-transform:none;letter-spacing:0;font-size:12px}
.team-poster-member-ui .member-add-player-card label.bg-sky-50{background:#a4c7e812;color:#b1cbe8;font-size:9px;border:1px solid #a4c7e825}
.team-poster-member-ui .member-player-entry-grid{grid-template-columns:72px minmax(0,1fr);gap:12px}
.team-poster-member-ui .member-new-avatar-ring{height:66px;width:66px;border:1px dashed #e4c58b80;background:#0d1722;color:#e4c58b;box-shadow:none!important;animation:none}
.team-poster-member-ui .member-new-avatar-picker{color:#c8b58e;font-size:8px}
.team-poster-member-ui .member-pro-input{width:100%;max-width:100%;background:#0c1621;color:#edf2f8;border:1px solid #405163;border-radius:9px;min-height:44px;padding:10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;box-shadow:none;outline:none;color-scheme:dark}
.team-poster-member-ui .member-pro-input::placeholder{color:#8f9fb2}
.team-poster-member-ui .member-pro-input:focus{border-color:#e4c58b;box-shadow:0 0 0 3px #e4c58b1a}
.team-poster-member-ui .member-add-player-button,.team-poster-member-ui .member-submit-button{background:linear-gradient(120deg,#eed8ad,#d3b071);color:#241e12;border:1px solid #f3deb2;border-radius:10px;min-height:44px;font-size:10px;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 12px #0002;transition:filter .18s}
.team-poster-member-ui .member-add-player-button:hover,.team-poster-member-ui .member-submit-button:hover{filter:brightness(1.08)}
.team-poster-member-ui button:disabled{opacity:.38;cursor:not-allowed}
.team-poster-member-ui button:focus-visible,.team-poster-member-ui label:focus-within{outline:2px solid #e4c58b;outline-offset:3px}
.team-poster-member-ui .member-player-list{background:transparent;color:#d7e0ec;padding:0;max-height:450px;scrollbar-width:thin;scrollbar-color:#475569 transparent}
.team-poster-member-ui .member-player-list-row{background:#0e1925;border-color:#ffffff0c;border-radius:12px;padding:10px;gap:9px}
.team-poster-member-ui .member-player-list-row:hover{background:#182837;border-color:#e4c58b40}
.team-poster-member-ui .member-player-list-row.is-selected{background:#e4c58b09;border-color:#e4c58b70;box-shadow:none}
.team-poster-member-ui .member-player-list-name{font-weight:600;font-size:12px;color:#f1f5f9}
.team-poster-member-ui .member-player-list-meta{color:#a3b1c2;font-size:10px}
.team-poster-member-ui .member-player-list-edit{color:#d5b77e;letter-spacing:0;font-weight:600}
.team-poster-member-ui .member-list-avatar{width:44px;height:44px;border:1px solid #d5b77e80;box-shadow:none!important;background:#1a2a36}
.team-poster-member-ui .member-custom-layout-card{background:#8ccfb707;border:1px solid #8ccfb71f;border-radius:12px;box-shadow:none;padding:12px}
.team-poster-member-ui .member-layout-status.ok{font-size:10px;color:#9ed3bd;background:transparent;padding:7px 0 0;border:0;line-height:1.5}
.team-poster-member-ui .member-smart-sort-button{background:#e4c58b0d;color:#e4c58b;border:1px solid #e4c58b35;box-shadow:none;font-weight:600;min-height:38px}
.team-poster-member-ui .member-preview-panel .team-poster-stage{border:0;border-radius:10px;box-shadow:0 16px 40px #0005;touch-action:pan-y}
.team-poster-member-ui .member-submit-card{position:static;background:#0f1b27!important;border:1px solid #e4c58b40!important;border-radius:14px;padding:16px!important;box-shadow:none}
.team-poster-member-ui .member-submit-card .text-\[9px\]{font-size:10px;line-height:1.65}
.team-poster-member-ui .member-roster-panel>div:has(.grid-cols-\[92px_minmax\(0\,1fr\)\]){background:#162332!important;border-color:#e4c58b50!important;box-shadow:none!important}
/* Poster coordinates use avatar centres, with a single transform. */
.team-poster-stage .poster-player-entry{translate:none!important;text-align:center}
.team-poster-stage .poster-avatar-pro{margin-inline:auto}
.team-poster-member-ui .poster-avatar-pro-image{border:1.5px solid #e4c58b!important;box-shadow:0 0 0 1px #04101b90!important;animation:none!important}
.team-poster-stage .poster-player-name-simple{font-family:'Be Vietnam Pro',Arial,sans-serif!important;font-weight:800!important;letter-spacing:0;line-height:1.4;white-space:nowrap;overflow:visible;text-shadow:0 1px 2px #0008;border:1px solid #e4c58be6;border-radius:.55cqw;background:linear-gradient(#14323d,#071722);box-shadow:0 3px 8px #0003;margin-inline:auto;display:flex;align-items:center;justify-content:center}
.team-poster-stage .poster-player-name-text{line-height:1.4;transform:none;white-space:nowrap}
.team-poster-stage .poster-player-name-simple:before,.team-poster-stage .poster-player-name-simple:after{display:none;content:none}
.team-poster-stage .poster-staff-name{height:auto;min-height:0;padding:.32cqw .38cqw;margin-top:.5cqw;line-height:1.4}
.team-poster-stage .poster-staff-person,.team-poster-stage .poster-staff-role{line-height:1.4;font-weight:800;letter-spacing:0}
@media(min-width:1024px){.team-poster-member-ui .member-poster-grid{grid-template-columns:210px minmax(0,1fr) 350px}.team-poster-member-ui .member-template-panel{order:1}.team-poster-member-ui .member-preview-panel{order:2}.team-poster-member-ui .member-roster-panel{order:3}.team-poster-member-ui .member-preview-panel{position:sticky;top:18px}}
@media(min-width:1440px){.team-poster-member-ui .member-poster-grid{grid-template-columns:240px minmax(0,1fr) 390px}}
@media(min-width:700px) and (max-width:1023px){.team-poster-member-ui .member-poster-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.team-poster-member-ui .member-template-panel{grid-column:1/-1}.team-poster-member-ui .member-template-panel>.grid{display:flex;max-height:none;overflow-x:auto}.team-poster-member-ui .member-template-panel>.grid>button{flex:0 0 112px}}
@media(max-width:699px){.team-poster-member-ui>.min-h-screen{padding:0!important}.team-poster-member-ui .max-w-\[1820px\]{border:0;border-radius:0}.team-poster-member-ui .member-poster-topbar{border-radius:0;padding:16px!important;position:static}.team-poster-member-ui .member-poster-topbar .tracking-wide{font-size:21px}.team-poster-member-ui .member-brand-orb{width:40px;height:40px;flex-basis:40px}.team-poster-member-ui .member-pro-badge{display:inline-flex;font-size:7px;height:20px;padding:0 7px}.team-poster-member-ui .member-poster-progress{padding:12px 12px 0!important;gap:5px}.team-poster-member-ui .member-progress-step{flex-direction:column;gap:4px;font-size:7px;padding:8px 3px;min-height:58px}.team-poster-member-ui .member-progress-number{width:22px;height:22px;flex-basis:22px;font-size:9px}.team-poster-member-ui .member-poster-grid{padding:12px!important;gap:12px}.team-poster-member-ui .member-template-panel,.team-poster-member-ui .member-roster-panel,.team-poster-member-ui .member-preview-panel{padding:15px!important;border-radius:16px!important}.team-poster-member-ui .member-template-panel>.grid{display:flex!important;overflow-x:auto;max-height:none;gap:9px!important}.team-poster-member-ui .member-template-panel>.grid>button{flex:0 0 104px;min-width:104px}.team-poster-member-ui .member-pro-input{font-size:16px;padding:8px}.team-poster-member-ui .member-submit-card{position:static}.team-poster-member-ui .member-player-list{max-height:none}.team-poster-member-ui .member-smart-sort-button{font-size:9px;flex:1}.team-poster-member-ui .member-player-list-row{padding:10px!important}.team-poster-member-ui .poster-player-name-simple{margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.team-poster-member-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Resolve legacy important declarations at a single scoped boundary. */
.team-poster-member-ui{overflow-x:hidden}
.team-poster-member-ui .font-black{font-weight:700}
.team-poster-member-ui .member-template-panel,.team-poster-member-ui .member-roster-panel,.team-poster-member-ui .member-preview-panel{background:#111c28!important;border-color:#ffffff16!important}
.team-poster-member-ui .member-player-list-row{background:#0e1925!important;border-color:#ffffff14!important}
.team-poster-member-ui .member-player-list-row:hover,.team-poster-member-ui .member-player-list-row.is-selected{background:#1b2936!important;border-color:#e4c58b70!important;transform:none}
.team-poster-member-ui .member-player-list-name,.team-poster-member-ui .member-player-list-row.is-selected .member-player-list-name{color:#f1f5f9!important;font-weight:600}
.team-poster-member-ui .member-player-list-meta,.team-poster-member-ui .member-player-list-row.is-selected .member-player-list-meta{color:#a3b1c2!important}
.team-poster-member-ui .member-player-list-edit{color:#d5b77e!important}
.team-poster-member-ui .team-poster-stage:after{display:none;animation:none;content:none}
.team-poster-member-ui .member-poster-topbar .tracking-wide{font-size:24px!important;font-weight:800;text-transform:none;letter-spacing:-.03em!important}
.team-poster-member-ui .member-custom-layout-card .uppercase{font-size:12px;font-weight:600;text-transform:none}
.team-poster-member-ui .member-roster-panel>div:has(.member-pro-input):not(.member-add-player-card){background:#14202c!important;border-color:#e4c58b30!important;box-shadow:none!important}
.team-poster-member-ui .poster-player-name-simple{border-width:.12cqw}
@media(max-width:699px){.team-poster-member-ui .member-poster-topbar .tracking-wide{font-size:20px!important}}

.team-poster-member-ui .member-staff-edit-row{grid-template-columns:54px minmax(0,1fr) 34px;grid-template-rows:auto auto;align-items:center;padding:10px}
.team-poster-member-ui .member-staff-edit-row>label{grid-column:1;grid-row:1/3}
.team-poster-member-ui .member-staff-edit-row>input:nth-of-type(1){grid-column:2;grid-row:1}
.team-poster-member-ui .member-staff-edit-row>input:nth-of-type(2){grid-column:2;grid-row:2}
.team-poster-member-ui .member-staff-edit-row>button{grid-column:3;grid-row:1/3}
.team-poster-member-ui .member-staff-edit-row .member-pro-input{font-size:12px;font-weight:500!important}
.team-poster-member-ui .member-player-list{border:0;box-shadow:none}
@media(max-width:699px){.team-poster-member-ui .member-staff-edit-row .member-pro-input{font-size:16px}}
/* Sapphire Matchday: a new photo and typography system. */
.team-poster-member-ui{--studio-gold:#76d8fa;background:radial-gradient(ellipse at 0 0,#1a2e58,transparent 50%),#080f22}
.team-poster-member-ui .member-poster-topbar{background:#101e36f5}
.team-poster-member-ui .member-brand-orb{background:linear-gradient(135deg,#dcefff,#61cbea);color:#132849;border-radius:10px}
.team-poster-member-ui .member-pro-badge{background:#7bd9ff12;color:#90e3ff;border-color:#7bd9ff40;border-radius:5px}
.team-poster-member-ui .member-progress-number,.team-poster-member-ui .member-section-kicker{color:#89dfff}
.team-poster-member-ui .member-progress-number{background:#7bd9ff10;border-color:#7bd9ff20;border-radius:7px}
.team-poster-member-ui .member-template-panel,.team-poster-member-ui .member-roster-panel,.team-poster-member-ui .member-preview-panel{background:#121f34!important;border-color:#a0bde61c!important}
.team-poster-member-ui .member-add-player-card{background:linear-gradient(135deg,#213552,#14233b)!important;border-color:#7bd9ff30!important}
.team-poster-member-ui .member-new-avatar-ring{border:1px dashed #7bd9ff90!important;border-radius:10px;background:#122039;color:#9be5ff}
.team-poster-member-ui .member-list-avatar{border-color:#84d7f3!important;border-radius:8px}
.team-poster-member-ui .member-pro-input{background:#0c172b;border-color:#405979}
.team-poster-member-ui .member-pro-input:focus{border-color:#80dafa;box-shadow:0 0 0 3px #6fd4ff18}
.team-poster-member-ui .member-add-player-button,.team-poster-member-ui .member-submit-button{background:linear-gradient(120deg,#b7eeff,#6bc8f2);border-color:#b1e8ff;color:#102745}
.team-poster-member-ui .member-smart-sort-button{background:#7bd9ff0d;color:#9fe4ff;border-color:#7bd9ff35}
.team-poster-member-ui .member-player-list-edit{color:#83dafa!important}
.team-poster-member-ui .member-player-count,.team-poster-member-ui .member-layout-count{color:#9fe4ff;background:#7bd9ff12;border-color:#7bd9ff30}
.team-poster-member-ui .member-template-panel>.grid>button[class*="ring-2"]{border-color:#85dfff;box-shadow:0 0 0 2px #7bd9ff28}
.team-poster-member-ui .member-roster-panel>div:has(.member-pro-input):not(.member-add-player-card){border-color:#83dafa30!important}
.team-poster-member-ui .member-poster-topbar .text-emerald-300{color:#98e3ff}
.team-poster-member-ui .member-poster-topbar .tracking-wide{letter-spacing:-.035em!important}
.team-poster-member-ui .team-poster-stage .poster-avatar-pro{border-radius:0!important;filter:drop-shadow(0 .35cqw .6cqw #0005)!important;overflow:visible}
.team-poster-member-ui .team-poster-stage .poster-avatar-pro-image{border:0!important;border-radius:0!important;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);box-shadow:none!important;background:linear-gradient(140deg,#bfdffa,#54cdf7 40%,#557093)!important;padding:.18cqw;isolation:isolate}
.team-poster-member-ui .team-poster-stage .poster-avatar-pro-image>img{inset:.18cqw!important;width:calc(100% - .36cqw)!important;height:calc(100% - .36cqw)!important;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}
.team-poster-member-ui .team-poster-stage .poster-avatar-pro-image>div{clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);background:#173555;color:#b8dfff}
.team-poster-member-ui .team-poster-stage .poster-avatar-pro-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,#f0fbff22 47%,transparent 64%);background-size:250% 100%;animation:pcmSapphireReflection 7s ease-in-out infinite;z-index:2}
.pcm-photo-caption{position:absolute;inset:auto 0 0;height:20%;display:flex;align-items:center;justify-content:space-between;background:#08142be6;padding:0 9%;clip-path:polygon(0 0,100% 0,100% 50%,90% 100%,0 100%);color:#e6f5ff;z-index:5;pointer-events:none;font-family:'Be Vietnam Pro',Arial,sans-serif;line-height:1;overflow:hidden}
.pcm-kit-number{color:#b8edff;font-size:calc(var(--poster-avatar-size)*.105);font-weight:800;max-width:45%;white-space:nowrap}
.pcm-kit-role{font-size:calc(var(--poster-avatar-size)*.075);font-weight:600;max-width:44%;white-space:nowrap}
.team-poster-member-ui .poster-player-name-simple:not(.poster-staff-name){border:.08cqw solid #91b9d3;border-left:.25cqw solid #55cdfa;border-radius:.12cqw;background:linear-gradient(#f5faff,#d5e3f4);color:#10243f;text-shadow:none;box-shadow:0 .25cqw .5cqw #0003;font-weight:800!important}
.team-poster-member-ui .poster-player-name-simple:not(.poster-staff-name) .poster-player-name-text{color:#10243f;letter-spacing:0}
.team-poster-member-ui .poster-staff-name{border:.08cqw solid #72cdeb;background:linear-gradient(#132a49,#0c1930);border-radius:.12cqw;text-shadow:none}
.team-poster-member-ui .poster-staff-role{color:#9adaf4}
.team-poster-member-ui .member-preview-panel .team-poster-stage{border-radius:4px!important;box-shadow:0 20px 60px #0006}
@keyframes pcmSapphireReflection{0%,45%,100%{background-position:120% 0}70%{background-position:-20% 0}}
/* Precision sliders: each region is bounded to the poster. */
.pcm-poster-studio-v4{font-family:'Be Vietnam Pro',Arial,sans-serif}
.pcm-new-backgrounds{padding:24px;background:linear-gradient(125deg,#18345a,#0b1830);border:1px solid #80d8ff30;border-radius:20px}
.pcm-new-backgrounds h3{font-size:20px;font-weight:700;color:#eff6ff;letter-spacing:-.02em}
.pcm-new-backgrounds p{font-size:12px;color:#a9bfd8;margin-top:6px}
.pcm-background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;max-width:480px}
.pcm-background-options button{position:relative;text-align:left;border:1px solid #92c1e630;border-radius:12px;overflow:hidden;background:#102545;transition:transform .2s,border-color .2s}
.pcm-background-options button:hover{transform:translateY(-3px);border-color:#80d8ff}
.pcm-background-options img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:top}
.pcm-background-options span{display:block;padding:12px;color:#eff6ff;font-weight:600;font-size:12px}
.pcm-region-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.pcm-region-slider{display:block;min-width:0;color:#acc0d8;font-size:11px;font-weight:600;padding:10px 12px;background:#08152b80;border:1px solid #96bbde15;border-radius:10px}
.pcm-region-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pcm-region-slider output{color:#b7edff;background:#78d8ff12;padding:3px 6px;border-radius:5px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.pcm-region-slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:12px 0;background:linear-gradient(90deg,#67cfff 0 var(--pcm-slider-fill),#2b405d var(--pcm-slider-fill) 100%);border-radius:10px;cursor:ew-resize;touch-action:pan-y;outline:none}
.pcm-region-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:3px solid #d9f4ff;background:#2299d2;box-shadow:0 0 0 4px #67cfff15,0 3px 8px #0005;transition:box-shadow .2s}
.pcm-region-slider input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:3px solid #d9f4ff;background:#2299d2}
.pcm-region-slider input[type=range]:focus-visible{outline:2px solid #a6e7ff;outline-offset:7px}
.pcm-region-slider input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 7px #67cfff25}
.pcm-region-preview{border-radius:5px;transition:left .10s ease-out,top .10s ease-out,width .10s ease-out,height .10s ease-out;box-shadow:inset 0 0 18px #6bd3ff0d}
.pcm-poster-studio-v4 .pcm-poster-studio-preview{position:sticky;top:20px;border-color:#88d9fa60}
.pcm-poster-studio-v4 .pcm-poster-studio-workgrid>div:first-child{align-self:start;position:sticky;top:20px}
.pcm-poster-studio-v4 .pcm-poster-studio-hero{background:radial-gradient(circle at top right,#2c639a45,transparent 45%),linear-gradient(125deg,#112847,#09162b);border-color:#7cd9ff30}
@media(max-width:640px){.pcm-new-backgrounds{padding:16px}.pcm-new-backgrounds h3{font-size:17px}.pcm-region-slider-grid{gap:9px}.pcm-region-slider{padding:9px}.pcm-poster-studio-v4 .pcm-poster-studio-workgrid>div:first-child{position:static}}
@media(prefers-reduced-motion:reduce){.team-poster-member-ui .poster-avatar-pro-image:after{animation:none!important;background-position:50% 0}.pcm-region-preview,.pcm-background-options button{transition:none!important}}


.team-poster-member-ui .pcm-team-banner{border-radius:.2cqw!important;border-left:.55cqw solid #7edbff;padding:.85cqw 1cqw!important}.team-poster-member-ui .pcm-team-banner>div{font-size:2.65cqw!important;line-height:1.4;letter-spacing:.03em;font-weight:800}

/* Team name: transparent wrapper, effects applied to the glyphs only. */
.team-poster-stage .pcm-team-title-wrap{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible}
.team-poster-stage .pcm-team-title-text{display:block;max-width:100%;font-family:'Be Vietnam Pro',Arial,sans-serif!important;font-weight:900!important;line-height:1.18;letter-spacing:0;white-space:nowrap;overflow:visible;color:#e5f5ff;text-shadow:0 2px 3px #020a19cc,0 0 .75cqw #44beff66;-webkit-text-stroke:.035cqw #051228;animation:pcmTeamTitleGlow 5s ease-in-out infinite}
@supports(background-clip:text){.team-poster-stage .pcm-team-title-text{background:linear-gradient(115deg,#fff 10%,#e4f5ff 32%,#9ddbfa 48%,#fff 58%,#a8dcf8 74%,#fff 92%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:pcmTeamTitleGlow 5s ease-in-out infinite,pcmTeamTitleShimmer 8s ease-in-out infinite}}
@keyframes pcmTeamTitleGlow{0%,100%{text-shadow:0 2px 3px #020a19cc,0 0 .55cqw #44beff55}50%{text-shadow:0 2px 3px #020a19cc,0 0 .9cqw #44beff88}}
@keyframes pcmTeamTitleShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.team-poster-stage .pcm-team-title-text{animation:none!important;background-position:50% 50%}}
.pcm-uploaded-frame{position:relative;margin-inline:auto;isolation:isolate;overflow:visible;flex:none;pointer-events:none}
.pcm-frame-photo-window{position:absolute;overflow:hidden;background:#14263f;z-index:1}
.pcm-frame-photo-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcm-frame-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.pcm-frame-error{position:absolute;inset:0;display:flex;align-items:center;background:#221323d9;color:#ffb9c2;font-size:10px;padding:8px;z-index:5}
.pcm-member-frame-picker{border-top:1px solid #98c7e526;padding-top:14px}
.pcm-member-frame-picker h3{color:#edf6ff;font-size:12px;font-weight:700}.pcm-member-frame-picker p{color:#95abc7;font-size:10px;line-height:1.6;margin-top:5px}
.pcm-frame-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;max-height:390px;overflow:auto;padding:3px}
.pcm-frame-picker-options button{padding:9px;border:1px solid #8ac9ed25;background:#0c172b;border-radius:9px;color:#c7d7eb;text-align:center}
.pcm-frame-picker-options button.is-selected{border-color:#8ee5ff;background:#14324b;box-shadow:0 0 0 2px #69d2ff1a}
.pcm-frame-picker-options button>span{display:block;font-size:9px;font-weight:600;margin-top:6px;line-height:1.5;overflow-wrap:anywhere}
.pcm-native-frame-thumb{display:grid;place-items:center;aspect-ratio:1;font-size:15px;font-weight:800;color:#9bddff;background:linear-gradient(135deg,#1a3f59,#11203c);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}
.pcm-admin-frame-library{font-family:'Be Vietnam Pro',Arial,sans-serif;border:1px solid #93c9ef30;background:linear-gradient(125deg,#122442,#0c182e);border-radius:20px;padding:24px;color:#e7f1fc}
.pcm-admin-frame-library>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pcm-frame-eyebrow{color:#91dffc;font-size:10px;font-weight:700;letter-spacing:.14em}.pcm-admin-frame-library h2{font-size:22px;font-weight:700;margin-top:6px;letter-spacing:-.025em}.pcm-admin-frame-library h3{font-size:12px;font-weight:700;margin-bottom:10px}.pcm-admin-frame-library p{color:#a4b9d3;font-size:11px;line-height:1.7;margin-top:6px}
.pcm-admin-frame-library button{cursor:pointer}.pcm-admin-frame-library button:disabled{opacity:.4;cursor:wait}.pcm-admin-frame-library>header>button,.pcm-frame-save{border:1px solid #b8edff;background:linear-gradient(120deg,#b9edff,#70cafa);color:#12223b;font-size:11px;font-weight:700;padding:12px 16px;border-radius:9px}
.pcm-frame-library-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.pcm-frame-catalog{max-height:700px;overflow:auto;padding:12px;background:#07132760;border-radius:12px;border:1px solid #ffffff0d}
.pcm-saved-frame{margin-top:10px}.pcm-saved-frame>button:first-child{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;text-align:left;width:100%;border:1px solid #90bfde20;border-radius:10px;padding:10px;background:#172943}.pcm-saved-frame>button:first-child.is-selected{border-color:#86dffa}.pcm-saved-frame strong{display:block;font-size:11px;overflow-wrap:anywhere}.pcm-saved-frame small{display:block;font-size:9px;color:#8ea8c7;margin-top:5px}.pcm-frame-delete{display:block;margin-left:auto;margin-top:5px;color:#f9b8c1;background:transparent;border:0;font-size:10px;padding:5px}
.pcm-frame-editor{min-width:0}.pcm-frame-editor-main{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);gap:24px}.pcm-frame-sample{align-self:start;position:sticky;top:18px;padding:14px;border:1px solid #8dc8ed20;background:radial-gradient(circle at center,#213b60,#0a172b);border-radius:12px}.pcm-frame-sample-name{background:linear-gradient(#f2f7ff,#c7dbf1);border-left:3px solid #7adaff;color:#142742;text-align:center;font-size:11px;font-weight:800;line-height:1.7;margin:9px auto 0;padding:5px;border-radius:3px}.pcm-frame-empty{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #7da9c65c;border-radius:10px;color:#8ca7c4;font-size:12px}.pcm-frame-upload{display:block;text-align:center;color:#a5e6ff;border:1px dashed #7cd6f96c;border-radius:9px;padding:12px;font-size:11px;margin-top:14px;cursor:pointer}.pcm-frame-upload input{display:block;width:100%;font-size:9px;margin-top:8px;color:#92a8c2}
.pcm-frame-settings{display:grid;gap:12px}.pcm-frame-settings>label{color:#b5c9df;font-size:11px;font-weight:600}.pcm-frame-settings input[type=text],.pcm-frame-settings input[type=number],.pcm-frame-settings select{display:block;width:100%;min-height:42px;background:#0a162a;color:#f1f6ff;border:1px solid #58739360;padding:10px;border-radius:8px;margin-top:6px;font-family:inherit;font-size:12px;outline:none;color-scheme:dark}.pcm-frame-settings input:focus-visible,.pcm-frame-settings select:focus-visible,.pcm-admin-frame-library button:focus-visible{outline:2px solid #9ce7ff;outline-offset:3px}.pcm-frame-settings h3{margin:8px 0 0;color:#a4e4ff}.pcm-frame-check{display:flex;align-items:flex-start;gap:8px;line-height:1.6;font-size:11px;color:#bacde2}.pcm-frame-check input{margin-top:3px;accent-color:#59cef5;width:15px;height:15px;flex:none}.pcm-frame-tournaments{max-height:180px;overflow:auto;background:#06122655;border:1px solid #8dafcc25;padding:10px;border-radius:8px;display:grid;gap:8px}.pcm-frame-save{margin-top:8px}.pcm-frame-status{border:1px solid #8edcfa30;background:#07192d;padding:10px;border-radius:9px}
@media(max-width:1100px){.pcm-frame-library-grid{grid-template-columns:190px minmax(0,1fr)}.pcm-frame-editor-main{grid-template-columns:180px minmax(0,1fr);gap:16px}.pcm-admin-frame-library{padding:18px}}
@media(max-width:800px){.pcm-frame-library-grid{grid-template-columns:1fr}.pcm-frame-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:320px}.pcm-frame-catalog h3{grid-column:1/-1}.pcm-saved-frame{margin-top:0}.pcm-frame-editor-main{grid-template-columns:minmax(0,1fr)}.pcm-frame-sample{position:static;max-width:300px;justify-self:center}.pcm-admin-frame-library>header{align-items:flex-start;flex-direction:column}.pcm-admin-frame-library h2{font-size:18px}.pcm-frame-settings input[type=text],.pcm-frame-settings input[type=number],.pcm-frame-settings select{font-size:16px}}
@media(max-width:699px){.pcm-frame-picker-options{display:flex;max-height:none;overflow-x:auto}.pcm-frame-picker-options button{flex:0 0 104px}.pcm-frame-picker-options .pcm-uploaded-frame{width:84px!important}.pcm-admin-frame-library{padding:15px}.pcm-frame-catalog{grid-template-columns:1fr}}


/* Championship title: champagne bevel with ink depth, no backing panel. */
.team-poster-stage .pcm-team-title-text{-webkit-text-stroke:.035cqw #10233d;text-shadow:none;animation:pcmChampionshipGlow 6s ease-in-out infinite}
@supports(background-clip:text){.team-poster-stage .pcm-team-title-text{background-image:linear-gradient(180deg,#fffdf3 0%,#fff1bf 27%,#ebbd60 48%,#fff8dd 51%,#ffd981 72%,#ba8134 100%);background-size:100% 100%;animation:pcmChampionshipGlow 6s ease-in-out infinite}}
@keyframes pcmChampionshipGlow{0%,100%{filter:drop-shadow(0 .2cqw 0 #806138) drop-shadow(0 .25cqw .2cqw #020a19cc) drop-shadow(0 0 .15cqw #ffc45155)}50%{filter:drop-shadow(0 .2cqw 0 #806138) drop-shadow(0 .25cqw .2cqw #020a19cc) drop-shadow(0 0 .4cqw #ffdd8577)}}
@media(prefers-reduced-motion:reduce){.team-poster-stage .pcm-team-title-text{animation:none!important}}
