.nsp{--pink:#ff006e;--teal:#00d6d1;box-sizing:border-box;width:min(100%,1180px);margin:28px auto;padding:clamp(18px,3vw,38px);border:1px solid rgba(0,214,209,.48);border-radius:26px;background:radial-gradient(circle at 12% 0,rgba(255,0,110,.17),transparent 34%),linear-gradient(145deg,#230d20,#100b17 70%);box-shadow:0 22px 70px rgba(0,0,0,.22);color:#fff;text-align:right}
.page-id-14290 .entry-title{display:none!important}.nsp *{box-sizing:border-box}.nsp__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.nsp__eyebrow{color:var(--teal);font-size:.82rem;font-weight:900}.nsp__private{padding:5px 11px;border:1px solid rgba(0,214,209,.56);border-radius:999px;color:#adfaf5;font-size:.72rem;font-weight:800}.nsp h2{margin:18px 0 4px!important;color:#fff!important;font-size:clamp(1.7rem,3.4vw,2.7rem)!important;line-height:1.17!important}.nsp__intro{margin:0 0 18px!important;color:#d7c8d4;font-size:.96rem}.nsp__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;align-items:center;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(7,4,12,.35)}.nsp__remaining{font-size:.98rem;color:#fff}.nsp__instruction{font-size:.84rem;color:#a6f8f2}.nsp__challenge{margin:0 0 16px}.nsp__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.nsp__card{--accent:var(--pink);--glow:rgba(255,0,110,.14);position:relative;display:flex;flex-direction:column;min-width:0;padding:8px 8px 14px;border:1px solid rgba(255,0,110,.48);border-radius:18px;background:linear-gradient(160deg,#281428,#160d1b);color:#fff;font:inherit;text-align:center;cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.nsp__card:nth-child(even){--accent:var(--teal);--glow:rgba(0,214,209,.14);border-color:rgba(0,214,209,.48)}.nsp__card:not(:disabled):hover,.nsp__card:not(:disabled):focus-visible{transform:translateY(-3px);outline:2px solid var(--accent);outline-offset:2px}.nsp__card:disabled{cursor:default}.nsp__photo{display:block;position:relative;width:100%;aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:linear-gradient(140deg,#4e1940,#153537)}.nsp__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}.nsp__placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(3rem,9vw,5rem);font-weight:900}.nsp__name{display:block;margin:11px 0 8px;color:#fff;font-size:clamp(.9rem,1.5vw,1.15rem);line-height:1.25;overflow-wrap:anywhere}.nsp__pick{display:inline-flex;align-self:center;margin-top:auto;padding:5px 16px;border:1px solid var(--accent);border-radius:999px;color:#fff;font-size:.78rem;font-weight:900}.nsp__card:not(:disabled):hover .nsp__pick{background:var(--accent)}.nsp__message{min-height:1.4em;margin:14px 0 0!important;color:#d8faf6;font-size:.9rem;text-align:center}
.nsp__rank,.nsp__result{display:none}.nsp.has-results .nsp__card{background:radial-gradient(circle at 50% 0,var(--glow),transparent 63%),linear-gradient(160deg,#281428,#160d1b);border-color:var(--accent);box-shadow:0 0 calc(4px + 25px * var(--heat,0)) var(--glow)}.nsp.has-results .nsp__rank{display:grid;place-items:center;position:absolute;inset-block-start:8px;inset-inline-start:8px;min-width:34px;height:34px;padding:0 6px;border-radius:999px;background:#120b15;border:2px solid var(--accent);color:#fff;font-size:.82rem;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.4)}.nsp.has-results .nsp__result{display:block;width:100%;margin-top:auto;padding:7px 4px 0}.nsp.has-results .nsp__pick{display:none}.nsp__bar{display:block;width:100%;height:7px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.nsp__bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .7s ease}.nsp__result-line{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin-top:9px}.nsp__percent{color:var(--accent);font-size:1.2rem;font-weight:1000;line-height:1.2;text-shadow:0 1px 1px #000,0 0 12px var(--glow)}.nsp__votes{color:#e4d8e3;font-size:.73rem;font-weight:700}.nsp__card.is-top-three{box-shadow:0 0 calc(12px + 32px * var(--heat,0)) var(--glow)!important}.nsp__card.is-top-three .nsp__rank{background:var(--accent);color:#100915}.nsp__card.is-my-vote::after{content:'הבחירה שלי';position:absolute;inset-block-start:0;inset-inline-end:0;padding:4px 9px;border-radius:0 0 0 10px;background:var(--accent);color:#120b15;font-size:.7rem;font-weight:900}.nsp.is-busy .nsp__card{pointer-events:none;opacity:.75}
.nsp.has-results .nsp__card.is-unranked .nsp__rank{display:none}
.nsp__card.is-my-vote::after{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.38)}
.nsp__card.is-top-three:nth-child(odd) .nsp__rank{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.38)}
@media(max-width:900px){.nsp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.nsp{padding:15px;border-radius:18px}.nsp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nsp__card{padding:5px 5px 11px;border-radius:13px}.nsp__photo{border-radius:9px}.nsp__name{font-size:.9rem}.nsp__intro{margin-bottom:14px!important}.nsp__summary{padding:11px 12px}.nsp__percent{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.nsp__card,.nsp__bar i{transition:none}}

/* Results layout: ranking belongs below the portrait, not on top of faces. */
.nsp__identity{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:0;margin:11px 0 8px}
.nsp__identity .nsp__name{display:block;order:2;flex:0 0 auto;width:100%;min-width:0;margin:0;color:#fff;text-align:center;overflow-wrap:anywhere;line-height:1.3}
.nsp.has-results .nsp__identity{min-height:68px}
.nsp.has-results .nsp__identity .nsp__rank{display:grid;order:1;place-items:center;align-self:center;position:static;inset:auto;flex:0 0 auto;width:max-content;min-width:34px;height:30px;margin:0;padding:0 7px;line-height:1;font-size:.76rem}
.nsp.has-results .nsp__card.is-unranked .nsp__rank{display:grid;visibility:hidden}
.nsp .nsp__card.is-my-vote::after{color:#101010;text-shadow:none}
/* Fill percentage is the actual vote share (0-100), anchored to the RTL start edge. */
.nsp .nsp__bar{position:relative;display:block;direction:rtl;width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.21)}
.nsp .nsp__bar i{position:absolute;inset-block:0;inset-inline-start:0;display:block;min-width:0;max-width:100%;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .7s ease}
@media(max-width:620px){.nsp__identity{gap:5px;margin:9px 0 7px}.nsp.has-results .nsp__identity{min-height:64px}.nsp.has-results .nsp__identity .nsp__rank{min-width:30px;height:26px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.nsp .nsp__bar i{transition:none}}

/* Vote count hidden by design; keep vote totals available to ranking calculations. */
.nsp .nsp__result-line{display:flex;align-items:center;justify-content:center;width:100%;gap:0}
.nsp .nsp__result-line .nsp__votes{display:none!important}
.nsp .nsp__result-line .nsp__percent{display:block;width:100%;min-width:0;margin:0;text-align:center;direction:ltr;unicode-bidi:isolate}

/* Mobile dense 4-up layout. Compact ranking, 2-line names, percentage aligned. */
@media (max-width:767px){
  .nsp{padding:12px 7px;border-radius:14px}
  .nsp .nsp__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .nsp .nsp__card{min-width:0;padding:3px 3px 7px;border-radius:10px}
  .nsp .nsp__photo{aspect-ratio:1/1;border-radius:7px}
  .nsp .nsp__identity{min-height:0;margin:5px 0 1px;gap:3px}
  .nsp.has-results .nsp__identity{min-height:0}
  .nsp .nsp__identity .nsp__name{
    display:-webkit-box;order:2;flex:0 0 auto;width:100%;
    min-height:2.5em;max-height:2.5em;margin:0;
    font-size:clamp(10px,2.6vw,12px);line-height:1.25;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden;text-align:center;overflow-wrap:anywhere
  }
  .nsp.has-results .nsp__identity .nsp__rank{
    order:1;min-width:25px;width:max-content;height:21px;
    padding:0 4px;font-size:10px;border-width:1px;line-height:1;
    box-shadow:0 1px 5px rgba(0,0,0,.27)
  }
  .nsp.has-results .nsp__card.is-unranked .nsp__rank{
    display:grid;visibility:hidden
  }
  .nsp.has-results .nsp__result{margin-top:0;padding:2px 0 0}
  .nsp .nsp__bar{height:6px}
  .nsp .nsp__result-line{margin-top:3px}
  .nsp .nsp__percent{font-size:clamp(12px,3vw,15px);line-height:1.15}
  .nsp .nsp__pick{
    margin-top:3px;padding:3px 2px;font-size:10px;
    line-height:1.2;max-width:100%
  }
  .nsp .nsp__card.is-my-vote::after{
    inset-block-start:0;inset-inline-end:0;
    max-width:100%;padding:2px 3px;border-radius:0 0 0 5px;
    font-size:9px;line-height:1.1;color:#101010;text-shadow:none;
    white-space:nowrap
  }
}
@media (max-width:359px){
  .nsp .nsp__grid{gap:4px}
  .nsp .nsp__card{padding:2px 2px 6px}
  .nsp .nsp__identity .nsp__name{font-size:10px}
  .nsp .nsp__card.is-my-vote::after{font-size:8px;padding:2px}
}

/* Selected-vote label contrast by actual card accent: pink = white, teal = black.
   The results script can reorder cards, so match current odd/even position. */
.nsp .nsp__card.is-my-vote:nth-child(odd)::after{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.48);
}
.nsp .nsp__card.is-my-vote:nth-child(even)::after{
  color:#101010;
  text-shadow:none;
}

/* Poll result progress bars v1.0.10: native filled track, no icon element or outline pills. */
.nsp .nsp__bar {
  display:block;position:relative;direction:rtl;
  width:100%;min-width:0;height:12px;
  padding:0;margin:0;overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:#544957;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4);
}
.nsp .nsp__bar > .nsp__bar-fill {
  display:block;position:absolute;
  inset-inline-start:0;inset-inline-end:auto;inset-block:0;
  width:0;max-width:100%;min-width:0;height:100%;
  margin:0;padding:0;overflow:hidden;
  border:0!important;outline:0!important;border-radius:inherit;
  background:var(--accent)!important;
  box-shadow:none!important;transform:none!important;
  transition:width .5s ease-out;
}
.nsp .nsp__photo-label { display:none }
@media(max-width:767px) {
  /* Integrated header belongs to portrait, not the card's floating corner. */
  .nsp .nsp__card.is-my-vote::after { display:none!important;content:none!important }
  .nsp .nsp__card.is-my-vote .nsp__photo-label {
    display:flex;align-items:center;justify-content:center;
    position:absolute;inset-inline:0;inset-block-start:0;z-index:2;
    width:100%;height:14px;min-height:14px;
    margin:0;padding:0 2px;
    border-radius:7px 7px 0 0;
    background:var(--accent);
    color:#fff;
    font-size:clamp(8px,2.2vw,10px);font-weight:900;
    line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.4);
  }
  .nsp .nsp__card.is-my-vote:nth-child(even) .nsp__photo-label {
    color:#101010;text-shadow:none
  }
  .nsp .nsp__card.is-my-vote .nsp__photo > img,
  .nsp .nsp__card.is-my-vote .nsp__photo > .nsp__placeholder {
    position:absolute;top:14px;inset-inline:0;
    width:100%;height:calc(100% - 14px);
    margin:0;object-fit:cover;
  }
  .nsp .nsp__bar{height:9px}
  .nsp.has-results .nsp__result{padding:3px 0 0}
  .nsp .nsp__result-line{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.nsp .nsp__bar > .nsp__bar-fill{transition:none}}

/* Mobile poll: natural one/two-line names, equal compact vertical spacing. */
@media (max-width:767px) {
  .nsp .nsp__identity {
    min-height:0;
    margin:5px 0 0;
    gap:3px;
  }
  .nsp.has-results .nsp__identity {
    min-height:0;
  }
  .nsp .nsp__identity .nsp__name {
    min-height:0;
    height:auto;
    max-height:2.5em;
    margin:0;
    line-height:1.25;
  }
  .nsp.has-results .nsp__result {
    margin:0;
    padding:4px 0 0;
  }
  .nsp .nsp__result-line {
    margin-top:4px;
  }
}

/* Desktop/tablet selected portrait and compact result layout 1.0.12.
   Match the successful mobile arrangement without changing poll vote logic. */
@media (min-width:768px) {
  .nsp .nsp__identity {
    min-height:0;
    margin:8px 0 0;
    gap:5px;
  }
  .nsp.has-results .nsp__identity {
    min-height:0;
  }
  .nsp .nsp__identity .nsp__name {
    min-height:0;
    height:auto;
    max-height:none;
    margin:0;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .nsp.has-results .nsp__identity .nsp__rank {
    min-width:31px;
    height:29px;
    padding:0 6px;
    font-size:.8rem;
  }
  .nsp.has-results .nsp__result {
    margin-top:0;
    padding:6px 3px 0;
  }
  .nsp .nsp__result-line {
    margin-top:5px;
  }
  .nsp .nsp__card.is-my-vote::after {
    display:none!important;
    content:none!important;
  }
  .nsp .nsp__card.is-my-vote .nsp__photo-label {
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    z-index:2;
    inset-block-start:0;
    inset-inline:0;
    width:100%;
    height:22px;
    margin:0;
    padding:1px 5px;
    border-radius:11px 11px 0 0;
    background:var(--accent);
    color:#fff;
    font-size:clamp(11px,1.15vw,13px);
    font-weight:900;
    line-height:1.1;
    text-shadow:0 1px 2px rgba(0,0,0,.4);
  }
  .nsp .nsp__card.is-my-vote:nth-child(even) .nsp__photo-label {
    color:#101010;
    text-shadow:none;
  }
  .nsp .nsp__card.is-my-vote .nsp__photo > img,
  .nsp .nsp__card.is-my-vote .nsp__photo > .nsp__placeholder {
    position:absolute;
    inset-inline:0;
    top:22px;
    width:100%;
    height:calc(100% - 22px);
    object-fit:cover;
    margin:0;
  }
}
@media (min-width:768px) and (max-width:900px) {
  .nsp .nsp__grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .nsp .nsp__card {padding:5px 5px 10px}
  .nsp .nsp__identity {margin-top:6px;gap:4px}
  .nsp.has-results .nsp__result {padding-top:4px}
  .nsp .nsp__card.is-my-vote .nsp__photo-label {height:18px;font-size:10px}
  .nsp .nsp__card.is-my-vote .nsp__photo > img,
  .nsp .nsp__card.is-my-vote .nsp__photo > .nsp__placeholder {
    top:18px;height:calc(100% - 18px)
  }
}

.nsp .nsp__photo{aspect-ratio:1/1}
.nsp[data-effect="elimination"].has-results .nsp__card{border-color:var(--nsp-result-color);box-shadow:0 0 15px color-mix(in srgb,var(--nsp-result-color) 45%,transparent)}
.nsp[data-effect="trophy"].has-results .nsp__card[data-medal]{border:2px solid var(--nsp-result-color);box-shadow:0 0 15px color-mix(in srgb,var(--nsp-result-color) 35%,transparent)}
.nsp[data-effect="trophy"].has-results .nsp__card[data-medal] .nsp__rank{color:var(--nsp-result-color)}
.nsp .nsp__card:disabled{cursor:default}.nsp .nsp__message{text-align:center}
.nsp[data-effect="elimination"].has-results .nsp__card{--accent:var(--nsp-result-color);--glow:color-mix(in srgb,var(--nsp-result-color) 35%,transparent);box-shadow:0 0 16px var(--glow)!important}
.nsp[data-effect="trophy"].has-results .nsp__card{--accent:#9a8ba5;--glow:rgba(154,139,165,.15)}
.nsp[data-effect="trophy"].has-results .nsp__card[data-medal]{--accent:var(--nsp-result-color);--glow:color-mix(in srgb,var(--nsp-result-color) 35%,transparent)}
.nsp[data-effect="trophy"].has-results .nsp__card[data-medal] .nsp__rank{display:flex;gap:5px;justify-content:center;min-width:50px;color:var(--nsp-result-color);background:#120b15;border-color:var(--nsp-result-color);text-shadow:none}
.nsp[data-effect="trophy"].has-results .nsp__rank svg{display:block;width:18px;height:20px}
.nsp[data-show-votes="1"].has-results .nsp__result-line{flex-wrap:wrap;gap:4px}
.nsp[data-show-votes="1"].has-results .nsp__result-line .nsp__votes{display:block!important;width:100%;text-align:center;font-size:.75rem}

