:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#1c2430;
  --muted:#6c7786;
  --line:#e7ebf2;
  --progress-bg:#e8f5e9;
  --progress-fill:#57b85f;
  --ok:#57b85f;
  --bad:#ef6c64;
  --shadow:0 10px 28px rgba(30,40,60,.10);
  --end-bg: linear-gradient(180deg,#f7f3ff 0%, #ebe4ff 100%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Heebo",Arial,sans-serif;
  background:#ffffff;
  color:var(--text);
}
button, input{font-family:"Heebo",Arial,sans-serif}

.wrap{
  max-width:540px;
  margin:0 auto;
  min-height:100vh;
  padding:8px 16px 32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  background:#ffffff;
}
.site-header{
  width:100%;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  margin:0;
  padding:0;
  background:#ffffff;
}
.main-title{
  font-family:"Heebo",sans-serif;
  margin:0;
  font-size:2rem;
  line-height:1.15;
  font-weight:700;
  color:#000;
}
.header-sub{
  margin:0;
  text-align:center;
  color:#111;
  font-size:13px;
  line-height:1.35;
  font-weight:400;
}
.header-sub b{
  font-weight:700;
}
.header-meta{
  margin:0;
  text-align:center;
  color:#6b7280;
  font-size:14px;
  line-height:1.3;
  font-weight:400;
}
.progress-wrap{
  width:min(360px,92vw);
  position:relative;
  margin-top:0;
  margin-bottom:8px;
}
.progress-line{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  font-size:14px;
  font-weight:800;
  color:#2f6b36;
  pointer-events:none;
  white-space:nowrap;
}
.progress-line strong{
  display:inline-block;
  margin-inline:5px;
}
.progress-bar{
  width:100%;
  height:36px;
  background:var(--progress-bg);
  border-radius:999px;
  overflow:hidden;
  border:1px solid #c8e6c9;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.04);
}
.progress{
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#81c784 0%, var(--progress-fill) 100%);
  transition:width .3s ease;
}
.board-shell{
  width:min(420px,94vw);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:var(--shadow);
  padding:10px 14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.flower{
  width:320px;
  height:320px;
  position:relative;
  margin-top:0;
  touch-action:none;
  user-select:none;
}
.swipe-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:4;
  overflow:visible;
}
.swipe-svg polyline{
  fill:none;
  stroke:#7c5cbf;
  stroke-width:7;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.85;
  filter:drop-shadow(0 2px 4px rgba(80,50,150,.25));
}
.cell.swipe-active{
  filter:brightness(1.08);
  box-shadow:0 6px 0 rgba(0,0,0,.11),0 0 0 3px rgba(159,122,234,.45),0 12px 22px rgba(20,20,40,.08);
}
.cell{
  font-family:"Heebo",sans-serif;
  position:absolute;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#253040;
  border:2px solid rgba(0,0,0,.06);
  box-shadow:0 6px 0 rgba(0,0,0,.11),0 12px 22px rgba(20,20,40,.08);
  user-select:none;
  font-size:34px;
  cursor:pointer;
  transition:opacity .2s ease, filter .15s ease;
  padding:0;
  z-index:5;
  touch-action:none;
}
.cell:hover{filter:brightness(1.03)}
.cell.used{opacity:.35; pointer-events:none}
.cell:active{filter:brightness(.96)}

.yellow{background:#ffcd70}
.blue{background:#91d5ff}
.green{background:#b8e986}
.pink{background:#f8a8c7}
.purple{background:#c9b6ff}
.orange{background:#ffab91}
.red{background:#ff6f61;color:#fff}

/* 7 letters */
.board-7 .cell{width:80px;height:80px}
.board-7 .p1{left:120px;top:8px;transform:rotate(-6deg)}
.board-7 .p2{left:216px;top:64px;transform:rotate(7deg)}
.board-7 .p3{left:216px;top:176px;transform:rotate(-4deg)}
.board-7 .p4{left:120px;top:232px;transform:rotate(6deg)}
.board-7 .p5{left:24px;top:176px;transform:rotate(-7deg)}
.board-7 .p6{left:24px;top:64px;transform:rotate(4deg)}
.board-7 .center{left:120px;top:120px;transform:rotate(-2deg)}

/* 6 letters */
.board-6{margin-top:12px}
.board-6 .cell{width:78px;height:78px}
.board-6 .p1{left:121px;top:18px;transform:rotate(-6deg)}
.board-6 .p2{left:212px;top:71px;transform:rotate(7deg)}
.board-6 .p3{left:212px;top:171px;transform:rotate(-4deg)}
.board-6 .p4{left:121px;top:223px;transform:rotate(6deg)}
.board-6 .p5{left:30px;top:171px;transform:rotate(-7deg)}
.board-6 .p6{left:30px;top:71px;transform:rotate(4deg)}

/* 5 letters */
.board-5{margin-top:12px}
.board-5 .cell{width:76px;height:76px;font-size:32px}
.board-5 .p1{left:122px;top:14px;transform:rotate(-5deg)}
.board-5 .p2{left:217px;top:88px;transform:rotate(7deg)}
.board-5 .p3{left:180px;top:198px;transform:rotate(-4deg)}
.board-5 .p4{left:64px;top:198px;transform:rotate(6deg)}
.board-5 .p5{left:27px;top:88px;transform:rotate(-7deg)}

.input-area{
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
}
.input-area button{
  width:50px;
  height:50px;
  border-radius:50%;
  border:none;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(0,0,0,.10);
}
.clear{background:var(--bad); color:#fff}
.check{background:var(--ok); color:#fff}
.inputWrap{
  flex:0 1 270px;
  height:52px;
  border-radius:999px;
  background:#fff;
  border:2px solid #d7dce6;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.04);
}
.inputWrap input{
  width:100%;
  height:100%;
  border:none;
  background:transparent;
  text-align:center;
  font-size:23px;
  font-weight:700;
  color:#303744;
  outline:none;
  caret-color:transparent;
}
.blink-caret{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:3px;
  height:56%;
  border-radius:99px;
  background:#f3bf3a;
  animation:blink 1s step-end infinite;
  pointer-events:none;
}
.blink-caret.hidden{display:none}
@keyframes blink{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}
.extra-buttons{
  margin-top:8px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.extra-buttons button{
  border:none;
  background:#f4f0fb;
  color:#5f4f88;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.extra-buttons button:hover{filter:brightness(.98)}
.bottom-panel{
  width:min(390px,94vw);
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}
.run-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.mini-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:10px 14px;
  text-align:center;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.mini-box .label{
  display:block;
  font-size:13px;
  color:var(--muted);
  margin-bottom:3px;
}
.mini-box .val{
  font-size:22px;
  font-weight:900;
}
.daily-bottom{
  text-align:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px 16px;
  font-weight:800;
  color:#394252;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.more_games{
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  padding:12px 18px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}

/* ===== מסך סיום ===== */
.endwrap{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.25); backdrop-filter: blur(2px); align-items:center; justify-content:center; padding:14px; z-index:50 }
.endwrap.show{ display:flex; }
.endcard{
  width:min(92vw, 420px);
  aspect-ratio:1/1;
  border-radius:24px;
  background:var(--end-bg);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
  border:2px solid #d7c8ff;
  display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  padding:14px;
}
.endcard h2{ margin:6px 0 0; font-size:22px }
.end-metrics{ display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; width:100%; margin-top:6px; }
.metric{
  background:#fff; border:2px solid #d7c8ff; border-radius:14px; padding:8px; text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.metric .label{ font-size:12px; opacity:.8 }
.metric .val{ font-weight:900; font-size:20px; margin-top:2px }
.newWordsBig{
  width:100%;
  text-align:center;
  margin-top:8px;
  font-size:22px;
  font-weight:900;
  background:#fff;
  border:3px solid #b99cf7;
  border-radius:16px;
  padding:10px 12px;
  box-shadow:0 8px 20px rgba(0,0,0,.10)
}
.resultGrid{ display:grid; grid-template-columns: repeat(10, 1fr); gap:6px; width:100%; padding:8px 4px; justify-items:center; }
.sq{ width:20px; height:20px; border-radius:6px; border:2px solid #c8e6c9; background:#eaeef5; }
.sq.ok{ background:#57b85f; border-color:#57b85f; }
.shareBox{ width:100%; background:#fff; border:2px solid #d7c8ff; border-radius:16px; padding:10px; box-shadow:0 6px 18px rgba(0,0,0,.08) }
.shareTitle{ font-weight:800; margin-bottom:6px; text-align:center }
.shareBtns{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap }
.btnShare, .btnFb{
  padding:10px 16px; border-radius:999px; border:0; cursor:pointer; font-size:16px; font-weight:800;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.btnShare{ background:#25D366; color:#003e1f }
.btnFb{ background:#1877F2; color:#fff }

.flash{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9; pointer-events:none; background:rgba(255,255,255,.95); padding:26px 18px; border-radius:999px; box-shadow:0 6px 22px rgba(0,0,0,.18); font-weight:900; font-size:22px; text-align:center; opacity:0; transition:opacity .2s ease }
.flash.ok{ color:var(--ok); text-shadow:0 1px 0 #fff }
.flash.bad{ color:var(--bad); text-shadow:0 1px 0 #fff }

.confetti{ position:fixed; left:0; top:0; width:100%; height:0; pointer-events:none; overflow:visible; z-index:60 }
.confetti-piece{
  position:fixed; top:-10px; width:8px; height:14px; opacity:0.9;
  transform: translateY(0) rotate(0deg);
  animation: fall 1.4s ease-out forwards;
}
@keyframes fall{ 0%{ transform: translateY(-10px) rotate(0deg) } 100%{ transform: translateY(120vh) rotate(540deg) } }

.ad-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; z-index:80 }
.ad-box{ width:min(92vw,420px); background:#fff; border-radius:16px; padding:16px; box-shadow:0 16px 40px rgba(0,0,0,.25); border:2px solid #e3e3e3; display:flex; flex-direction:column; gap:10px; align-items:center }
.ad-title{ font-weight:800; font-size:18px }
.ad-body{ font-size:15px; opacity:.9; text-align:center }
.ad-close{ background:#111; color:#fff; border:0; border-radius:999px; padding:10px 16px; cursor:pointer }

.unavailable-date a {
  background: #eee !important;
  color: #aaa !important;
  pointer-events: none !important;
}
.available-date a {
  background: #e8ddff !important;
  color: #000 !important;
}
#datepickerContainer { position: absolute; z-index: 9998; }

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95);}
  to { opacity: 1; transform: scale(1);}
}
.loader {
  border: 3px solid rgba(255,255,255,0.4);
  border-top: 3px solid white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#todayWordsShow { text-align: center; font-size: 18px; }

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 0;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
}
.modal-header {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-header h1, .modal-header h2 { margin: 0; color: #333; }
.close {
  color: #333;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.modal-body { padding: 20px; }
.faq-content p { margin: 10px 0; line-height: 1.6; }

.howto{
  width:100%;
  margin-top:18px;
  padding:8px 6px 0;
  color:#394252;
  font-size:14px;
  line-height:1.7;
  text-align:center;
}
.howto h2{font-size:22px;margin:0 0 10px}
.howto h3{font-size:17px;margin:18px 0 8px;color:#4a3a73}

.game-down-text{
  width:min(900px,92vw);
  margin:50px auto 30px;
  direction:rtl;
  text-align:right;
  font-family:"Heebo",sans-serif;
  font-size:17px;
  line-height:1.8;
  color:#333;
}
.game-down-text h1{
  text-align:center;
  font-size:30px;
  margin:0 0 20px;
}
.game-down-text h2{
  font-size:23px;
  margin:32px 0 8px;
}
.game-down-text h3{
  font-size:18px;
  margin:22px 0 4px;
}
.game-down-text p{
  margin:0 0 14px;
}

@media(max-width:600px){
  .game-down-text{
    width:94vw;
    font-size:16px;
  }
  .game-down-text h1{
    font-size:26px;
  }
  .game-down-text h2{
    font-size:21px;
  }
}

@media (max-width:420px){
  .main-title{font-size:1.75rem}
  .header-sub{font-size:12px}
  .header-meta{font-size:13px}
  .flower{transform:scale(.92); transform-origin:top center; height:300px;}
  .board-shell{padding-top:8px;padding-bottom:8px}
  .inputWrap{flex-basis:230px}
  .progress-line{font-size:13px}
  .progress-line strong{margin-inline:4px;}
  .actions{gap:8px}
  .action-btn{font-size:14px;padding:9px 6px}
  .action-btn span{font-size:17px}
  .more-games-box{max-width:100%}
  .final-btn-green{min-width:180px;height:42px;font-size:15px}
}

/* ===== כפתורי הדפסה / שיתוף ===== */
.actions-wrap{
  width:100%;
  max-width:420px;
  margin:16px auto 0;
  text-align:center;
}
.actions{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  justify-content:center;
  margin:0 auto;
  max-width:fit-content;
}
.actions a{display:contents; text-decoration:none}
.action-btn{
  border:none;
  border-radius:14px;
  padding:10px;
  font-size:16px;
  color:#222;
  font-weight:500;
  width:100%;
  min-width:110px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#ffe45c;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:transform .15s, box-shadow .15s, filter .15s;
  font-family:Arial,sans-serif;
}
.action-btn span{font-size:20px}
.action-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.22);
  filter:brightness(1.05);
}
.action-btn:active{
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(0,0,0,.18);
}
.action-btn.print{background:#7fd1ff}
.action-btn.share{background:#4aa3ff}

/* ===== תיבת מילים חדשות / תאריכים ===== */
.more-games-box{
  width:100%;
  max-width:392px;
  margin:0 auto;
  padding:12px 12px 14px;
  background:linear-gradient(#eef7ff, #f6fbff);
  border:1px solid #d7e5f4;
  border-radius:18px;
  box-shadow:0 2px 8px rgba(0,0,0,.047);
  text-align:center;
}
.countdown-line{
  font-size:17px;
  font-weight:800;
  color:#111;
  margin:0 0 8px;
}
.countdown-line strong{
  font-size:18px;
  color:#111;
  font-weight:800;
}
.more-games-title{
  font-size:15px;
  font-weight:800;
  color:#46627e;
  margin:0 0 10px;
}
.nav-buttons{
  display:flex;
  justify-content:center;
  gap:12px;
}
.final-btn-green{
  min-width:150px;
  height:44px;
  padding:0 14px;
  border:0;
  border-radius:15px;
  background:linear-gradient(#80cd43, #69b930);
  color:#fff;
  font:700 15px Heebo,Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 3px 0 #559f25, 0 4px 10px rgba(0,0,0,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.final-btn-green .ico{
  font-size:18px;
  line-height:1;
}
.final-btn-green .ad-note{
  font-size:12px;
  font-weight:700;
  opacity:.95;
}

/* ===== מודל לוח שנה ===== */
.dates-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(36,24,12,.35);
  backdrop-filter:blur(2px);
  z-index:1300;
}
.dates-overlay.show{display:flex}
.dates-card{
  position:relative;
  width:min(92vw,390px);
  max-height:88vh;
  overflow:auto;
  padding:22px 18px 18px;
  background:#fffdf9;
  border:1px solid #eadfce;
  border-radius:26px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  text-align:center;
}
.dates-close{
  position:absolute;
  left:12px;
  top:10px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f2eee8;
  color:#333;
  font:700 22px Heebo,Arial,sans-serif;
  cursor:pointer;
}
.dates-title{
  margin:0 0 14px;
  font-size:28px;
  font-weight:800;
  color:#3f2a11;
}
.dates-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:12px;
}
.dates-nav-btn{
  width:40px;
  height:40px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
  font:700 22px Heebo,Arial,sans-serif;
  cursor:pointer;
  color:#444;
}
.dates-month{
  font:800 18px Heebo,Arial,sans-serif;
  color:#2f2f2f;
  min-width:140px;
}
.dates-weekdays{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:4px;
  margin-bottom:6px;
  font:700 13px Heebo,Arial,sans-serif;
  color:#888;
}
.dates-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:5px;
  margin-bottom:14px;
}
.cal-day{
  height:40px;
  border:1px solid #e8e2d8;
  border-radius:10px;
  background:#fff;
  font:700 15px Heebo,Arial,sans-serif;
  color:#333;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:default;
  padding:0;
}
.cal-day.blank{visibility:hidden;border:0;background:transparent}
.cal-day.disabled{opacity:.35;background:#f7f7f7;color:#aaa}
.cal-day.playable{cursor:pointer}
.cal-day.playable:hover{background:#f0f8ff;border-color:#b8d4f0}
.cal-day.today{box-shadow:inset 0 0 0 2px #79aef8}
.cal-day.active-day{box-shadow:inset 0 0 0 2px #e5a800;background:#fff9e6}
.dates-empty-msg{
  display:none;
  margin:8px 0 10px;
  font-size:14px;
  font-weight:700;
  color:#a05a2a;
}

@media print{
  html, body{
    background:#fff !important;
    margin:0 !important;
    padding:0 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    color-adjust:exact !important;
  }

  /* הסתרה מוחלטת של כל העמוד חוץ מגיליון ההדפסה */
  body > *:not(#printSheet){
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
  }

  /* חסימת AdSense / iframes פרסומות */
  ins,
  .adsbygoogle,
  iframe,
  [id*="google_ads"],
  [id*="aswift"],
  [class*="adsbygoogle"],
  [data-ad-client],
  .ad-overlay,
  #adOverlay,
  #adBlockerModal,
  #toastOverlay,
  #datesOverlay,
  #endWrap,
  #confettiRoot{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  #printSheet, .print-sheet{
    display:block !important;
    visibility:visible !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    padding:8mm !important;
    margin:0 !important;
    background:#fff !important;
    color:#111 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    color-adjust:exact !important;
  }
  #printSheet *, .print-sheet *{
    visibility:visible !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    color-adjust:exact !important;
  }

  .print-cards{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:12px !important;
  }
  .print-card{
    border:1px solid #e7ebf2 !important;
    border-radius:22px !important;
    padding:10px 8px 12px !important;
    background:#fff !important;
    box-shadow:none !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .print-card-title{
    font-size:14px !important;
    font-weight:800 !important;
    margin:0 0 6px !important;
    color:#1c2430 !important;
  }
  .print-board-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:10px 6px 8px !important;
    border:1px solid #e7ebf2 !important;
    border-radius:22px !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  .print-card .flower{
    margin:0 auto !important;
    transform:scale(.62) !important;
    transform-origin:top center !important;
    height:200px !important;
    width:320px !important;
  }
  .print-card .cell{
    border-radius:20px !important;
    border:2px solid rgba(0,0,0,.06) !important;
    box-shadow:0 6px 0 rgba(0,0,0,.11), 0 8px 14px rgba(20,20,40,.08) !important;
    font-weight:900 !important;
    color:#253040 !important;
    opacity:1 !important;
    filter:none !important;
  }
  .print-card .yellow{background:#ffcd70 !important; color:#253040 !important}
  .print-card .blue{background:#91d5ff !important; color:#253040 !important}
  .print-card .green{background:#b8e986 !important; color:#253040 !important}
  .print-card .pink{background:#f8a8c7 !important; color:#253040 !important}
  .print-card .purple{background:#c9b6ff !important; color:#253040 !important}
  .print-card .orange{background:#ffab91 !important; color:#253040 !important}
  .print-card .red{background:#ff6f61 !important; color:#fff !important}

  .print-answer{
    margin-top:4px !important;
    border-bottom:2px dotted #999 !important;
    height:26px !important;
  }
}

.print-sheet{display:none}
.print-sheet-header{
  text-align:center;
  margin:0 0 16px;
}
.print-sheet-header h1{
  margin:0 0 4px;
  font-size:26px;
  font-weight:900;
}
.print-sheet-header p{
  margin:0;
  font-size:14px;
  color:#555;
}
.print-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.print-card{
  border:1px solid #d7dce6;
  border-radius:22px;
  padding:12px 10px 14px;
  background:#fff;
  break-inside:avoid;
  page-break-inside:avoid;
}
.print-card-title{
  text-align:center;
  font-size:15px;
  font-weight:800;
  margin:0 0 8px;
  color:#333;
}
.print-board-shell{
  width:100%;
  margin:0 auto;
  padding:12px 8px 10px;
}
.print-card .flower{
  margin:0 auto;
  transform:scale(.72);
  transform-origin:top center;
  height:230px;
  width:320px;
}
.print-card .cell{
  cursor:default;
  pointer-events:none;
}
.print-answer{
  margin-top:6px;
  border-bottom:2px dotted #999;
  height:28px;
  position:relative;
}
.print-answer::before{
  content:"המילה:";
  position:absolute;
  right:0;
  bottom:6px;
  font-size:12px;
  color:#888;
  font-weight:700;
}