/* ==========================================================
   משחקי ״נסו עכשיו״: דומינו שברים, מילה וציור, כובשי השטח
   ========================================================== */

.board{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.board input,.board .bubble{-webkit-user-select:text;user-select:text}
.is-dragging{z-index:30 !important;pointer-events:none !important;transition:none !important;cursor:grabbing !important;box-shadow:0 16px 30px rgba(59,45,82,.28) !important}

/* ---------- דומינו שברים ---------- */
.chain{list-style:none;margin:0;padding:16px;min-height:96px;display:flex;flex-wrap:wrap;align-items:center;border-radius:18px;outline:0 solid transparent;outline-offset:4px;
  background:repeating-linear-gradient(45deg,rgba(169,196,165,.16) 0 18px,transparent 18px 36px),repeating-linear-gradient(-45deg,rgba(169,196,165,.16) 0 18px,transparent 18px 36px)}
.chain.is-dragging-on{outline:3px dashed var(--sage)}
.chain.is-over{outline:4px dashed var(--pink)}
.domino{display:flex;align-items:center;height:84px;background:#fff;border:4px solid var(--pink);border-radius:14px;margin:6px -2px;box-shadow:0 6px 12px rgba(59,45,82,.16)}
.domino img{width:72px;height:72px;display:block;border-radius:12px}
.domino .sep{width:3px;height:52px;background:var(--pink);border-radius:2px}
.domino.is-new{box-shadow:0 0 0 6px var(--yellow),0 8px 16px rgba(59,45,82,.2);animation:popA .45s both}
.domino .is-open{background:var(--yellow)}
.domino .is-ring{background:#CDEFE0;box-shadow:0 0 0 4px var(--green)}
.drop-slot{display:flex;align-items:center;justify-content:center;width:150px;height:84px;margin:6px 8px;border:3px dashed #C9B8A6;border-radius:14px;background:rgba(255,255,255,.55);font-size:15px;font-weight:700;line-height:1.3;text-align:center;padding:6px;color:var(--ink-soft)}
.chain.is-over .drop-slot{border-color:var(--pink);background:#FCE8F0}

.hand{position:relative;display:flex;flex-direction:column;gap:10px}
.hand__tiles{display:flex;flex-wrap:wrap;gap:16px}
.hand-tile{position:relative;display:flex;align-items:center;height:92px;padding:0;background:#fff;border:4px solid var(--pink);border-radius:14px;box-shadow:0 6px 12px rgba(59,45,82,.14);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:rotate(var(--rot,0deg));transition:transform .2s}
.hand-tile img{width:78px;height:78px;display:block;pointer-events:none;-webkit-user-drag:none}
.hand-tile .sep{width:3px;height:56px;background:var(--pink);border-radius:2px}
.hand-tile.is-wrong{border-color:var(--red);--rot:0deg;z-index:6}
.hand-tile .x-mark{position:absolute;bottom:-12px;right:-12px;z-index:2;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--red);display:flex;align-items:center;justify-content:center;pointer-events:none}

@media (max-width:560px){
  .chain{flex-direction:column;flex-wrap:nowrap;align-items:center;padding:14px}
  .domino{flex-direction:column;height:auto;width:84px;margin:-2px 0;padding:4px 0}
  .domino img{width:64px;height:64px}
  .domino .sep,.hand-tile .sep{width:48px;height:3px}
  /* משבצת גבוהה, כדי שיהיה שטח גדול לשחרור */
  .drop-slot{width:84px;height:140px;margin:8px 0 0}
  .hand__tiles{flex-wrap:nowrap;gap:8px;justify-content:space-between}
  .hand-tile{flex-direction:column;height:auto;width:76px;padding:4px 0}
  .hand-tile img{width:60px;height:60px}
  .hand-tile.is-wrong{background:#FDECEC}
  .hand-tile.is-wrong img{opacity:.45}
  .hand-tile .x-mark{display:none}
}

/* ---------- מילה וציור ---------- */
.album{position:relative;background:#fff;border-radius:20px;padding:28px 24px 24px;box-shadow:0 6px 0 rgba(59,45,82,.08),0 0 0 1px var(--line);overflow:hidden}
.album::before{content:"";position:absolute;top:0;bottom:0;right:22px;width:2px;background:#F3C9DA}
.album__title{font-size:18px;font-weight:800;margin-bottom:16px;padding-inline-start:22px}
.album__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-inline-start:22px}
.slot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:transparent;border:3px dashed #C9D9EA;border-radius:18px;cursor:pointer;min-height:160px;justify-content:space-between;transition:background .2s,border-color .2s}
.slot__pic{width:100px;height:100px;display:flex;align-items:center;justify-content:center}
.slot__pic img{width:100px;height:100px;object-fit:contain;display:block}
.slot__word{font-size:26px;font-weight:800;line-height:1.1}
.slot.is-armed{background:#F3F8FD}
.slot.is-over{background:#E6F1FA;border-color:var(--blue)}
.slot.is-done{border-style:solid;border-color:var(--yellow);background:#FCF3D9;cursor:default}
.slot.is-done .slot__pic{animation:popA .45s both}
.stickers{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}
.sticker{width:108px;height:108px;padding:6px;background:#fff;border:4px solid #fff;border-radius:22px;box-shadow:0 6px 14px rgba(59,45,82,.18),0 0 0 1px var(--line);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:rotate(var(--rot,0deg)) scale(var(--sc,1));transition:transform .2s}
.sticker img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.sticker[aria-pressed="true"]{border-color:var(--yellow);--sc:1.08}
.sticker.is-wrong{border-color:var(--red)}
@media (max-width:560px){
  .album{padding:18px 12px 14px}
  .album::before{right:12px}
  .album__title{padding-inline-start:12px}
  .album__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-inline-start:12px}
  .slot{min-height:132px}
  .slot__pic,.slot__pic img{width:76px;height:76px}
  .slot__word{font-size:22px}
  .stickers{flex-wrap:nowrap;gap:6px;justify-content:space-between}
  .sticker{width:62px;height:62px;padding:3px;border-width:3px;border-radius:14px}
}

/* ---------- כובשי השטח ---------- */
.kv-layout{position:relative;display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.kv-map{flex:none;display:grid;grid-template-columns:repeat(10,34px);grid-auto-rows:34px;border:3px solid #8B6B43;background:#FBF1DC;border-radius:6px;box-shadow:0 6px 0 rgba(139,107,67,.18)}
.kv-cell{border:0;padding:0;margin:0;background:transparent;box-shadow:inset 0 0 0 .5px rgba(139,107,67,.35);cursor:default}
.kv-map.is-placing .kv-cell{cursor:pointer}
.kv-cell.is-hov{background:rgba(246,211,107,.55)}
.kv-cell.is-bad{background:rgba(224,62,62,.18)}
.kv-cell.is-pend{background:#FFE89A}
.kv-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.dice{display:flex;align-items:center;gap:14px}
.die{width:64px;height:64px;background:#fff;border:3px solid var(--ink);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;box-shadow:0 5px 0 rgba(59,45,82,.2)}
.die:first-child{transform:rotate(-6deg)}.die:nth-child(2){transform:rotate(6deg)}
.die.is-rolled{animation:popA .45s both}
.die i{width:12px;height:12px;border-radius:50%;place-self:center;background:transparent}
.die i.on{background:var(--ink)}
.dice__eq{font-size:28px;font-weight:800}
.kv-q{font-size:19px;font-weight:700}
.kv-opts{display:flex;flex-wrap:wrap;gap:12px}
.kv-opt{min-width:84px;min-height:56px;padding:0 18px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-size:24px;font-weight:800;cursor:pointer}
.kv-opt:hover{background:var(--yellow)}
.kv-opt.is-wrong{border-color:var(--red);background:var(--red-soft);box-shadow:0 5px 0 var(--red)}
@media (max-width:560px){
  /* המפה ברוחב המסך, משבצות ריבועיות ונוחות ללחיצה */
  .kv-map{width:100%;grid-template-columns:repeat(10,1fr);grid-auto-rows:auto}
  .kv-cell{aspect-ratio:1/1}
  .die{width:54px;height:54px;padding:6px}
  .die i{width:10px;height:10px}
}