/* =====================================================================
   DGטל PLAY — "Matchday" design system
   A light sports-broadcast identity: navy scoreboard bars, turf green,
   volt highlights, skewed on-air labels, pitch-line backdrops.
   Display: Karantina (condensed, poster). UI/body: IBM Plex Sans Hebrew.
   Fonts are self-hosted (work behind content filters and offline).
   ===================================================================== */
@font-face{font-family:'Karantina';font-weight:400;font-display:swap;src:url(fonts/karantina-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Karantina';font-weight:700;font-display:swap;src:url(fonts/karantina-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Karantina';font-weight:400;font-display:swap;src:url(fonts/karantina-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Karantina';font-weight:700;font-display:swap;src:url(fonts/karantina-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Plex';font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-hebrew-600-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Plex';font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Plex';font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}
@font-face{font-family:'Plex';font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212;}

:root{
  --navy:#0B1B3A; --navy-2:#132A55; --navy-3:#1D3B72;
  --turf:#00B25E; --turf-d:#008746; --volt:#D6F43A; --coral:#FF4B3E; --sky:#2E7CF6;
  --bg:#F2F5F9; --card:#FFFFFF; --line:#D9E1EC; --line-2:#C3CFDF;
  --text:#0B1B3A; --soft:#465676; --faint:#7282A0;
  --display:'Karantina','Plex',system-ui,sans-serif;
  --ui:'Plex','Heebo',system-ui,sans-serif;
  --r-lg:18px; --r-md:12px; --r-sm:8px;
  --skew:-10deg;
  --hud:60px;
}

/* ================= base ================= */
html.play{scroll-padding-top:calc(var(--hud) + 20px);}
html.play body{background:var(--bg) !important;background-image:none !important;color:var(--text) !important;font-family:var(--ui) !important;font-weight:400 !important;-webkit-font-smoothing:antialiased;}
html.play :focus-visible{outline:3px solid var(--sky) !important;outline-offset:2px;}
html.play ::selection{background:var(--volt);color:var(--navy);}
html.play h1,html.play h2,html.play h3,html.play h4,html.play h5,html.play .serif,
html.play button,html.play input,html.play textarea,html.play select,html.play label{font-family:var(--ui) !important;}
html.play b,html.play strong{font-weight:600;}

/* on-air label: the skewed broadcast tag used across the site */
.pl-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;transform:skewX(var(--skew));background:var(--volt);color:var(--navy);font:700 13px/1.2 var(--ui);white-space:nowrap;}
.pl-tag > *{transform:skewX(calc(var(--skew) * -1));}
.pl-tag.navy{background:var(--navy);color:#fff;}
.pl-tag.turf{background:var(--turf);color:#fff;}
.pl-tag.coral{background:var(--coral);color:#fff;}
.pl-tag.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;}

/* ================= HUD (top bar) ================= */
.pl-hud{position:sticky;top:0;z-index:900;height:var(--hud);display:flex;align-items:stretch;background:var(--navy);color:#fff;font-family:var(--ui);box-shadow:0 1px 0 rgba(255,255,255,.06);}
.pl-brand{display:flex;align-items:center;gap:10px;padding:0 22px 0 28px;background:var(--volt);color:var(--navy);text-decoration:none;clip-path:polygon(0 0,100% 0,100% 100%,14px 100%);flex:none;}
.pl-brand b{font:700 30px/1 var(--display);letter-spacing:.5px;}
.pl-brand span{font:600 12px/1.15 var(--ui);}
.pl-nav{display:flex;align-items:stretch;gap:2px;padding:0 12px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;}
.pl-nav::-webkit-scrollbar{display:none;}
.pl-nav a{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;color:#C9D4EA;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;}
.pl-nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.pl-nav a:hover{color:#fff;}
.pl-nav a[aria-current="page"]{color:#fff;}
.pl-nav a[aria-current="page"]::after{content:"";position:absolute;inset-inline:10px;bottom:0;height:4px;background:var(--volt);transform:skewX(var(--skew));}
.pl-nav .sep{width:1px;margin:16px 6px;background:rgba(255,255,255,.14);flex:none;}

/* scoreboard clock */
.pl-score{display:flex;align-items:stretch;margin:10px 16px 10px 14px;text-decoration:none;flex:none;font-variant-numeric:tabular-nums;}
.pl-score .k{display:flex;align-items:center;padding:0 10px;background:var(--coral);color:#fff;font:600 12.5px var(--ui);}
.pl-score .k i{width:7px;height:7px;border-radius:50%;background:#fff;margin-inline-end:6px;animation:plBlink 1.6s ease-in-out infinite;}
.pl-score .v{display:flex;align-items:center;padding:0 12px;background:#fff;color:var(--navy);font:700 24px/1 var(--display);letter-spacing:1px;direction:ltr;}
.pl-score.is-live .k{background:var(--turf);}
.pl-score.is-rest .k{background:var(--navy-3);}
.pl-score.is-rest .k i{animation:none;opacity:.5;}
@keyframes plBlink{50%{opacity:.25}}

/* bottom dock (mobile) */
.pl-dock{display:none;}
@media (max-width:900px){
  .pl-nav{display:none;}
  .pl-hud{justify-content:space-between;}
  .pl-brand{padding:0 16px 0 22px;}
  .pl-brand span{display:none;}
  .pl-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:900;background:var(--navy);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px -12px rgba(11,27,58,.5);}
  .pl-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;color:#AFBCD6;text-decoration:none;font-size:11px;font-weight:500;position:relative;}
  .pl-dock a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .pl-dock a[aria-current="page"]{color:#fff;}
  .pl-dock a[aria-current="page"]::before{content:"";position:absolute;top:-6px;inset-inline:26%;height:4px;background:var(--volt);transform:skewX(var(--skew));}
  html.play body{padding-bottom:74px;}
}
@media (max-width:380px){ .pl-score .v{font-size:20px;padding:0 8px;} .pl-score .k{padding:0 7px;font-size:11.5px;} }

/* ================= page header (broadcast banner) ================= */
.pl-banner{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:26px 0 96px;isolation:isolate;}
.pl-banner::before{ /* pitch lines */
  content:"";position:absolute;inset:0;z-index:-1;opacity:.13;
  background:
    radial-gradient(circle at 18% 120%, transparent 0 118px, #fff 119px 121px, transparent 122px),
    linear-gradient(90deg, transparent calc(18% - 1px), #fff calc(18% - 1px) calc(18% + 1px), transparent calc(18% + 1px)),
    linear-gradient(#fff,#fff) 0 calc(100% - 40px)/100% 2px no-repeat;
}
.pl-banner::after{content:"";position:absolute;inset-inline-end:-80px;top:-40px;width:340px;height:140%;background:linear-gradient(180deg,rgba(0,178,94,.28),rgba(0,178,94,0));transform:skewX(var(--skew));z-index:-1;}
.pl-wrap{max-width:1120px;margin:0 auto;padding:0 22px;}
.pl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:#AFBCD6;margin-bottom:18px;}
.pl-crumbs a{color:#DCE4F3;text-decoration:none;}
.pl-crumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pl-crumbs .s{opacity:.5;}
.pl-banner h1{font:700 clamp(46px,7vw,84px)/.95 var(--display) !important;letter-spacing:.3px;color:#fff !important;margin:10px 0 12px !important;}
.pl-banner p.lead{max-width:640px;font-size:17px;line-height:1.65;color:#C9D4EA;}
.pl-banner .pl-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.pl-body{margin-top:-64px;position:relative;z-index:2;}
@media (max-width:640px){ .pl-banner{padding:20px 0 84px;} .pl-banner p.lead{font-size:15.5px;} }

/* ================= related tools rail ================= */
.pl-related{margin:40px auto 0;}
.pl-related h2{display:flex;align-items:center;gap:12px;font:700 34px/1 var(--display) !important;margin:0 0 14px !important;}
.pl-related .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.pl-tl{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s;}
.pl-tl:hover{border-color:var(--navy);transform:translateY(-2px);}
.pl-tl .ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--bg);color:var(--navy);}
.pl-tl .ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.pl-tl b{display:block;font-size:15px;font-weight:600;line-height:1.3;}
.pl-tl small{display:block;font-size:12.5px;color:var(--faint);margin-top:2px;}

/* ================= footer ================= */
.pl-foot{margin-top:72px;background:var(--navy);color:#AFBCD6;font-size:14px;}
.pl-foot .pl-wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:30px;}
.pl-foot a{color:#DCE4F3;text-decoration:none;}
.pl-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pl-foot nav{display:flex;flex-wrap:wrap;gap:18px;}
.pl-foot .home{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:600;}
.pl-foot .home .pl-tag{font-size:12px;}

/* =====================================================================
   RE-SKIN OF THE ORIGINAL PAGE COMPONENTS (tools + games)
   ===================================================================== */
html.play[data-theme="light"], html.play[data-theme="light"] body, html.play.pl-xw body{
  --ink:#F2F5F9; --ink-2:#E8EEF5; --panel:#FFFFFF; --panel-line:#D9E1EC;
  --gold:#00B25E; --gold-bright:#008746; --indigo:#2E7CF6;
  --ivory:#0B1B3A; --muted:#465676; --muted-2:#7282A0;
  --ok:#00A456; --bad:#E0412A; --warm:#C9510C;
}

/* chrome that belongs to the business site, not to PLAY */
html.play #preloader,html.play #progress,html.play .grain,html.play .crazy-blobs,html.play #siteHeader,
html.play .ribbon,html.play #exitModal,html.play .mobile-drawer,html.play #aiChatBtn,html.play #aiPanel,
html.play #fabWa,html.play #fabTop,html.play .toolbar-dock,html.play #qrModal,html.play footer.site-footer,
html.play .calc-back,html.play .theme-toggle,html.play .calc-hero,html.play header.top,
html.play body > footer:not(.pl-foot),html.play main.wrap > .kicker,
html.play .se-skip-link,html.play #se-top-btn,html.play #se-progress,html.play #se-call-btn{display:none !important;}
html.play .reveal{opacity:1 !important;transform:none !important;}
html.play .section{padding:0 0 28px !important;}
html.play .section .wrap{max-width:1120px;padding:0 22px;}

/* the work surface */
html.play .fin-tool{
  max-width:none !important;background:var(--card) !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;
  padding:30px 30px 26px !important;box-shadow:0 18px 40px -28px rgba(11,27,58,.45) !important;
}
html.play .pl-body .section:first-of-type .fin-tool{border-top:5px solid var(--turf) !important;}
@media (max-width:640px){ html.play .fin-tool{padding:22px 16px 18px !important;border-radius:14px !important;} }
html.play .fin-tool + .fin-tool{margin-top:22px !important;}
html.play .fin-tool-head{align-items:center !important;padding-bottom:18px;margin-bottom:22px !important;border-bottom:1px solid var(--line);}
html.play .fin-tool-head h4{font:700 30px/1.05 var(--display) !important;letter-spacing:.3px;color:var(--text) !important;}
html.play .fin-tool-head p{color:var(--soft) !important;font-size:14.5px !important;max-width:560px !important;}
html.play .fin-badge{transform:skewX(var(--skew));border:0 !important;border-radius:0 !important;background:var(--navy) !important;color:#fff !important;font-weight:600 !important;font-size:12.5px !important;padding:5px 12px !important;}
html.play .fin-badge i{background:var(--volt) !important;box-shadow:none !important;}
html.play .fin-badge > *{transform:skewX(10deg);display:inline-block;}

/* fields */
html.play .calc-field label, html.play label{color:var(--soft) !important;font-weight:500;font-size:13px !important;}
html.play input[type="text"],html.play input[type="number"],html.play input[type="password"],html.play input[type="email"],
html.play input[type="search"],html.play input[type="url"],html.play input[type="tel"],html.play input[type="date"],html.play input[type="time"],
html.play input:not([type]),html.play textarea,html.play select{
  background:#fff !important;color:var(--text) !important;border:1.5px solid var(--line-2) !important;border-radius:var(--r-md) !important;
  font-size:16px !important;transition:border-color .15s, box-shadow .15s;
}
html.play input:focus,html.play textarea:focus,html.play select:focus{border-color:var(--navy) !important;box-shadow:0 0 0 4px rgba(46,124,246,.16) !important;outline:none !important;}
html.play input::placeholder,html.play textarea::placeholder{color:var(--faint) !important;}
html.play input[type="range"]{accent-color:var(--turf);}
html.play input[type="checkbox"],html.play input[type="radio"]{accent-color:var(--turf);}

/* buttons */
html.play .im-btn,html.play .btn,html.play .tg-btn,html.play .oq-quick,html.play .dc-reaction-btn{
  border:1.5px solid var(--line-2) !important;border-radius:var(--r-md) !important;background:#fff !important;color:var(--text) !important;
  font-weight:600 !important;box-shadow:none !important;transition:background .15s,border-color .15s,transform .1s !important;
}
html.play .im-btn::before{display:none !important;}
html.play .im-btn:hover,html.play .btn:hover,html.play .oq-quick:hover{border-color:var(--navy) !important;transform:none !important;box-shadow:none !important;}
html.play .im-btn:active,html.play .btn:active,html.play .oq-quick:active{transform:scale(.98) !important;}
html.play .im-btn.primary,html.play .btn.primary,html.play .tg-btn{background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;}
html.play .im-btn.primary:hover,html.play .btn.primary:hover,html.play .tg-btn:hover{background:var(--navy-3) !important;}
html.play .im-btn.danger{color:var(--coral) !important;}
html.play .im-btn[disabled],html.play .im-btn[aria-disabled="true"],html.play .btn:disabled{opacity:.45;}

/* tabs & pills → segmented, broadcast style */
html.play .calc-tabs,html.play .pdfm-mode-tabs{gap:6px !important;padding:6px;background:var(--bg);border-radius:14px;justify-content:flex-start !important;}
html.play .calc-tab,html.play .pdfm-mode-tab{border:0 !important;border-radius:10px !important;background:transparent !important;color:var(--soft) !important;font-weight:600 !important;box-shadow:none !important;}
html.play .calc-tab:hover,html.play .pdfm-mode-tab:hover{background:#fff !important;color:var(--text) !important;}
html.play .calc-tab.active,html.play .pdfm-mode-tab.active{background:var(--navy) !important;color:#fff !important;}
html.play .calc-pill,html.play .tp-pills button,html.play .im-filter-chip,html.play .sb-mode-pill,html.play .pdfm-split-pill,html.play .im-preset-btn{
  border:1.5px solid var(--line-2) !important;background:#fff !important;color:var(--soft) !important;border-radius:999px !important;font-weight:500 !important;
}
html.play .calc-pill.active,html.play .im-filter-chip.active,html.play .sb-mode-pill.active,html.play .pdfm-split-pill.active,html.play .im-preset-btn.active{
  background:var(--turf) !important;border-color:var(--turf) !important;color:#fff !important;
}

/* drop zones */
html.play .pdfp-drop,html.play .im-drop{border:2px dashed var(--line-2) !important;background:var(--bg) !important;border-radius:16px !important;}
html.play .pdfp-drop:hover,html.play .im-drop:hover,html.play .pdfp-drop.dragover,html.play .im-drop.dragover{border-color:var(--turf) !important;background:rgba(0,178,94,.06) !important;}
html.play .pdfp-drop.has-file{border-style:solid !important;border-color:var(--turf) !important;}
html.play .pdfp-drop svg,html.play .im-drop svg{stroke:var(--turf) !important;}

/* results: a scoreboard */
html.play .calc-result{background:var(--navy) !important;border:0 !important;border-radius:14px !important;color:#fff !important;}
html.play .calc-result span{color:#AFBCD6 !important;}
html.play .calc-result b{color:var(--volt) !important;font:700 38px/1.05 var(--display) !important;letter-spacing:.5px;}
html.play .calc-result.highlight,html.play .calc-results .calc-result:first-child{background:var(--turf) !important;}
html.play .calc-result.highlight b,html.play .calc-results .calc-result:first-child b{color:#fff !important;}
html.play .calc-results .calc-result:first-child span{color:#E3F8EC !important;}
html.play .calc-bar{background:var(--line) !important;}
html.play .calc-bar i{background:var(--turf) !important;}
html.play .calc-note{color:var(--faint) !important;font-size:13px !important;}
html.play table{border-color:var(--line) !important;}
html.play th{background:var(--bg) !important;color:var(--text) !important;}

/* modals, toasts, cookie */
html.play .modal-overlay,html.play .overlay{background:rgba(11,27,58,.55) !important;backdrop-filter:blur(4px);}
html.play .modal-box,html.play .modal{background:#fff !important;border:0 !important;border-radius:20px !important;border-top:6px solid var(--turf) !important;box-shadow:0 30px 60px -20px rgba(11,27,58,.5) !important;color:var(--text) !important;}
html.play .modal-close,html.play .close{color:var(--text) !important;}
html.play .cookie-bar{background:var(--navy) !important;color:#DCE4F3 !important;border:0 !important;border-radius:14px !important;max-width:720px;inset-inline:14px !important;margin:0 auto;box-shadow:0 20px 40px -18px rgba(11,27,58,.6) !important;}
html.play .cookie-bar p{color:#DCE4F3 !important;}
html.play .cookie-btn{border-radius:10px !important;}
html.play .cookie-btn.accept{background:var(--volt) !important;color:var(--navy) !important;border-color:var(--volt) !important;}
html.play .fab{box-shadow:0 8px 20px -8px rgba(11,27,58,.5) !important;}
@media (max-width:900px){ html.play .float-btns{bottom:86px !important;} html.play .cookie-bar{bottom:84px !important;} }

/* members gate on some tools */
html.play :has(> .tg-card){background:rgba(11,27,58,.72) !important;backdrop-filter:blur(6px);}
html.play .tg-card{background:#fff !important;border:0 !important;border-top:6px solid var(--volt) !important;border-radius:20px !important;box-shadow:0 30px 60px -20px rgba(0,0,0,.5) !important;}
html.play .tg-card img{filter:invert(1) hue-rotate(180deg);}

/* ================= daily games ================= */
/* challenge page: one game at a time */
.pl-tabs{display:flex;gap:0;margin:0 0 20px;background:var(--navy);border-radius:14px;padding:6px;overflow-x:auto;scrollbar-width:none;}
.pl-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#C9D4EA;cursor:pointer;font:600 16px var(--ui);white-space:nowrap;}
.pl-tabs button small{font:500 12px var(--ui);color:#8FA0C2;}
.pl-tabs button:hover{color:#fff;background:rgba(255,255,255,.06);}
.pl-tabs button[aria-selected="true"]{background:var(--volt);color:var(--navy);}
.pl-tabs button[aria-selected="true"] small{color:var(--navy-3);}
.pl-tabs svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width:560px){ .pl-tabs button small{display:none;} .pl-tabs button{font-size:14.5px;padding:11px 8px;} }
html.play .oq-three-col{display:block !important;max-width:none;margin:0;}
html.play .oq-three-col > div{display:none;}
html.play .oq-three-col[data-tab="challenge"] > .oq-col-center,
html.play .oq-three-col[data-tab="anagram"] > .oq-col-right,
html.play .oq-three-col[data-tab="trivia"] > .oq-col-left{display:block;}
html.play .oq-side{padding:30px 30px 26px !important;}
html.play .oq-auth-tab{border-radius:10px !important;}
html.play .oq-auth-tab.active{background:var(--navy) !important;color:#fff !important;border-color:var(--navy) !important;}
html.play .oq-entry{background:#fff !important;border-color:var(--line) !important;}
html.play .oq-entry.is-me{border-color:var(--turf) !important;background:rgba(0,178,94,.06) !important;}
html.play .oq-hud{background:var(--navy) !important;color:#fff !important;border:0 !important;}
html.play .xw-promo{background:var(--navy) !important;border:0 !important;border-radius:14px !important;color:#fff !important;}
html.play .xw-promo small{color:#AFBCD6 !important;}
html.play .dc-stat{background:var(--navy) !important;border:0 !important;border-radius:12px !important;color:#AFBCD6 !important;}
html.play .dc-stat b{color:var(--volt) !important;font:700 40px/1 var(--display) !important;}
html.play .dc-reaction-btn{border-radius:999px !important;}
html.play #ideaFormWrap{border-top-color:var(--sky) !important;}

/* crossword (own stylesheet) */
html.play.pl-xw main.wrap{max-width:1120px;padding:0 22px 20px;}
html.play.pl-xw main.wrap > h1,html.play.pl-xw main.wrap > .lead{display:none;}
html.play.pl-xw .chips{justify-content:flex-start;margin-top:0;}
html.play.pl-xw .chip{background:#fff !important;border:1.5px solid var(--line-2) !important;color:var(--soft) !important;}
html.play.pl-xw .card,html.play.pl-xw section.panel{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;box-shadow:0 18px 40px -28px rgba(11,27,58,.45) !important;padding:22px !important;}
html.play.pl-xw .clue-bar{background:var(--navy) !important;border:0 !important;color:#fff !important;}
html.play.pl-xw .clue-bar b{color:var(--volt) !important;}
html.play.pl-xw .cell{background:#fff !important;color:var(--navy) !important;border:1.5px solid var(--line-2);font-family:var(--display);font-weight:700;font-size:30px !important;}
html.play.pl-xw .cell.block{background:var(--navy) !important;border-color:var(--navy);}
html.play.pl-xw .cell.word{background:#E4ECF8 !important;}
html.play.pl-xw .cell.cur{background:var(--volt) !important;border-color:var(--navy);}
html.play.pl-xw .cell.wrong{background:#FFD4CF !important;color:#8a1f1f !important;}
html.play.pl-xw .cell.done{background:#C9F2DB !important;}
html.play.pl-xw .cell .num{color:var(--faint) !important;font-family:var(--ui);}
html.play.pl-xw .key{background:#fff !important;border:1.5px solid var(--line-2) !important;color:var(--navy) !important;}
html.play.pl-xw .key:active{background:var(--volt) !important;}
html.play.pl-xw .lb-row{background:var(--bg) !important;border:1px solid var(--line) !important;}
html.play.pl-xw .lb-row.me{background:#E3F8EC !important;border-color:var(--turf) !important;}
html.play.pl-xw .timer{font:700 30px/1 var(--display) !important;}
html.play.pl-xw details{background:#fff;border:1px solid var(--line) !important;border-radius:14px;margin-top:18px;}

@media (prefers-reduced-motion:reduce){ html.play *{animation:none !important;transition:none !important;} }

/* ---- hardening against the original page CSS (it styles bare header/nav/a) ---- */
html.play .pl-hud{padding:0 !important;margin:0 !important;border:0 !important;transform:none !important;backdrop-filter:none !important;height:var(--hud) !important;min-height:0 !important;width:auto !important;inset:auto !important;top:0 !important;}
html.play .pl-hud a{margin:0 !important;}
html.play .pl-nav{margin:0 !important;background:none !important;position:static !important;transform:none !important;}
html.play .pl-nav a{font-size:15px !important;letter-spacing:0 !important;border:0 !important;background:none !important;}
html.play .pl-dock{margin:0 !important;border:0 !important;}
.pl-banner .pl-tag.ghost,.hero .pl-tag.ghost{color:#fff;}
html.play .cookie-btn{color:#DCE4F3 !important;border:1.5px solid rgba(255,255,255,.35) !important;background:transparent !important;}
html.play .cookie-btn.accept{color:var(--navy) !important;background:var(--volt) !important;border-color:var(--volt) !important;}
/* when the page opens with navigation rather than a tool card, don't overlap the banner */
.pl-banner.flat{padding-bottom:34px;}
.pl-body.flat{margin-top:0;padding-top:28px !important;}
html.play .calc-tabs + .calc-note, html.play .section > .wrap > .calc-note{color:var(--soft) !important;}
.pl-picker{background:#fff;border:1px solid var(--line);border-top:5px solid var(--volt);border-radius:var(--r-lg);padding:18px 20px 12px;margin-bottom:22px;box-shadow:0 18px 40px -28px rgba(11,27,58,.45);}
html.play .pl-picker .calc-tabs{background:transparent;padding:0;margin-bottom:14px !important;}
html.play .pl-picker .calc-tab{background:var(--bg) !important;}
html.play .pl-picker .calc-tab.active{background:var(--navy) !important;}
html.play .pl-picker > *:not(.calc-tabs){font-weight:600;color:var(--navy) !important;}
.pl-tag[hidden]{display:none;}
html.play .pl-picker .calc-cat-label{font-size:13px !important;color:var(--faint) !important;margin:0 0 8px !important;font-weight:600;}
html.play .pl-picker .calc-tabs:last-child{margin-bottom:4px !important;}
.pl-score em{font-style:normal;}
.pl-foot .home{gap:14px;}
.pl-foot .home img{display:block;height:32px;width:auto;}
.pl-foot .home span{font-size:14px;color:#AFBCD6;font-weight:500;padding-inline-start:14px;border-inline-start:1px solid rgba(255,255,255,.18);}
.pl-foot .home:hover span{color:#fff;}

/* sudoku in the PLAY skin */
html.play .sdk-grid{border:3px solid var(--navy) !important;border-radius:12px;background:#fff !important;}
html.play .sdk-cell{font-family:var(--ui) !important;color:var(--sky) !important;border-color:var(--line) !important;}
html.play .sdk-cell.br{border-right:3px solid var(--navy) !important;}
html.play .sdk-cell.bb{border-bottom:3px solid var(--navy) !important;}
html.play .sdk-cell.given{color:var(--navy) !important;font-weight:700;}
html.play .sdk-cell.peer{background:#F1F5FB;}
html.play .sdk-cell.same{background:#DCEBFF;}
html.play .sdk-cell.sel{background:var(--volt);box-shadow:inset 0 0 0 2px var(--navy);}
html.play .sdk-cell.clash{color:var(--coral) !important;}
html.play .sdk-cell.bad{background:#FFE1DD;}
html.play .sdk-notes i{color:var(--faint);}
html.play .sdk-key{background:#fff !important;border:1.5px solid var(--line-2) !important;color:var(--navy) !important;}
html.play .sdk-key:hover{border-color:var(--navy) !important;}
html.play .sdk-tools .cb-tool.on{background:var(--navy) !important;color:#fff !important;border-color:var(--navy) !important;}
html.play .sdk .cb-send.ready{box-shadow:0 0 0 4px rgba(214,244,58,.7) !important;}

/* trivia round in the PLAY skin */
html.play .tv-hero-num{background:var(--navy);color:var(--volt);font-family:var(--display);font-size:58px;border-radius:14px;}
html.play .tv-hero-title{font:700 30px/1 var(--display) !important;color:var(--navy);}
html.play .tv-step{background:#fff;border-color:var(--line);}
html.play .tv-step b{font:700 26px/1 var(--display);color:var(--navy);}
html.play .tv-step.on{border-color:var(--navy);box-shadow:0 0 0 3px var(--volt);}
html.play .tv-step.ok{background:#E3F8EC;border-color:var(--turf);} html.play .tv-step.ok b{color:var(--turf-d);}
html.play .tv-step.no{background:#FFE9E6;border-color:var(--coral);} html.play .tv-step.no b{color:var(--coral);}
html.play .tv-stats span{background:var(--bg);border-radius:12px;padding:10px 4px;}
html.play .tv-stats b{font:700 30px/1 var(--display);color:var(--navy);}
html.play .im-btn.primary.tv-go{background:var(--volt) !important;border-color:var(--volt) !important;color:var(--navy) !important;font:700 28px/1 var(--display) !important;}
html.play .im-btn.primary.tv-go:hover{background:#E3FB6A !important;}
html.play .tv-cat{background:var(--navy);color:#fff;border-radius:0;transform:skewX(var(--skew));}
html.play .tv-clock b{font:700 38px/1 var(--display);color:var(--navy);min-width:44px;}
html.play .tv-bar{height:12px;background:var(--line);}
html.play .tv-bar i{background:var(--turf);}
html.play .tv-clock.hurry .tv-bar i{background:var(--coral);} html.play .tv-clock.hurry b{color:var(--coral);}
html.play .tv-q{font-size:22px !important;font-weight:700 !important;color:var(--navy);}
html.play .tv-opt{background:#fff;border:1.5px solid var(--line-2);color:var(--navy);font-weight:500;}
html.play .tv-opt:hover:not(:disabled){border-color:var(--navy);background:#F6F9FD;}
html.play .tv-opt kbd{background:var(--bg);color:var(--navy);font-family:var(--ui);}
html.play .tv-opt.picked{border-color:var(--navy);}
html.play .tv-opt.right{background:#E3F8EC;border-color:var(--turf);} html.play .tv-opt.right kbd{background:var(--turf);color:#fff;}
html.play .tv-opt.wrong{background:#FFE9E6;border-color:var(--coral);} html.play .tv-opt.wrong kbd{background:var(--coral);}
html.play .tv-fb b.ok{color:var(--turf-d);font:700 34px/1 var(--display);} html.play .tv-fb b.no{color:var(--coral);}
html.play .tv-score{background:var(--navy);border:0;border-radius:16px;}
html.play .tv-score span,html.play .tv-score i{color:#AFBCD6;}
html.play .tv-score b{color:var(--volt);font:700 84px/1 var(--display);}
html.play .tv-score em{color:#fff;}
html.play .tv-h{font:700 30px/1 var(--display) !important;color:var(--navy);}
html.play .tv-board li{background:#fff;border-color:var(--line);}
html.play .tv-board li.me{border-color:var(--turf);background:#E3F8EC;}
html.play .tv-board b{font:700 24px/1 var(--display);color:var(--navy);}
html.play .tv-top summary,html.play .tv-review summary{color:var(--navy);}

/* ידיעות in the PLAY skin */
html.play .dc-story-cat{background:var(--navy);color:#fff;border-radius:0;transform:skewX(var(--skew));}
html.play .dc-story-q{font:700 34px/1.2 var(--display) !important;color:var(--navy) !important;max-width:640px !important;}
html.play .dc-story-article{background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 18px 40px -28px rgba(11,27,58,.45);}
html.play .dc-story-article p{color:var(--text) !important;}
html.play .dc-story-takeaway{background:var(--navy);border:0;border-radius:12px;}
html.play .dc-story-takeaway small{color:var(--volt);}
html.play .dc-story-takeaway b{color:#fff;font:700 24px/1.25 var(--display);}

/* quiz arena in the PLAY skin */
html.play .qa-hud{background:var(--navy);border:0;color:#AFBCD6;}
html.play .qa-hud b{color:var(--volt);font:700 34px/1 var(--display);}
html.play .qa-rules span{background:var(--bg);border-color:var(--line);}
html.play .qa-rules b{font:700 34px/1 var(--display);color:var(--navy);}
html.play .qa-live b{color:var(--navy);}
html.play .im-btn.primary.qa-go{background:var(--volt) !important;border-color:var(--volt) !important;color:var(--navy) !important;font:700 28px/1 var(--display) !important;}
html.play .qa-note a,html.play .qa-score a{color:var(--sky);}
html.play .qa-score{background:var(--navy);border:0;}
html.play .qa-score span,html.play .qa-score i{color:#AFBCD6;}
html.play .qa-score b{color:var(--volt);font:700 80px/1 var(--display);}
html.play .qa-score em{color:#fff;}
html.play .qa-champ{background:#FFF7D6;border-color:#F2C94C;color:var(--navy);}
html.play .qa-tabs{background:var(--bg);}
html.play .qa-tabs button{color:var(--soft);}
html.play .qa-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;}
html.play .qa-board li{background:#fff;border-color:var(--line);}
html.play .qa-board li.me{border-color:var(--turf);background:#E3F8EC;}
html.play .qa-board b{font:700 24px/1 var(--display);color:var(--navy);}
html.play .reveal{filter:none !important;}