/* 국가대표 픽스터 대모집 팝업 (2026-10-09) · web_pickster.POPUP_TPL
   v6 글로우: 차가운 검정 + 로고 파랑 네온. 실사 칩 배경(런칭 팝업과 같은 그림)에 파란 빛을 덮는다 */
#pkpop{position:fixed!important;inset:0;z-index:2147483002;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:20px 16px;margin:0}
#pkpop[hidden]{display:none}
.pkpop-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(19,24,51,.8),rgba(3,3,8,.92) 70%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:pk-fade .35s ease}
.pkpop-box{position:relative;min-width:0;width:min(560px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;animation:pk-in .6s cubic-bezier(.2,.9,.3,1.15)}
.pkpop-x{position:absolute;right:-8px;top:-8px;z-index:5;width:40px;height:40px;border-radius:50%;background:#14141D;color:#fff;border:2px solid rgba(110,134,242,.6);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 0 16px rgba(74,99,224,.6)}
.pkpop-x:hover{background:#1B1B26}
.pk-pc{position:relative;overflow:auto;overscroll-behavior:contain;border-radius:22px;color:#EEEEF3;font-family:Pretendard,"Pretendard Variable",-apple-system,"Malgun Gothic",sans-serif;
  background:linear-gradient(180deg,#131833 0%,#0E0E15 40%,#0B0B12 100%);
  box-shadow:0 0 0 2px rgba(110,134,242,.6),0 0 36px rgba(74,99,224,.6),0 0 100px rgba(74,99,224,.35),0 40px 120px -20px rgba(0,0,0,.85)}
/* 머리: 칩 사진 + 파란 빛 + 방패 */
.pk-ph{position:relative;padding:22px 20px 16px;text-align:center;overflow:hidden;isolation:isolate;background:var(--bg) center/cover no-repeat,#131833}
.pk-ph::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse at 50% 38%,rgba(74,99,224,.55),rgba(19,24,51,.35) 45%,rgba(7,7,11,.2) 70%),
  linear-gradient(180deg,rgba(14,14,21,.35) 0,rgba(14,14,21,.25) 50%,#0E0E15 100%);mix-blend-mode:normal}
.pk-rays{position:absolute;left:50%;top:34%;width:620px;height:620px;margin:-310px 0 0 -310px;z-index:-1;pointer-events:none;opacity:.55;
  background:repeating-conic-gradient(from 0deg,rgba(163,180,255,.20) 0 6deg,rgba(163,180,255,0) 6deg 18deg);
  -webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 30%,transparent 62%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 30%,transparent 62%);
  animation:pk-spin 40s linear infinite}
.pk-ptag{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em;white-space:nowrap;
  color:#DCE3FF;background:rgba(7,7,11,.7);border:1px solid rgba(163,180,255,.55);box-shadow:0 0 16px rgba(74,99,224,.55)}
.pk-ptag svg{width:13px;height:15px}
.pk-shield{margin:10px auto 2px;width:84px;height:98px;filter:drop-shadow(0 0 18px rgba(106,128,236,.95)) drop-shadow(0 10px 22px rgba(0,0,0,.6));animation:pk-float 3.2s ease-in-out infinite}
.pk-shield svg{width:100%;height:100%}
.pk-ttl{margin:4px 0 12px;line-height:1.08}
.pk-ttl span{display:inline-block;transform:skewX(-6deg);font-family:"Black Han Sans",Pretendard,"Noto Sans KR",system-ui,sans-serif;font-weight:400;
  font-size:clamp(32px,8.4vw,52px);letter-spacing:-.005em;word-break:keep-all;overflow-wrap:anywhere;
  background:linear-gradient(180deg,#FFFFFF 0%,#EEF1FF 40%,#A3B4FF 72%,#7C92F5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 12px rgba(106,128,236,.85)) drop-shadow(0 3px 0 rgba(10,14,40,.85))}
html:not(:lang(ko)) .pk-ttl span{font-family:Pretendard,"Pretendard Variable",system-ui,sans-serif;font-weight:900;font-size:clamp(28px,7vw,44px);letter-spacing:-.02em}
.pk-flagrow{position:relative;overflow:hidden;margin:0 -20px;padding:6px 0 2px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.pk-flagtrack{display:flex;gap:8px;width:max-content;animation:pk-marq 26s linear infinite}
.pk-flagtrack .pk-flag{width:30px;height:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 3px 8px rgba(0,0,0,.4);flex:none}
/* 값 띠 */
.pk-value{margin:14px 20px 0;text-align:center;font-size:clamp(17px,4.4vw,22px);font-weight:800;letter-spacing:-.02em;color:#EEEEF3;word-break:keep-all;overflow-wrap:anywhere;line-height:1.35}
.pk-value b{display:inline-block;font-family:"Space Grotesk",Pretendard,system-ui,sans-serif;font-size:1.75em;font-weight:700;letter-spacing:-.03em;line-height:1;vertical-align:-.08em;
  background:linear-gradient(180deg,#FFFFFF 0%,#C3CEFF 55%,#6E86F2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px rgba(106,128,236,.75));margin:0 .08em}
.pk-plede{margin:10px 24px 16px;text-align:center;font-size:14.5px;line-height:1.65;color:#B9BBCC;word-break:keep-all;overflow-wrap:anywhere}
.pk-perks{list-style:none;margin:0 20px 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk-perks li{display:flex;gap:10px;align-items:flex-start;padding:12px 12px 11px;border-radius:14px;min-width:0;
  background:linear-gradient(180deg,rgba(74,99,224,.13),rgba(255,255,255,.02));border:1px solid rgba(110,134,242,.28)}
.pk-perks li.hot{border-color:rgba(163,180,255,.7);background:linear-gradient(180deg,rgba(74,99,224,.32),rgba(74,99,224,.06));box-shadow:0 0 24px -6px rgba(74,99,224,.8)}
.pk-perks i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#131833;border:1px solid #36459A}
.pk-perks i svg{width:19px;height:19px;fill:none;stroke:#A3B4FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pk-perks i svg.pk-badge-mini{width:16px;height:19px;stroke:none}
.pk-perks div{min-width:0}
.pk-perks b{display:block;font-size:14.5px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
.pk-perks span{display:block;margin-top:2px;font-size:12.5px;color:#A8A9BA;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
/* 버튼: 로고 파랑 네온 */
.pk-cta{position:sticky;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 20px;padding:16px 18px;border-radius:14px;text-decoration:none;
  font-size:clamp(17px,4.6vw,21px);font-weight:900;letter-spacing:-.01em;color:#fff;white-space:nowrap;
  background:linear-gradient(180deg,#6A80EC 0%,#4A63E0 52%,#3B52C6 100%);border:1px solid #9AACFF;
  box-shadow:0 0 0 2px rgba(19,24,51,.8),0 0 28px rgba(74,99,224,.75),inset 0 1px 0 rgba(255,255,255,.45);
  text-shadow:0 1px 0 rgba(10,14,40,.6);transition:transform .15s ease,box-shadow .15s ease;animation:pk-cta 2s ease-in-out infinite}
.pk-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 0 0 2px rgba(19,24,51,.8),0 0 44px rgba(106,128,236,.95),inset 0 1px 0 rgba(255,255,255,.5)}
.pk-cta svg{width:20px;height:20px}
.pk-pfine{margin:12px 22px 20px;text-align:center;font-size:12.3px;color:#8A8CA1;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
html:lang(ja) :is(.pk-plede,.pk-perks span,.pk-pfine,.pk-value){word-break:normal;word-break:auto-phrase;line-break:strict}
html:is(:lang(zh),:lang(cn),:lang(th)) :is(.pk-plede,.pk-perks b,.pk-perks span,.pk-pfine,.pk-value,.pk-ttl span){word-break:normal;line-break:strict}
.pkpop-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.pkpop-ft button{background:none;border:0;color:#D3D5E2;font:inherit;font-size:13.5px;cursor:pointer;padding:8px 4px;white-space:nowrap}
.pkpop-ft button:hover,.pkpop-ft button:focus-visible{color:#fff;text-decoration:underline;outline:none}
@keyframes pk-fade{from{opacity:0}to{opacity:1}}
@keyframes pk-in{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@keyframes pk-spin{to{transform:rotate(360deg)}}
@keyframes pk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes pk-marq{to{transform:translateX(-50%)}}
@keyframes pk-cta{0%,100%{box-shadow:0 0 0 2px rgba(19,24,51,.8),0 0 22px rgba(74,99,224,.6),inset 0 1px 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 2px rgba(19,24,51,.8),0 0 38px rgba(106,128,236,.95),inset 0 1px 0 rgba(255,255,255,.45)}}
@media (max-width:560px){
  .pk-pc{border-radius:18px}
  .pk-ph{padding:18px 14px 12px}
  .pk-shield{width:66px;height:77px;margin-top:8px}
  .pk-value{margin:12px 14px 0}
  .pk-plede{margin:8px 16px 14px;font-size:13.8px}
  .pk-perks{margin:0 12px 14px;gap:8px}
  .pk-perks li{padding:10px 9px;gap:8px}
  .pk-perks i{width:30px;height:30px}
  .pk-perks b{font-size:13.5px}
  .pk-perks span{font-size:12px}
  .pk-cta{margin:0 12px;padding:14px 12px}
  .pk-pfine{margin:10px 14px 16px}
}
@media (max-width:360px){.pk-perks{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pk-rays,.pk-shield,.pk-flagtrack,.pk-cta,.pkpop-box,.pkpop-bg{animation:none}}