/* soutezoceny build v72 rwd complete */
/* soutezoceny build v71 */
/* soutezoceny build v66 polish restore all games */
/* soutezoceny build v65 restore all games */
/* soutezoceny build v59 */
/* soutezoceny build v55 */
/* soutezoceny build v54 */
/* soutezoceny build v53 */
/* soutezoceny build v52 */
/* soutezoceny build v51 */
/* soutezoceny build v50 */
/* soutezoceny build v49 */
/* soutezoceny build v48 */
/* soutezoceny build v47 */
/* soutezoceny build v46 */
/* soutezoceny build v45 */
/* soutezoceny build v44 */
/* soutezoceny build v43 */
/* soutezoceny build v42 */
/* soutezoceny build v41 */
/* soutezoceny build v38-cachebusted-verified */
:root{--bg:#f8fafc;--ink:#0f172a;--muted:#64748b;--card:#fff;--line:#e2e8f0;--brand:#111827;--accent:#2563eb;--good:#16a34a;--warn:#f97316;--bad:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.topbar .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.logo{width:44px;height:44px;border-radius:16px;background:#111827;color:white;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 20px rgba(15,23,42,.15)}h1,h2,h3,p{margin-top:0}.brand strong{display:block;font-size:18px}.brand span{font-size:12px;color:var(--muted)}.hero{padding:30px 0}.hero-grid{display:grid;grid-template-columns:1fr 360px;gap:18px}.hero-card{border-radius:28px;background:linear-gradient(135deg,#111827,#1e3a8a 55%,#0f766e);color:white;padding:34px;box-shadow:0 20px 45px rgba(15,23,42,.18);min-height:220px}.pill{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:rgba(255,255,255,.12);padding:7px 12px;font-size:14px;margin-bottom:16px}.hero-card h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin-bottom:14px}.hero-card p{font-size:18px;line-height:1.65;color:#dbeafe;max-width:760px}.panel{border:1px solid var(--line);background:var(--card);border-radius:28px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.panel-pad{padding:20px}.alias-row{display:flex;gap:8px;flex-direction:column}.input,.select{min-height:44px;border:1px solid #cbd5e1;border-radius:16px;padding:0 14px;outline:none;background:white}.input:focus,.select:focus{box-shadow:0 0 0 3px #bfdbfe}.btn{min-height:42px;border:0;border-radius:16px;padding:0 16px;font-weight:800;cursor:pointer;background:#111827;color:white;transition:.18s}.btn:hover{transform:translateY(-1px);background:#263244}.btn.secondary{background:white;color:#111827;border:1px solid #cbd5e1}.btn.secondary:hover{background:#f8fafc}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.main-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;margin-bottom:22px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{text-align:left;border:1px solid var(--line);background:white;border-radius:24px;padding:18px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05);transition:.18s}.game-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(15,23,42,.09)}.game-card.active{outline:3px solid #111827}.game-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.cover{font-size:46px}.tag{font-size:12px;font-weight:800;border-radius:999px;background:#f1f5f9;color:#475569;padding:6px 10px}.game-card h3{font-size:21px;margin-bottom:8px}.game-card p{font-size:14px;line-height:1.55;color:var(--muted);min-height:66px}.leader-item{display:grid;grid-template-columns:44px 1fr 90px;gap:10px;padding:9px 8px;border-bottom:1px solid var(--line);align-items:center}.leader-item:last-child{border-bottom:0}.rank{font-weight:900;color:#64748b}.score{text-align:right;font-weight:900}.game-shell{margin-bottom:38px}.game-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.alias-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:12px;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.stat{background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:10px;box-shadow:0 8px 20px rgba(15,23,42,.07)}.stat small{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:900}.stat b{display:block;font-size:24px}.game-frame{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:#111827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);user-select:none}.runner-frame{height:540px;min-width:900px}.runner-scroll{overflow-x:auto;padding-bottom:4px}.runner-bg{position:absolute;inset:0;background:linear-gradient(180deg,#93c5fd 0%,#dbeafe 38%,#fde68a 66%,#166534 100%)}.sun{position:absolute;right:15%;top:9%;width:82px;height:82px;border-radius:50%;background:#fef9c3;box-shadow:0 0 60px #fde68a}.clouds{position:absolute;top:48px;height:90px;width:2400px;background-image:radial-gradient(ellipse at 8% 45%,rgba(255,255,255,.75) 0 4%,transparent 5%),radial-gradient(ellipse at 24% 35%,rgba(255,255,255,.65) 0 5%,transparent 6%),radial-gradient(ellipse at 42% 52%,rgba(255,255,255,.7) 0 5%,transparent 6%),radial-gradient(ellipse at 67% 38%,rgba(255,255,255,.66) 0 5%,transparent 6%),radial-gradient(ellipse at 90% 50%,rgba(255,255,255,.72) 0 6%,transparent 7%)}.hills{position:absolute;bottom:118px;height:230px;width:2400px;opacity:.95;background:radial-gradient(ellipse at 7% 100%,#1e3a8a 0 14%,transparent 15%),radial-gradient(ellipse at 18% 100%,#2563eb 0 16%,transparent 17%),radial-gradient(ellipse at 32% 100%,#0f766e 0 15%,transparent 16%),radial-gradient(ellipse at 48% 100%,#166534 0 18%,transparent 19%),radial-gradient(ellipse at 64% 100%,#1e40af 0 14%,transparent 15%),radial-gradient(ellipse at 82% 100%,#15803d 0 17%,transparent 18%),radial-gradient(ellipse at 96% 100%,#0f766e 0 15%,transparent 16%)}.ground{position:absolute;bottom:0;height:108px;width:2400px;background:repeating-linear-gradient(90deg,#365314 0 54px,#4d7c0f 54px 112px,#166534 112px 168px)}.ground-line{position:absolute;left:0;right:0;bottom:92px;height:4px;background:rgba(217,249,157,.72)}.scene-label{position:absolute;left:16px;top:16px;border-radius:16px;background:rgba(255,255,255,.86);padding:8px 13px;font-weight:900;font-size:13px;box-shadow:0 8px 18px rgba(15,23,42,.12)}.unicorn-img{position:absolute;z-index:30;left:120px;width:112px;height:auto;filter:drop-shadow(0 10px 9px rgba(15,23,42,.25));transition:transform .9s ease-out}.unicorn-img.run{animation:unibob .55s infinite steps(2)}.unicorn-img.crash{transform:translateX(24px) rotate(82deg) scale(1.04)}@keyframes unibob{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}.obstacle{position:absolute;z-index:20;display:block;filter:drop-shadow(0 9px 8px rgba(15,23,42,.28))}.obstacle svg{display:block}.overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(0,0,0,.45);backdrop-filter:blur(5px);padding:20px}.overlay.soft{background:transparent;backdrop-filter:none;pointer-events:none}.modal{background:white;border-radius:24px;padding:22px;text-align:center;max-width:430px;box-shadow:0 24px 60px rgba(15,23,42,.28)}.modal .big{font-size:58px;line-height:1}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hint{font-size:13px;color:var(--muted);margin-top:10px}.memory-area{background:radial-gradient(circle at 12% 10%,#dbeafe,transparent 28%),linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:24px;padding:18px;border:1px solid var(--line)}.memory-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:12px;max-width:640px;margin:0 auto}.card-tile{aspect-ratio:1/1;border:0;background:transparent;perspective:800px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .38s;transform-style:preserve-3d}.card-tile.open .card-inner,.card-tile.matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,23,42,.12);border:1px solid rgba(255,255,255,.75)}.card-back{background:linear-gradient(135deg,#111827,#1d4ed8);color:white}.card-back img{width:54%;height:54%;object-fit:contain}.card-front{background:white;transform:rotateY(180deg);overflow:hidden}.card-front svg{width:84%;height:84%}.placeholder{min-height:280px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:24px;color:#64748b}.foot-note{font-size:13px;color:#64748b;line-height:1.6}.steps{background:white;border:1px solid var(--line);border-radius:24px;padding:18px;margin:24px 0}.steps h3{margin-bottom:8px}.steps ol{margin:0;padding-left:22px;color:#475569;line-height:1.7}@media (max-width:900px){.hero-grid,.main-grid{grid-template-columns:1fr}.games{grid-template-columns:1fr}.runner-scroll{margin-left:-18px;margin-right:-18px;padding-left:18px}.runner-frame{width:900px}.memory-grid{gap:8px}.hero-card{padding:24px}.stats{grid-template-columns:1fr 1fr 1fr}}@media (max-width:520px){.topbar .wrap{height:auto;padding-top:10px;padding-bottom:10px}.brand strong{font-size:16px}.hero{padding-top:18px}.section-head{align-items:stretch;flex-direction:column}.memory-grid{gap:7px}.card-face{border-radius:13px}.stats{grid-template-columns:1fr}.controls .btn{flex:1}.hero-card h1{font-size:34px}}
.memory-start{max-width:460px;margin:0 auto;text-align:center;display:grid;gap:12px;padding:18px}.memory-start .big{font-size:64px;line-height:1}.memory-theme{width:100%}.card-tile:disabled{cursor:default;opacity:1}.steps{display:none!important}


/* v16 memory board sizes and bigger card art */
.memory-grid.size-4{grid-template-columns:repeat(4,minmax(70px,1fr));}
.memory-grid.size-5{grid-template-columns:repeat(5,minmax(58px,1fr));}
.memory-grid.size-6{grid-template-columns:repeat(6,minmax(48px,1fr));}
.memory-grid.size-4 .card-tile{min-height:112px;}
.memory-grid.size-5 .card-tile{min-height:92px;}
.memory-grid.size-6 .card-tile{min-height:76px;}
.card-front svg{width:82%;height:82%;}
.card-front{font-size:52px;}
.size-5 .card-front{font-size:44px;}
.size-6 .card-front{font-size:36px;}
.card-tile.free .card-front{background:#dcfce7;}
@media(max-width:700px){
  .memory-grid.size-4 .card-tile{min-height:82px;}
  .memory-grid.size-5 .card-tile{min-height:66px;}
  .memory-grid.size-6 .card-tile{min-height:52px;}
}


/* v17 fixes */
.card-tile.free { cursor: default; }
.card-tile.free .card-front {
  background: radial-gradient(circle at 50% 35%, #fef3c7 0 30%, #dcfce7 65%, #bbf7d0 100%);
  border: 2px solid #facc15;
}
.card-tile.free .card-front svg {
  width: 86%;
  height: 86%;
}


/* v18: keep runner pause/result popup visible on mobile even when the game frame is horizontally scrollable */
@media(max-width: 900px){
  .runner-frame > .overlay:not(.soft){
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 18px;
  }
  .runner-frame > .overlay:not(.soft) .modal{
    width: min(92vw, 430px);
    max-width: 92vw;
  }
}

/* v18: larger, clearly different memory-card art */
.card-front svg{
  width: 88%;
  height: 88%;
}
.memory-grid.size-4 .card-front svg{width:90%;height:90%;}
.memory-grid.size-5 .card-front svg{width:88%;height:88%;}
.memory-grid.size-6 .card-front svg{width:86%;height:86%;}
.card-tile.free .card-front{
  background: radial-gradient(circle at 50% 35%, #fef3c7 0 30%, #dcfce7 68%, #bbf7d0 100%);
  border: 2px solid #facc15;
}

.card-tile.free{cursor:default;}


/* v19 memory fix: use real distinct emoji art per card/theme */
.card-front{
  font-size: clamp(36px, 8vw, 78px);
}
.card-emoji{
  display:block;
  font-size:1em;
  line-height:1;
  transform:scale(1.18);
  filter: drop-shadow(0 5px 4px rgba(15,23,42,.16));
}
.memory-grid.size-4 .card-front{font-size:76px;}
.memory-grid.size-5 .card-front{font-size:62px;}
.memory-grid.size-6 .card-front{font-size:50px;}
@media(max-width:700px){
  .memory-grid.size-4 .card-front{font-size:50px;}
  .memory-grid.size-5 .card-front{font-size:38px;}
  .memory-grid.size-6 .card-front{font-size:30px;}
}


/* v20 clicker games */
.click-game{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border-radius:26px;
  border:1px solid var(--line);
  background:#0f172a;
  color:white;
  user-select:none;
}
.click-bg-sky{
  position:absolute;inset:0;
  background:linear-gradient(180deg,#60a5fa,#93c5fd 40%,#14532d);
}
.click-bg-cave{
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 15%,#475569,#1e293b 44%,#111827 100%);
}
.click-panel{
  position:absolute;left:14px;top:14px;z-index:5;
  background:rgba(15,23,42,.62);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;padding:12px 14px;
}
.click-center{
  position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:2;
}
.click-big{font-size:92px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.25));transition:transform .08s}
.rope-line{position:absolute;left:50%;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#78350f,#d97706,#78350f);box-shadow:0 0 18px rgba(0,0,0,.35)}
.tap-half{position:absolute;top:0;bottom:0;width:50%;z-index:4}
.tap-left{left:0}.tap-right{right:0}
.nail-board{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:340px;height:120px;border-radius:28px;background:linear-gradient(135deg,#92400e,#451a03);box-shadow:0 18px 30px rgba(0,0,0,.28)}
.powerbar{width:min(420px,82vw);height:22px;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden;margin:16px auto}
.powerfill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);width:0%}
.layer{position:absolute;left:0;right:0;bottom:0;height:120px;background:repeating-linear-gradient(90deg,#78350f 0 80px,#92400e 80px 160px)}
.click-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}


.woodgrain{position:absolute;inset:0;background:repeating-linear-gradient(8deg,#7c2d12 0 12px,#92400e 12px 24px,#78350f 24px 36px);}
.nail-wrap{position:absolute;left:50%;top:-20px;transform:translateX(-50%);width:70px;height:180px}
.nail-shadow{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:18px;height:120px;background:rgba(0,0,0,.22);filter:blur(8px)}
.nail-real{position:absolute;left:50%;top:0;transform:translateX(-50%);transition:transform .08s linear}
.nail-head{width:38px;height:18px;border-radius:14px;background:linear-gradient(180deg,#e5e7eb,#9ca3af);border:2px solid #6b7280;margin:auto}
.nail-body{width:14px;height:140px;margin:auto;background:linear-gradient(90deg,#9ca3af,#f3f4f6,#6b7280);clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}
.spark-group{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:34px}

.miner-rock{position:relative;width:240px;height:240px;border-radius:34px;background:linear-gradient(145deg,#374151,#111827);border:3px solid rgba(255,255,255,.08);box-shadow:0 20px 30px rgba(0,0,0,.35);overflow:hidden;margin:auto auto 16px}
.ore-layer{position:absolute;inset:0;display:grid;place-items:center;font-size:110px}
.crack{position:absolute;background:#111827}
.crack1{width:180px;height:6px;top:50%;left:20%;transform:rotate(22deg)}
.crack2{width:120px;height:5px;top:38%;left:24%;transform:rotate(-38deg)}
.rock-hit{animation:rockshake .12s linear}
@keyframes rockshake{0%{transform:translateX(-6px)}50%{transform:translateX(8px)}100%{transform:translateX(0)}}
.debris{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:28px}


/* v23: stronger visual animation for nail hammering */
.nail-scene{background:#111827}
.workshop-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#fde68a 0 9%,transparent 10%),linear-gradient(180deg,#78350f,#292524 64%,#111827)}
.nail-workbench{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);width:min(560px,86%);height:190px}
.wood-plank{position:absolute;left:0;right:0;bottom:0;height:132px;border-radius:34px;background:linear-gradient(180deg,#b45309,#78350f);box-shadow:0 24px 45px rgba(0,0,0,.35),inset 0 0 30px rgba(255,255,255,.13);overflow:hidden}
.wood-lines{position:absolute;inset:0;background:repeating-linear-gradient(8deg,rgba(255,255,255,.12) 0 8px,transparent 8px 22px),repeating-linear-gradient(90deg,rgba(69,26,3,.25) 0 70px,transparent 70px 140px)}
.nail-hole{position:absolute;left:50%;top:30px;width:54px;height:18px;border-radius:50%;background:rgba(20,10,4,.62);box-shadow:0 0 18px rgba(0,0,0,.45)}
.nail-metal{position:absolute;left:50%;top:-76px;width:56px;transition:transform .09s cubic-bezier(.2,.8,.2,1)}
.nail-cap{width:56px;height:20px;border-radius:50%;background:linear-gradient(180deg,#f8fafc,#94a3b8 55%,#475569);border:2px solid #334155;box-shadow:0 5px 8px rgba(0,0,0,.25)}
.nail-shaft{width:16px;margin:-2px auto 0;background:linear-gradient(90deg,#64748b,#f8fafc 48%,#334155);border-radius:8px 8px 2px 2px;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);transition:height .09s}
.hammer-real{position:absolute;left:calc(50% + 80px);top:130px;width:170px;height:170px;transform-origin:20% 80%;transform:rotate(12deg);transition:transform .09s ease;z-index:3}
.hammer-real.hammer-down{transform:rotate(-32deg) translate(-42px,58px)}
.hammer-head{position:absolute;left:0;top:42px;width:104px;height:38px;border-radius:12px;background:linear-gradient(180deg,#d1d5db,#6b7280);border:3px solid #374151;box-shadow:0 10px 16px rgba(0,0,0,.25)}
.hammer-handle{position:absolute;left:78px;top:68px;width:24px;height:120px;border-radius:14px;background:linear-gradient(90deg,#92400e,#f59e0b,#78350f);transform:rotate(-35deg);transform-origin:top}
.impact-ring{position:absolute;left:50%;bottom:180px;width:28px;height:10px;border-radius:50%;border:3px solid rgba(250,204,21,.9);opacity:0;transform:translateX(-50%) scale(.4)}
.impact-ring.impact-on{animation:impactRing .16s ease-out}
@keyframes impactRing{0%{opacity:1;transform:translateX(-50%) scale(.3)}100%{opacity:0;transform:translateX(-50%) scale(2.4)}}
.wood-dust{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-size:26px;opacity:0}
.wood-dust.dust-on{animation:dustPop .18s ease-out}
@keyframes dustPop{0%{opacity:0;transform:translate(-50%,12px) scale(.5)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-20px) scale(1.25)}}
.nailbar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%)}

/* v23: stronger rock breaking animation */
.mine-scene{background:#020617}
.mine-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(250,204,21,.25),transparent 16%),linear-gradient(180deg,#334155,#0f172a 56%,#020617)}
.mine-lamps{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(250,204,21,.05) 120px 126px,transparent 126px 240px)}
.rock-stage{position:absolute;inset:0;display:grid;place-items:center;padding-top:40px}
.rock-wall{position:relative;width:min(360px,72vw);height:min(310px,58vw);max-height:330px;border-radius:42px;overflow:hidden;border:4px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px rgba(255,255,255,.08),0 25px 45px rgba(0,0,0,.42)}
.rock-wall:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.2),transparent 12%),radial-gradient(circle at 78% 70%,rgba(0,0,0,.25),transparent 18%)}
.rock-chip-mask{position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(0,0,0,.2));transition:clip-path .12s ease}
.ore-vein{position:absolute;height:18px;border-radius:999px;filter:blur(.2px);box-shadow:0 0 18px currentColor}
.vein1{left:8%;top:38%;width:88%;transform:rotate(-13deg)}
.vein2{left:20%;top:62%;width:70%;transform:rotate(24deg)}
.material-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:112px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.28));opacity:.92}
.crack-line{position:absolute;height:7px;background:#020617;border-radius:999px;transform-origin:left center;box-shadow:0 0 8px rgba(0,0,0,.45)}
.c1{left:24%;top:42%;width:58%;transform:rotate(20deg)}
.c2{left:32%;top:50%;width:44%;transform:rotate(-38deg)}
.c3{left:22%;top:66%;width:62%;transform:rotate(7deg)}
.falling-chips{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:30px;opacity:0}
.chips-on{animation:chipsFall .18s ease-out}
@keyframes chipsFall{0%{opacity:1;transform:translate(-50%,-35px) scale(.6)}100%{opacity:0;transform:translate(-50%,18px) scale(1.2)}}
.rock-hit{animation:rockBreakShake .14s linear}
@keyframes rockBreakShake{0%{transform:translate(-7px,0)}35%{transform:translate(9px,-3px)}70%{transform:translate(-4px,3px)}100%{transform:translate(0,0)}}
.pickaxe-real{position:absolute;right:16%;top:18%;font-size:92px;transform-origin:20% 80%;transition:transform .08s}
.pickaxe-real.pick-hit{transform:rotate(-34deg) translate(-44px,72px)}
.minebar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%)}
@media(max-width:700px){
  .hammer-real{left:calc(50% + 42px);top:150px;transform:scale(.82) rotate(12deg)}
  .hammer-real.hammer-down{transform:scale(.82) rotate(-32deg) translate(-42px,58px)}
  .pickaxe-real{right:6%;font-size:74px}
}

.nail-metal{top:-36px!important}.nail-shaft{min-height:40px}

/* v26 layout/game pages */
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:18px}.game-page .topbar .brand{cursor:pointer}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.space{order:-1}}
/* v26 rope */
.rope-scene{background:linear-gradient(180deg,#7dd3fc,#1e293b)}.sky-mountain{position:absolute;inset:0;background:linear-gradient(180deg,#93c5fd,#dbeafe 40%,#475569)}.cliff-wall{position:absolute;left:0;top:0;bottom:0;width:46%;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 10%),radial-gradient(circle at 65% 30%,rgba(0,0,0,.18),transparent 12%),repeating-linear-gradient(115deg,#57534e 0 54px,#78716c 54px 112px,#44403c 112px 168px);box-shadow:inset -18px 0 30px rgba(0,0,0,.35)}.rope-line-real{position:absolute;left:31%;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#78350f,#f59e0b,#78350f);box-shadow:0 0 14px rgba(0,0,0,.4)}.climber{position:absolute;left:calc(31% - 28px);width:58px;height:90px;z-index:6;transition:bottom .12s ease}.climber-head{position:absolute;left:17px;top:0;width:25px;height:25px;border-radius:50%;background:#f5c28b}.climber-body{position:absolute;left:18px;top:25px;width:24px;height:34px;border-radius:12px;background:#ef4444}.arm,.leg{position:absolute;background:#f5c28b;border-radius:8px;transform-origin:top}.arm{width:8px;height:35px;top:28px}.left-arm{left:10px;transform:rotate(35deg)}.right-arm{right:9px;transform:rotate(-35deg)}.leg{width:9px;height:38px;top:55px}.left-leg{left:18px;transform:rotate(22deg)}.right-leg{right:16px;transform:rotate(-22deg)}.climb-step .left-arm{transform:rotate(-35deg)}.climb-step .right-arm{transform:rotate(35deg)}.climb-step .left-leg{transform:rotate(-18deg)}.climb-step .right-leg{transform:rotate(18deg)}
/* v26 rock/nail */
.nail-metal{top:-18px!important}.nail-shaft{min-height:54px}.nail-workbench{bottom:45px!important}.wood-plank{height:118px!important}.realistic-rock{background:linear-gradient(145deg,var(--base),var(--dark))!important}.realistic-rock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,var(--shine),transparent 13%),radial-gradient(circle at 72% 65%,rgba(0,0,0,.22),transparent 18%),repeating-linear-gradient(32deg,rgba(255,255,255,.05) 0 8px,transparent 8px 22px)}.missing-chip{position:absolute;background:#020617;border-radius:40%}.chip-a{right:-6px;top:22%;width:70px;height:60px}.chip-b{right:18%;bottom:-12px;width:96px;height:64px}.chip-c{left:-12px;top:54%;width:76px;height:72px}
/* v26 cowboy */
.cowboy-game{position:relative;height:540px;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:#78350f;user-select:none}.desert-bg{position:absolute;inset:0;background:radial-gradient(circle at 84% 16%,#fde68a 0 8%,transparent 9%),linear-gradient(180deg,#fbbf24,#fed7aa 50%,#b45309 100%)}.rail{position:absolute;left:0;right:0;bottom:120px;height:72px;background:repeating-linear-gradient(90deg,#451a03 0 36px,#78350f 36px 72px);border-top:6px solid #475569;border-bottom:6px solid #475569}.train{position:absolute;bottom:150px;font-size:58px;z-index:5;white-space:nowrap;filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))}.cowboy{position:absolute;font-size:62px;z-index:7;filter:drop-shadow(0 10px 8px rgba(0,0,0,.32));transition:bottom .05s}.cow-obs{position:absolute;font-size:48px;z-index:6;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25))}.cow-obs.deadly{transform:scale(1.08)}

/* v27 cowboy direction and spacing fixes */
.train-facing-right{
  transform:scaleX(-1);
  transform-origin:center;
}
.cowboy-facing-right{
  transform:scaleX(-1);
  transform-origin:center;
}
.cowboy-help small{
  line-height:1.55;
}


/* v28 highway game */
.car-game{
  position:relative;
  height:560px;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(180deg,#475569,#111827);
  border:1px solid var(--line);
}

.road-scroll{
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      180deg,
      #0f172a 0 70px,
      #1e293b 70px 140px
    );
}

.road-divider{
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:6px;
  background:
    repeating-linear-gradient(
      180deg,
      #f8fafc 0 36px,
      transparent 36px 72px
    );
  opacity:.8;
}

.road-divider.left{left:34%}
.road-divider.right{left:66%}

.player-car{
  position:absolute;
  bottom:52px;
  transform:translateX(-50%);
  font-size:74px;
  z-index:5;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));
}

.traffic-car{
  position:absolute;
  transform:translateX(-50%);
  font-size:62px;
  z-index:4;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.35));
}

.traffic-help small{
  line-height:1.5;
}

@media(max-width:700px){
  .car-game{height:520px}
  .player-car{font-size:62px}
  .traffic-car{font-size:52px}
}


/* v29 realistic highway */

.car-game-real{
  position:relative;
  height:620px;
  overflow:hidden;
  border-radius:28px;
  background:#14532d;
  border:1px solid var(--line);
}

.world-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.05),transparent 20%),
    radial-gradient(circle at 80% 40%,rgba(255,255,255,.05),transparent 18%),
    linear-gradient(180deg,#166534,#14532d);
}

.highway{
  position:absolute;
  left:18%;
  width:64%;
  top:-10%;
  bottom:-10%;
  background:#4b5563;
  box-shadow:
    inset 0 0 0 10px #374151,
    0 0 30px rgba(0,0,0,.35);
}

.edge-line{
  position:absolute;
  top:0;
  bottom:0;
  width:5px;
  background:
    repeating-linear-gradient(
      180deg,
      #ffffff 0 22px,
      transparent 22px 40px
    );
}

.edge-line.left{left:10px}
.edge-line.right{right:10px}

.lane{
  position:absolute;
  top:0;
  bottom:0;
  width:5px;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.9) 0 34px,
      transparent 34px 70px
    );
}

.lane1{left:25%}
.lane2{left:50%}
.lane3{left:75%}

.player-car-real{
  position:absolute;
  bottom:46px;
  font-size:78px;
  z-index:10;
  transition:left .12s ease, transform .12s ease;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.45));
}

.traffic-car-real{
  position:absolute;
  transform:translateX(-50%);
  font-size:68px;
  z-index:8;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.35));
}

.road-deco{
  position:absolute;
  transform:translateX(-50%);
  opacity:.96;
  z-index:3;
}

@media(max-width:700px){
  .car-game-real{height:560px}
  .player-car-real{font-size:64px}
  .traffic-car-real{font-size:56px}
}

/* v30 3-lane highway + 3d cars */
.highway{left:22%;width:56%}
.lane1{left:33.33%}
.lane2{left:66.66%}
.player-wrap,.traffic-wrap{
  position:absolute;
  transform:translateX(-50%);
  z-index:9;
}
.player-wrap{
  bottom:52px;
  transition:left .12s ease, transform .12s ease;
}
.player-car3d,.traffic-car3d{
  position:relative;
  width:56px;
  height:96px;
}
.car-shadow{
  position:absolute;
  inset:6px;
  background:rgba(0,0,0,.22);
  border-radius:18px;
  filter:blur(8px);
}
.car-body{
  position:absolute;
  inset:0;
  border-radius:16px;
  border:3px solid rgba(255,255,255,.22);
  box-shadow:inset 0 -10px 16px rgba(0,0,0,.25), inset 0 8px 12px rgba(255,255,255,.18);
}
.car-glass{
  position:absolute;
  left:12px;
  right:12px;
  top:16px;
  bottom:20px;
  border-radius:12px;
  background:linear-gradient(180deg,#cbd5e1,#64748b);
}
.wheel{
  position:absolute;
  width:8px;
  height:18px;
  background:#111827;
  border-radius:8px;
}
.w1{left:-4px;top:14px}
.w2{right:-4px;top:14px}
.w3{left:-4px;bottom:14px}
.w4{right:-4px;bottom:14px}

.traffic-car3d.truck{width:64px;height:120px}
.traffic-car3d.bike{width:34px;height:76px}
.traffic-car3d.sport .car-body{box-shadow:0 0 16px rgba(255,0,0,.28)}

@media(max-width:700px){
  .player-car3d,.traffic-car3d{transform:scale(.82)}
}

/* v31 unicorn RWD: scale full game frame so upcoming obstacles remain visible */
.runner-scroll{overflow:hidden !important;}
.runner-frame{width:900px;min-width:900px;transform-origin:top left;}
@media(max-width:700px){
  .runner-scroll{width:100%;height:250px;overflow:hidden !important;}
  .runner-frame{transform:scale(calc((100vw - 32px) / 900));}
}
@media(min-width:701px){.runner-scroll{overflow-x:auto !important;}}

/* v31 miner: cleaner realistic material blocks */
.realistic-rock{
  border-radius:34px !important;
  background:
    radial-gradient(circle at 25% 20%, var(--shine), transparent 16%),
    radial-gradient(circle at 75% 68%, rgba(0,0,0,.22), transparent 22%),
    linear-gradient(145deg, var(--base), var(--dark)) !important;
  border:4px solid rgba(255,255,255,.12);
}
.realistic-rock .rock-texture,.rock-texture{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(38deg, rgba(255,255,255,.07) 0 9px, transparent 9px 25px),
    repeating-linear-gradient(108deg, rgba(0,0,0,.12) 0 12px, transparent 12px 34px);
  mix-blend-mode:overlay;
}
.missing-chip{background:#020617 !important;box-shadow:inset 0 0 15px rgba(0,0,0,.45);}

/* v31 nail hammer: proper hammer shape */
.hammer-real{width:190px !important;height:160px !important;}
.hammer-head{
  width:118px !important;height:34px !important;border-radius:8px !important;
  background:linear-gradient(180deg,#e5e7eb,#94a3b8 55%,#475569) !important;
  border:3px solid #334155 !important;
}
.hammer-head:before{
  content:"";position:absolute;left:-26px;top:7px;width:34px;height:20px;border-radius:5px;
  background:linear-gradient(180deg,#cbd5e1,#64748b);border:2px solid #334155;
}
.hammer-head:after{
  content:"";position:absolute;right:-22px;top:9px;width:30px;height:16px;border-radius:4px;
  background:linear-gradient(180deg,#cbd5e1,#64748b);border:2px solid #334155;
}
.hammer-handle{
  left:88px !important;top:66px !important;width:18px !important;height:122px !important;border-radius:10px !important;
  background:linear-gradient(90deg,#78350f,#d97706,#451a03) !important;
}
.nail-metal{top:-10px!important}
.nail-shaft{min-height:70px!important}

/* v32 fixes */
@media(max-width:700px){.runner-scroll{height:238px!important}}
.hammer-real{display:grid!important;place-items:center!important;width:120px!important;height:120px!important;font-size:82px!important;background:none!important;border:none!important;box-shadow:none!important}
.hammer-real:before{content:"🔨"}
.hammer-head,.hammer-handle{display:none!important}
.realistic-rock{clip-path:none!important;border-radius:36px!important;overflow:hidden!important;background:linear-gradient(145deg,#64748b,#1f2937)!important}
.realistic-rock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 70% 75%,rgba(0,0,0,.22),transparent 22%),repeating-linear-gradient(35deg,rgba(255,255,255,.05) 0 12px,transparent 12px 32px)}
.missing-chip{background:#020617!important;border-radius:45%}
.cowboy-side-game{position:relative;height:540px;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:#fbbf24;user-select:none}
.monument-bg{position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,#fde68a 0 7%,transparent 8%),linear-gradient(180deg,#f59e0b 0 34%,#fed7aa 34% 64%,#92400e 100%)}
.monument-bg:after{content:"";position:absolute;left:0;right:0;bottom:120px;height:180px;background:#7c2d12;clip-path:polygon(0 100%,8% 55%,16% 100%,30% 35%,42% 100%,56% 48%,66% 100%,82% 45%,100% 80%,100% 100%);opacity:.65}
.desert-ground{position:absolute;left:0;right:0;bottom:0;height:120px;background:repeating-linear-gradient(90deg,#92400e 0 90px,#b45309 90px 180px)}
.single-rail{position:absolute;left:0;right:0;bottom:125px;height:28px;background:repeating-linear-gradient(90deg,#451a03 0 34px,#78350f 34px 68px);border-top:5px solid #475569;border-bottom:5px solid #475569}
.big-train{position:absolute;bottom:155px;font-size:112px;z-index:4;white-space:nowrap;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}
.horse-rider{position:absolute;left:50%;transform:translateX(-50%);font-size:82px;z-index:7;filter:drop-shadow(0 12px 10px rgba(0,0,0,.3))}
.cowboy-side-game .cow-obs{position:absolute;font-size:52px;z-index:6;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25))}
.mobile-drive-controls{position:absolute;left:0;right:0;bottom:10px;z-index:20;display:flex;justify-content:space-between;padding:0 18px;pointer-events:none}
.mobile-drive-controls button{pointer-events:auto;min-width:88px;min-height:52px;font-size:28px}
@media(min-width:701px){.mobile-drive-controls{display:none}}

/* v33 repair */
.horse-rider{transform:translateX(-50%) scaleX(-1)!important;}
.mobile-drive-controls{position:absolute;left:0;right:0;bottom:10px;z-index:20;display:flex;justify-content:space-between;padding:0 18px;pointer-events:none}
.mobile-drive-controls button{pointer-events:auto;min-width:88px;min-height:52px;font-size:28px}
@media(min-width:701px){.mobile-drive-controls{display:none}}

/* v34 repair: correct side-view cowboy/train orientation */
.big-train{transform:scaleX(-1)!important;transform-origin:center!important}
.horse-rider{transform:translateX(-50%) scaleX(-1)!important}

/* v35 reliability: make game control buttons clickable */
.click-controls,.controls{position:relative;z-index:80;pointer-events:auto}
.click-controls button,.controls button{pointer-events:auto}
.overlay{z-index:40}

/* v35 cowboy photo background and real train blocks */
.monument-photo{position:absolute;inset:0;background:url('/assets/monument_valley.png') center/cover no-repeat;filter:saturate(1.05)}
.monument-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(146,64,14,.35))}
.train-svg{position:absolute;bottom:158px;height:84px;display:flex;gap:8px;align-items:end;z-index:4;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}
.engine,.wagon{height:62px;background:#1f2937;border:4px solid #0f172a;border-radius:10px;position:relative}
.engine{width:120px}
.engine:before{content:"";position:absolute;left:10px;top:-34px;width:34px;height:36px;background:#111827;border-radius:8px 8px 0 0}
.engine:after{content:"";position:absolute;right:-20px;bottom:10px;border-left:24px solid #111827;border-top:18px solid transparent;border-bottom:18px solid transparent}
.engine span{position:absolute;right:18px;top:12px;width:28px;height:20px;background:#fde68a;border-radius:5px}
.wagon{width:100px;background:#7c2d12}
.engine div,.wagon div{display:none}
.horse-rider{transform:translateX(-50%) scaleX(-1)!important}

/* v35 miner photo rocks */
.rock-photo{position:relative;width:min(360px,72vw);height:min(310px,58vw);max-height:330px;border-radius:36px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 25px 35px rgba(0,0,0,.38));overflow:hidden}
.break-mask{position:absolute;background:#020617;border-radius:45%;box-shadow:inset 0 0 18px rgba(0,0,0,.45)}
.chip1{right:8%;top:18%;width:82px;height:66px}
.chip2{left:6%;bottom:12%;width:96px;height:76px}
.chip3{right:22%;bottom:2%;width:110px;height:70px}

/* v35 nail workshop + visible nail */
.workshop-bg{background:url('/assets/workshop_bg.png') center/cover no-repeat!important;filter:saturate(1.05)}
.nail-metal{top:-88px!important}
.nail-shaft{min-height:135px!important}
.nail-workbench{bottom:34px!important}
.wood-plank{height:112px!important}

/* v36 */
.mine-bg{
  background:url('/assets/mine_tunnel.png') center/cover no-repeat !important;
}
.wood-plank{
  background:url('/assets/wood_board.png') center/cover no-repeat !important;
  border:none !important;
  box-shadow:0 18px 30px rgba(0,0,0,.28);
}
.nail-metal{top:-130px !important;}
.nail-shaft{min-height:175px !important;}
.rock-photo{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.train-svg{transform:none !important;}
.engine{
  background:#111827 !important;
  width:140px !important;
}
.engine:before{
  content:"";
  position:absolute;
  left:14px;
  top:-38px;
  width:42px;
  height:42px;
  background:#1f2937;
  border-radius:10px 10px 0 0;
}
.engine:after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:8px;
  border-left:32px solid #111827;
  border-top:22px solid transparent;
  border-bottom:22px solid transparent;
}
.wagon{
  width:120px !important;
  background:#7c2d12 !important;
}
.click-controls{
  z-index:120 !important;
  position:relative;
}
.click-controls button{
  pointer-events:auto !important;
}

/* v37 */
.workshop-bg{background:url('/assets/workshop_bg.png') center/cover no-repeat!important}
.wood-plank{background:url('/assets/wood_board.png') center/cover no-repeat!important;border:none!important;box-shadow:0 18px 30px rgba(0,0,0,.28)!important}
.nail-metal{top:-132px!important}
.nail-shaft{min-height:178px!important}
.mine-bg{background:url('/assets/mine_tunnel.png') center/cover no-repeat!important}
.rock-photo{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:transparent!important}
.train-proper{position:absolute;bottom:158px;height:96px;display:flex;gap:10px;align-items:flex-end;z-index:4;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}
.train-engine{position:relative;width:150px;height:68px;background:#111827;border:5px solid #020617;border-radius:14px 28px 12px 12px}
.train-engine .chimney{position:absolute;left:24px;top:-42px;width:30px;height:44px;background:#020617;border-radius:8px 8px 0 0}
.train-engine .cab{position:absolute;right:18px;top:-34px;width:44px;height:38px;background:#1f2937;border:4px solid #020617;border-radius:10px 10px 0 0}
.train-engine .nose{position:absolute;right:-30px;bottom:8px;border-left:36px solid #111827;border-top:24px solid transparent;border-bottom:24px solid transparent}
.train-engine .wheel-a,.train-engine .wheel-b{position:absolute;bottom:-16px;width:28px;height:28px;background:#020617;border-radius:50%;border:4px solid #475569}
.train-engine .wheel-a{left:26px}.train-engine .wheel-b{right:18px}
.train-wagon{width:118px;height:58px;background:#7c2d12;border:5px solid #451a03;border-radius:12px;position:relative}
.train-wagon:after{content:"";position:absolute;left:20px;right:20px;bottom:-15px;height:24px;background:radial-gradient(circle at 20% 50%,#020617 0 9px,transparent 10px),radial-gradient(circle at 80% 50%,#020617 0 9px,transparent 10px)}
.cowboy-rider{position:absolute;left:50%;transform:translateX(-50%);font-size:74px;z-index:7;filter:drop-shadow(0 12px 10px rgba(0,0,0,.3))}
.cowboy-rider .cowboy-hat{position:absolute;left:40px;top:-28px;font-size:38px;z-index:2}
.cowboy-rider .horse-body{font-size:82px}

/* v39 cowboy + nail overrides */
.cowboy-cinematic{position:relative;height:540px;overflow:hidden;border-radius:26px;background:#d97706}
.cowboy-bg{position:absolute;inset:0;background:url('/assets/cowboy_silhouette.png') center/cover no-repeat}
.cowboy-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08))}
.cowboy-rail{position:absolute;left:0;right:0;bottom:118px;height:26px;background:repeating-linear-gradient(90deg,#3f2a1b 0 34px,#8b5a2b 34px 68px);border-top:4px solid #555;border-bottom:4px solid #555}
.train-side{position:absolute;bottom:138px;display:flex;align-items:flex-end;gap:8px;z-index:5}
.train-side .wagon{width:120px;height:58px;background:#6b2d16;border:4px solid #2d160c;border-radius:10px;position:relative}
.train-side .wagon:after{content:"";position:absolute;left:18px;right:18px;bottom:-16px;height:24px;background:radial-gradient(circle at 20% 50%,#111 0 9px,transparent 10px),radial-gradient(circle at 80% 50%,#111 0 9px,transparent 10px)}
.train-side .locomotive{width:165px;height:74px;background:#111827;border:5px solid #020617;border-radius:20px 28px 12px 12px;position:relative}
.train-side .locomotive:before{content:"";position:absolute;left:18px;top:-42px;width:34px;height:44px;background:#111827;border-radius:8px 8px 0 0}
.train-side .locomotive:after{content:"";position:absolute;right:-34px;bottom:8px;border-left:40px solid #111827;border-top:26px solid transparent;border-bottom:26px solid transparent}
.horse-silhouette{position:absolute;left:50%;transform:translateX(-50%);width:190px;height:120px;background:url('/assets/cowboy_silhouette.png') center/contain no-repeat;z-index:8;filter:brightness(.12)}
.horse-silhouette.run1{transform:translateX(-50%) translateY(0)}
.horse-silhouette.run2{transform:translateX(-50%) translateY(-3px)}
.horse-silhouette.jumping{transform:translateX(-50%) scale(1.03)}
.cowboy-obstacle{position:absolute;font-size:54px;z-index:8}
.workshop-bg{background:url('/assets/workshop_bg.png') center/cover no-repeat!important}
.wood-plank{background:url('/assets/wood_board.png') center/cover no-repeat!important;border:none!important;min-height:120px!important}
.nail-metal{top:-145px!important}
.nail-shaft{min-height:195px!important}

/* v40 cowboy animation */
.cowboy-bg{
  animation:cowScroll 18s linear infinite;
  background-size:cover;
}
@keyframes cowScroll{
  0%{background-position:center 0}
  100%{background-position:center 40px}
}

.cowboy-help{
  color:#fff !important;
  background:rgba(0,0,0,.28) !important;
  backdrop-filter:blur(10px);
}
.cowboy-help small,
.cowboy-help b{
  color:#fff !important;
}

.horse-silhouette{
  position:absolute;
  left:50%;
  width:220px;
  height:130px;
  z-index:8;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.35));
}
.horse-body-shape{
  position:absolute;
  left:38px;
  top:44px;
  width:110px;
  height:48px;
  background:#1b120d;
  border-radius:45px 40px 26px 22px;
}
.horse-head-shape{
  position:absolute;
  right:30px;
  top:28px;
  width:52px;
  height:34px;
  background:#1b120d;
  border-radius:0 20px 20px 0;
  transform:rotate(-8deg);
}
.horse-head-shape:after{
  content:"";
  position:absolute;
  right:-8px;
  top:10px;
  border-left:14px solid #1b120d;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}
.horse-leg{
  position:absolute;
  width:10px;
  height:48px;
  background:#1b120d;
  bottom:4px;
  border-radius:10px;
  transform-origin:top center;
}
.l1{left:56px;animation:legA .42s infinite alternate}
.l2{left:86px;animation:legB .42s infinite alternate}
.l3{left:118px;animation:legB .42s infinite alternate}
.l4{left:148px;animation:legA .42s infinite alternate}

@keyframes legA{
  from{transform:rotate(10deg)}
  to{transform:rotate(-14deg)}
}
@keyframes legB{
  from{transform:rotate(-12deg)}
  to{transform:rotate(12deg)}
}

.cowboy-body{
  position:absolute;
  left:88px;
  top:6px;
  width:24px;
  height:42px;
  background:#1b120d;
  border-radius:12px;
}
.cowboy-body:before{
  content:"";
  position:absolute;
  left:3px;
  top:-16px;
  width:18px;
  height:18px;
  background:#1b120d;
  border-radius:50%;
}
.cowboy-hat-shape{
  position:absolute;
  left:78px;
  top:-8px;
  width:42px;
  height:10px;
  background:#1b120d;
  border-radius:50%;
}
.cowboy-hat-shape:before{
  content:"";
  position:absolute;
  left:9px;
  top:-9px;
  width:24px;
  height:14px;
  background:#1b120d;
  border-radius:12px 12px 4px 4px;
}

.horse-silhouette.run1{
  transform:translateX(-50%) translateY(0);
}
.horse-silhouette.run2{
  transform:translateX(-50%) translateY(-2px);
}
.horse-silhouette.jumping{
  transform:translateX(-50%) scale(1.02);
}


/* v41 unicorn RWD: render whole frame scaled without cropping on narrow screens */
.runner-scroll{position:relative;overflow:hidden !important;max-width:100%;}
.runner-frame{width:900px;min-width:900px;transform-origin:top left;}
@media(max-width:700px){
  .runner-scroll{
    --runner-scale: calc((100vw - 32px) / 900);
    width:100%;
    height:calc(540px * var(--runner-scale));
    min-height:205px;
    max-height:250px;
    overflow:hidden !important;
  }
  .runner-frame{
    position:absolute;
    left:0;
    top:0;
    transform:scale(var(--runner-scale));
  }
  .runner-scroll .overlay.soft div{left:185px !important;bottom:165px !important;}
}
@media(min-width:701px){.runner-scroll{overflow-x:auto !important;}}

/* v41 cowboy redesign */
.cowboy-stage{height:540px;background:linear-gradient(180deg,#f8c55c 0%,#f2a449 42%,#8f4a28 100%);overflow:hidden;}
.cow-sky{position:absolute;inset:0;background:linear-gradient(180deg,#f8d869 0%,#f0a34b 55%,#a14f2b 100%);}
.cow-sun{position:absolute;right:140px;top:78px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#fff4c2 0,#ffe08a 55%,rgba(255,224,138,.15) 72%,transparent 73%);opacity:.95;}
.cow-mesa{position:absolute;inset:auto 0 118px 0;height:250px;width:2200px;pointer-events:none;}
.cow-mesa span{position:absolute;bottom:0;background:#7a331f;clip-path:polygon(10% 100%,18% 30%,33% 16%,39% 34%,48% 100%);}
.cow-mesa.back{opacity:.55;filter:blur(.2px)}
.cow-mesa.back span:nth-child(1){left:80px;width:190px;height:150px}
.cow-mesa.back span:nth-child(2){left:420px;width:240px;height:190px}
.cow-mesa.back span:nth-child(3){left:830px;width:190px;height:160px}
.cow-mesa.front{opacity:.9}
.cow-mesa.front span{background:#5f2415}
.cow-mesa.front span:nth-child(1){left:140px;width:220px;height:200px}
.cow-mesa.front span:nth-child(2){left:540px;width:170px;height:160px}
.cow-mesa.front span:nth-child(3){left:880px;width:240px;height:220px}
.cow-mesa.front span:nth-child(4){left:1320px;width:200px;height:180px}
.cow-ground{position:absolute;left:0;right:0;bottom:0;height:142px;background:linear-gradient(180deg,#6f371e 0%,#512312 100%)}
.cow-track{position:absolute;left:0;right:0;bottom:116px;height:38px}
.cow-track .rail{position:absolute;left:0;right:0;height:4px;background:#4b2c1d}
.cow-track .r1{top:7px}.cow-track .r2{bottom:7px}
.cow-track .ties{position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,#6d4b33 0 22px,transparent 22px 44px)}
.cow-train{position:absolute;bottom:150px;display:flex;align-items:flex-end;gap:10px;z-index:4;transition:left .08s linear}
.cow-train .wagon{width:122px;height:60px;background:linear-gradient(180deg,#94512b,#6b311a);border:4px solid #4b2413;border-radius:10px;position:relative}
.cow-train .wagon:before{content:"";position:absolute;left:14px;right:14px;top:14px;height:18px;border-top:3px solid rgba(255,255,255,.18);border-bottom:3px solid rgba(0,0,0,.15)}
.cow-train .wagon:after{content:"";position:absolute;left:18px;right:18px;bottom:-18px;height:26px;background:radial-gradient(circle at 20% 50%,#1f130d 0 9px,transparent 10px),radial-gradient(circle at 80% 50%,#1f130d 0 9px,transparent 10px)}
.cow-train .locomotive{width:166px;height:76px;background:linear-gradient(180deg,#1f2937,#0f172a);border:5px solid #020617;border-radius:18px 24px 10px 10px;position:relative}
.cow-train .locomotive .chimney{position:absolute;left:18px;top:-38px;width:26px;height:38px;background:#111827;border-radius:8px 8px 0 0}
.cow-train .locomotive .cab{position:absolute;right:18px;top:-28px;width:42px;height:30px;background:#1f2937;border:4px solid #020617;border-radius:10px 10px 0 0}
.cow-train .locomotive .cowcatcher{position:absolute;right:-34px;bottom:8px;border-left:38px solid #111827;border-top:24px solid transparent;border-bottom:24px solid transparent}
.cow-train .locomotive .wheel{position:absolute;bottom:-18px;width:26px;height:26px;border-radius:50%;background:#111827;border:4px solid #475569}
.cow-train .locomotive .w1{left:20px}.cow-train .locomotive .w2{left:70px}.cow-train .locomotive .w3{left:118px}
.cowboy-rig{position:absolute;left:150px;width:230px;height:130px;z-index:9;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28));}
.cowboy-rig svg{width:100%;height:100%;display:block}
.cowboy-rig.phase-a .leg-a{transform:rotate(12deg);transform-origin:50% 0}.cowboy-rig.phase-a .leg-b{transform:rotate(-10deg);transform-origin:50% 0}
.cowboy-rig.phase-b .leg-a{transform:rotate(-10deg);transform-origin:50% 0}.cowboy-rig.phase-b .leg-b{transform:rotate(12deg);transform-origin:50% 0}
.cowboy-rig.jumping{transform:translateY(-2px) scale(1.02)}
.cb-obstacle{position:absolute;z-index:8;display:block}
.cb-obstacle svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 8px rgba(0,0,0,.22))}
.cowboy-help{color:#fff !important;background:rgba(0,0,0,.25)!important;backdrop-filter:blur(9px);z-index:12}
.cowboy-help small,.cowboy-help b{color:#fff !important}

/* v41 car buttons: ensure one-lane movement and tap priority */
.mobile-drive-controls button{pointer-events:auto;touch-action:manipulation}

/* v42 requested fixes */
.drive-dial{position:absolute;top:12px;z-index:25;min-width:92px;padding:9px 10px;border-radius:18px;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(0,0,0,.26);text-align:center;backdrop-filter:blur(8px)}
.drive-dial.left{left:12px}.drive-dial.right{right:12px}
.drive-dial small,.drive-dial span{display:block;font-size:11px;line-height:1.1;opacity:.88}
.drive-dial b{display:block;font-size:24px;line-height:1.05}
.runner-scroll{position:relative;overflow:hidden!important;max-width:100%;touch-action:manipulation}
.runner-frame{width:900px!important;min-width:900px!important;height:540px!important;transform-origin:top left!important}
@media(max-width:700px){
  .runner-scroll{--runner-scale:calc((100vw - 32px)/1080);width:100%;height:calc(540px * var(--runner-scale));min-height:178px;max-height:235px;overflow:hidden!important;background:#111827;border-radius:24px}
  .runner-frame{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%) scale(var(--runner-scale))!important}
  .runner-frame>.overlay:not(.soft){position:absolute!important;inset:0!important;z-index:999!important;display:grid;place-items:center;padding:18px}
  .runner-frame>.overlay:not(.soft) .modal{max-width:390px}
}
@media(min-width:701px){.runner-scroll{overflow-x:auto!important}}
.game-card[data-game="miner"],.game-card[data-game="cowboy"]{display:none!important}

/* v44 Zatloukac */
.whacker-setup{border-radius:26px;min-height:420px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#bbf7d0,transparent 28%),radial-gradient(circle at 80% 30%,#fde68a,transparent 25%),linear-gradient(135deg,#16a34a,#14532d);color:#fff;padding:18px}
.whacker-hero{max-width:620px;text-align:center;background:rgba(15,23,42,.52);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);border-radius:28px;padding:24px}
.hole-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.hole-options .btn{min-width:120px}.hole-options small{opacity:.8}
.whacker-field{position:relative;height:560px;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#166534;user-select:none}
.whacker-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.15),transparent 12%),radial-gradient(circle at 80% 25%,rgba(250,204,21,.22),transparent 14%),radial-gradient(circle at 32% 78%,rgba(255,255,255,.12),transparent 13%),repeating-linear-gradient(35deg,#166534 0 80px,#15803d 80px 160px)}
.whacker-title{position:absolute;left:14px;top:14px;z-index:4;color:#fff;background:rgba(15,23,42,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;font-size:13px}
.mole-hole{position:absolute;width:90px;height:76px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;padding:0;touch-action:manipulation;z-index:3}
.hole-shadow{position:absolute;left:50%;bottom:6px;width:86px;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#1f1209 0 45%,#4b2a13 46% 68%,rgba(0,0,0,.25) 69% 100%);box-shadow:inset 0 5px 14px rgba(0,0,0,.55),0 7px 10px rgba(0,0,0,.2)}
.mole{position:absolute;left:50%;bottom:12px;width:78px;height:82px;transform:translate(-50%,52px) scale(.8);opacity:0;transition:transform .08s ease,opacity .08s ease;pointer-events:none}
.mole-hole.active .mole{transform:translate(-50%,0) scale(1);opacity:1;animation:molePop .28s ease}
@keyframes molePop{0%{transform:translate(-50%,52px) scale(.75);opacity:0}70%{transform:translate(-50%,-4px) scale(1.06);opacity:1}100%{transform:translate(-50%,0) scale(1)}}
.mole svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 8px rgba(0,0,0,.24))}
@media(max-width:700px){.whacker-field{height:500px}.mole-hole{width:74px;height:64px}.hole-shadow{width:72px;height:29px}.mole{width:66px;height:70px}}

/* v45 Sprint mode additions */
.mode-options .btn{
  min-width:180px;
  max-width:260px;
}
.mode-options small{
  display:block;
  line-height:1.25;
  white-space:normal;
}
.mole-hole.blocked .hole-shadow{
  background:radial-gradient(ellipse at center,#3f2a16 0 42%,#6b4423 43% 74%,rgba(0,0,0,.28) 75% 100%);
}
.blocked-mound{
  position:absolute;
  left:50%;
  bottom:12px;
  width:70px;
  height:30px;
  transform:translateX(-50%);
  border-radius:50% 50% 45% 45%;
  background:linear-gradient(180deg,#8b5a2b,#4b2a13);
  opacity:0;
  box-shadow:0 8px 10px rgba(0,0,0,.22);
}
.mole-hole.blocked .blocked-mound{
  opacity:1;
}
.mole-hole.blocked{
  cursor:default;
}
.sprint-mode .whacker-title{
  background:rgba(88,28,135,.68);
}

/* v46 whacker visibility and button repair */
.whacker-controls{
  position:relative !important;
  z-index:500 !important;
  pointer-events:auto !important;
}
.whacker-controls button{
  pointer-events:auto !important;
  touch-action:manipulation;
}
.mole-hole{
  overflow:visible !important;
  z-index:5 !important;
}
.mole-hole.active{
  z-index:30 !important;
}
.mole{
  display:block !important;
  width:76px !important;
  height:78px !important;
  background:linear-gradient(180deg,#8b5a2b,#5b321b) !important;
  border-radius:50% 50% 42% 42% !important;
  border:3px solid rgba(60,31,15,.45);
  box-shadow:0 12px 18px rgba(0,0,0,.24), inset 0 7px 10px rgba(255,255,255,.14);
}
.mole-face{
  position:absolute;
  inset:0;
  display:block;
}
.mole-ear{
  position:absolute;
  top:-8px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#6b3f24;
  border:3px solid rgba(60,31,15,.35);
}
.mole-ear.left{left:10px}
.mole-ear.right{right:10px}
.mole .eye{
  position:absolute;
  top:28px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#111827;
}
.mole .eye.left{left:22px}
.mole .eye.right{right:22px}
.mole .nose{
  position:absolute;
  left:50%;
  top:42px;
  width:13px;
  height:9px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#111827;
}
.mole .mouth{
  position:absolute;
  left:50%;
  top:53px;
  width:22px;
  height:10px;
  transform:translateX(-50%);
  border-bottom:3px solid #111827;
  border-radius:0 0 20px 20px;
}
.mole-hole.active .mole{
  transform:translate(-50%,-8px) scale(1) !important;
  opacity:1 !important;
}
.mole-hole:not(.active) .mole{
  transform:translate(-50%,50px) scale(.78) !important;
  opacity:0 !important;
}
.mole-hole.blocked .mole{
  opacity:0 !important;
}
#whackerResult .overlay{
  z-index:300 !important;
}

/* v47 Sprint behavior: active moles remain visible until whacked */
.mole-hole.stuck .mole{
  opacity:1 !important;
  transform:translate(-50%,-8px) scale(1) !important;
  animation:moleUrgent .7s ease-in-out infinite alternate;
}
@keyframes moleUrgent{
  from{filter:brightness(1)}
  to{filter:brightness(1.22) saturate(1.15)}
}
.sprint-mode .whacker-title{
  background:rgba(88,28,135,.75) !important;
}


/* v48 whacker setup menu polish */
.whacker-setup{
  padding:24px;
  background:
    radial-gradient(circle at 12% 14%, rgba(253,224,71,.24), transparent 16%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.18), transparent 18%),
    radial-gradient(circle at 50% 80%, rgba(187,247,208,.12), transparent 24%),
    linear-gradient(135deg, #14532d 0%, #166534 55%, #14532d 100%);
}
.whacker-hero{
  max-width:760px;
  margin:0 auto;
  text-align:left;
  background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.56));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
  border-radius:32px;
  padding:28px;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.whacker-hero-top{
  text-align:center;
  margin-bottom:22px;
}
.whacker-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fef9c3;
  border:1px solid rgba(255,255,255,.18);
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  margin-bottom:14px;
}
.whacker-hero h2{
  margin:0 0 10px;
  font-size:clamp(30px,4vw,42px);
  line-height:1.08;
}
.whacker-intro{
  max-width:640px;
  margin:0 auto;
  color:rgba(255,255,255,.88);
  line-height:1.65;
  font-size:15px;
}
.whacker-panel{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:18px;
  margin-top:18px;
}
.whacker-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.whacker-section-head h3{
  margin:0;
  font-size:19px;
  color:#fff;
}
.whacker-hint{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.84);
  font-size:12px;
}
.hole-options{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin:0;
}
.hole-grid{
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.option-card{
  min-width:0 !important;
  width:100%;
  min-height:96px;
  padding:18px 16px !important;
  border-radius:22px !important;
  text-align:left;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  line-height:1.25;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.option-card .option-title{
  display:block;
  font-size:18px;
  font-weight:800;
  line-height:1.15;
}
.option-card small{
  display:block;
  font-size:13px;
  line-height:1.45;
  white-space:normal;
  opacity:.95;
}
.option-card.secondary{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.option-card:not(.secondary){
  background:linear-gradient(135deg, #f59e0b, #f97316) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  transform:translateY(-1px);
}
.whacker-footer-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
  flex-wrap:wrap;
}
.whacker-note{
  flex:1 1 280px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.55;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}
.whacker-start-btn{
  min-width:220px;
  min-height:58px;
  font-size:16px;
  font-weight:800;
  padding:14px 22px !important;
  border-radius:18px !important;
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}
@media(max-width:700px){
  .whacker-setup{
    padding:16px;
  }
  .whacker-hero{
    padding:18px;
    border-radius:26px;
  }
  .hole-options,
  .hole-grid{
    grid-template-columns:1fr;
  }
  .whacker-section-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .whacker-footer-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .whacker-start-btn{
    width:100%;
    min-width:0;
  }
}


/* v49 golf-course look for Zatloukac */
.whacker-field{
  height:580px;
  background:
    linear-gradient(180deg,#9ed8ff 0 19%, #d6f0ff 19% 23%, #8ccf71 23% 36%, #4fa74e 36% 100%);
  perspective:900px;
}
.whacker-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.55), transparent 10%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.35), transparent 12%),
    linear-gradient(180deg, rgba(255,255,255,.08) 0 21%, transparent 21% 100%);
}
.whacker-bg::before{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  top:18%;
  height:24%;
  background:
    radial-gradient(ellipse at 10% 80%, #5faa57 0 32%, transparent 33%),
    radial-gradient(ellipse at 38% 92%, #67b45d 0 36%, transparent 37%),
    radial-gradient(ellipse at 68% 82%, #5aa352 0 34%, transparent 35%),
    radial-gradient(ellipse at 92% 90%, #73bb64 0 28%, transparent 29%);
  opacity:.96;
}
.whacker-bg::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-8%;
  height:72%;
  border-radius:48% 48% 0 0 / 14% 14% 0 0;
  background:
    radial-gradient(circle at 16% 34%, rgba(255,255,255,.12), transparent 9%),
    radial-gradient(circle at 78% 24%, rgba(255,255,255,.10), transparent 8%),
    repeating-linear-gradient(180deg, rgba(109,185,82,.95) 0 24px, rgba(88,167,65,.95) 24px 48px),
    linear-gradient(180deg, #7fd25d 0%, #55aa43 45%, #418c34 100%);
  box-shadow:
    inset 0 16px 24px rgba(255,255,255,.14),
    inset 0 -18px 30px rgba(0,0,0,.10);
  transform:perspective(900px) rotateX(61deg) translateY(14px);
  transform-origin:center bottom;
}
.whacker-title{
  background:rgba(15,23,42,.42);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  z-index:110;
}
.mole-hole{
  width:90px;
  height:76px;
  transform:translate(-50%,-50%) scale(var(--hole-scale,1));
  transform-origin:center bottom;
  will-change:transform;
}
.hole-shadow{
  width:96px;
  height:36px;
  bottom:2px;
  background:
    radial-gradient(ellipse at center, #180f08 0 42%, #4a2b14 43% 67%, rgba(0,0,0,.18) 68% 100%);
  box-shadow:
    inset 0 7px 16px rgba(0,0,0,.62),
    0 10px 10px rgba(0,0,0,.18);
}
.mole{
  bottom:10px;
  width:82px !important;
  height:86px !important;
}
.mole-hole.active .mole{
  transform:translate(-50%,-4px) scale(1) !important;
}
.mole-hole.stuck .mole{
  transform:translate(-50%,-4px) scale(1) !important;
}
.whacker-field .overlay{
  z-index:140;
}
@media(max-width:700px){
  .whacker-field{
    height:520px;
  }
  .whacker-bg::after{
    left:2%;
    right:2%;
    height:74%;
  }
}


/* v50 whacker hammer cursor + result safety */
.whacker-field,
.whacker-field *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-35 32 32)'%3E%3Crect x='8' y='15' width='34' height='14' rx='3' fill='%2394a3b8' stroke='%23334155' stroke-width='3'/%3E%3Crect x='33' y='25' width='10' height='34' rx='4' fill='%23a16207' stroke='%2378350f' stroke-width='3'/%3E%3Crect x='4' y='18' width='10' height='8' rx='2' fill='%23cbd5e1' stroke='%23334155' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 8 28, pointer !important;
}
.whacker-field button,
.mole-hole{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-35 32 32)'%3E%3Crect x='8' y='15' width='34' height='14' rx='3' fill='%2394a3b8' stroke='%23334155' stroke-width='3'/%3E%3Crect x='33' y='25' width='10' height='34' rx='4' fill='%23a16207' stroke='%2378350f' stroke-width='3'/%3E%3Crect x='4' y='18' width='10' height='8' rx='2' fill='%23cbd5e1' stroke='%23334155' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 8 28, pointer !important;
}
#whackerResult .overlay{
  cursor:auto !important;
}
#whackerResult .overlay *{
  cursor:auto !important;
}


/* v51 delayed result buttons + clearer hammer cursor */
.whacker-result-overlay {
  pointer-events:auto !important;
}
.delayed-actions {
  min-height:58px;
  margin-top:18px;
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.delayed-actions span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  color:rgba(15,23,42,.72);
  font-size:14px;
}
.whacker-field,
.whacker-field *,
.whacker-field button,
.mole-hole {
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-35 32 32)'%3E%3Crect x='7' y='13' width='42' height='16' rx='4' fill='%23d1d5db' stroke='%23334155' stroke-width='3'/%3E%3Crect x='45' y='16' width='11' height='10' rx='2' fill='%2394a3b8' stroke='%23334155' stroke-width='2'/%3E%3Crect x='26' y='27' width='12' height='34' rx='5' fill='%23b45309' stroke='%237c2d12' stroke-width='3'/%3E%3Cpath d='M29 31 L35 31 L34 58 L30 58 Z' fill='%23d97706' opacity='.65'/%3E%3C/g%3E%3C/svg%3E") 10 30, pointer !important;
}
#whackerResult .overlay,
#whackerResult .overlay *,
#whackerResult button {
  cursor:auto !important;
}


/* v52 Zatloukac themes: Krtek / Tchýně / Zvědavec */
.theme-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.theme-card{
  min-height:118px;
}
.whacker-setup.theme-mother{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,244,214,.26), transparent 16%),
    radial-gradient(circle at 84% 20%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(135deg,#7c2d12 0%, #9a3412 48%, #7c2d12 100%);
}
.whacker-setup.theme-nosy{
  background:
    radial-gradient(circle at 16% 18%, rgba(191,219,254,.22), transparent 16%),
    radial-gradient(circle at 84% 20%, rgba(255,255,255,.16), transparent 18%),
    linear-gradient(135deg,#1e3a8a 0%, #334155 48%, #0f172a 100%);
}

/* base actor and target visuals */
.mole-hole .target-base,
.mole-hole .actor{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none;
}
.mole-hole .target-base{
  bottom:0;
}
.mole-hole .actor{
  opacity:0;
  transition:transform .09s ease, opacity .09s ease, filter .2s ease;
}
.mole-hole.active .actor,
.mole-hole.stuck .actor{
  opacity:1;
}
.mole-hole.active .actor{
  animation:molePop .24s ease;
}

/* Krtek */
.whacker-field.theme-mole{
  height:580px;
  background:linear-gradient(180deg,#9ed8ff 0 19%, #d6f0ff 19% 23%, #8ccf71 23% 36%, #4fa74e 36% 100%);
  perspective:900px;
}
.whacker-field.theme-mole .whacker-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.55), transparent 10%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.35), transparent 12%),
    linear-gradient(180deg, rgba(255,255,255,.08) 0 21%, transparent 21% 100%);
}
.whacker-field.theme-mole .whacker-bg::before{
  content:"";
  position:absolute;
  left:-8%; right:-8%; top:18%; height:24%;
  background:
    radial-gradient(ellipse at 10% 80%, #5faa57 0 32%, transparent 33%),
    radial-gradient(ellipse at 38% 92%, #67b45d 0 36%, transparent 37%),
    radial-gradient(ellipse at 68% 82%, #5aa352 0 34%, transparent 35%),
    radial-gradient(ellipse at 92% 90%, #73bb64 0 28%, transparent 29%);
  opacity:.96;
}
.whacker-field.theme-mole .whacker-bg::after{
  content:"";
  position:absolute;
  left:4%; right:4%; bottom:-8%; height:72%;
  border-radius:48% 48% 0 0 / 14% 14% 0 0;
  background:
    radial-gradient(circle at 16% 34%, rgba(255,255,255,.12), transparent 9%),
    radial-gradient(circle at 78% 24%, rgba(255,255,255,.10), transparent 8%),
    repeating-linear-gradient(180deg, rgba(109,185,82,.95) 0 24px, rgba(88,167,65,.95) 24px 48px),
    linear-gradient(180deg, #7fd25d 0%, #55aa43 45%, #418c34 100%);
  box-shadow: inset 0 16px 24px rgba(255,255,255,.14), inset 0 -18px 30px rgba(0,0,0,.10);
  transform:perspective(900px) rotateX(61deg) translateY(14px);
  transform-origin:center bottom;
}
.mole-hole.theme-mole .hole-base{
  width:96px; height:36px; bottom:2px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, #180f08 0 42%, #4a2b14 43% 67%, rgba(0,0,0,.18) 68% 100%);
  box-shadow: inset 0 7px 16px rgba(0,0,0,.62), 0 10px 10px rgba(0,0,0,.18);
}
.mole-hole.theme-mole .actor-mole{
  bottom:10px; width:82px; height:86px;
  background:linear-gradient(180deg,#8b5a2b,#5b321b);
  border-radius:50% 50% 42% 42%;
  border:3px solid rgba(60,31,15,.45);
  box-shadow:0 12px 18px rgba(0,0,0,.24), inset 0 7px 10px rgba(255,255,255,.14);
}
.mole-hole.theme-mole .mole-ear{
  position:absolute; top:-8px; width:22px; height:22px; border-radius:50%;
  background:#6b3f24; border:3px solid rgba(60,31,15,.35);
}
.mole-hole.theme-mole .mole-ear.left{left:10px}
.mole-hole.theme-mole .mole-ear.right{right:10px}
.mole-hole.theme-mole .mole-face{position:absolute; inset:0}
.mole-hole.theme-mole .eye{position:absolute; top:28px; width:8px; height:8px; border-radius:50%; background:#111827}
.mole-hole.theme-mole .eye.left{left:22px}
.mole-hole.theme-mole .eye.right{right:22px}
.mole-hole.theme-mole .nose{position:absolute; left:50%; top:42px; width:13px; height:9px; transform:translateX(-50%); border-radius:50%; background:#111827}
.mole-hole.theme-mole .mouth{position:absolute; left:50%; top:53px; width:22px; height:10px; transform:translateX(-50%); border-bottom:3px solid #111827; border-radius:0 0 20px 20px}
.mole-hole.theme-mole.active .actor-mole,
.mole-hole.theme-mole.stuck .actor-mole{transform:translate(-50%,-4px) scale(1)}
.mole-hole.theme-mole:not(.active):not(.stuck) .actor-mole{transform:translate(-50%,50px) scale(.78)}
.mole-hole.theme-mole.stuck .actor-mole{animation:moleUrgent .7s ease-in-out infinite alternate}

/* Tchýně */
.whacker-field.theme-mother{
  height:580px;
  background:linear-gradient(180deg,#dbeafe 0 22%, #fef3c7 22% 25%, #f4d6a0 25% 100%);
}
.whacker-field.theme-mother .whacker-bg{
  position:absolute; inset:0; overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), transparent 18%),
    linear-gradient(180deg, transparent 0 58%, rgba(120,53,15,.07) 58% 100%);
}
.whacker-field.theme-mother .whacker-bg::before{
  content:"";
  position:absolute; inset:23% 0 0 0;
  background:
    repeating-linear-gradient(90deg, rgba(120,53,15,.08) 0 11%, transparent 11% 22%),
    linear-gradient(180deg, #f7d9a6 0%, #edc17b 70%, #d4a25d 100%);
}
.whacker-field.theme-mother .whacker-bg::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:20%;
  background:
    repeating-linear-gradient(90deg, rgba(120,53,15,.09) 0 6%, rgba(255,255,255,.05) 6% 12%),
    linear-gradient(180deg,#c08457,#8b5e34);
}
.mole-hole.theme-mother .door-base{
  width:90px; height:108px; bottom:-8px; border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,#fef3c7,#f59e0b);
  border:4px solid #7c2d12;
  box-shadow:0 10px 16px rgba(0,0,0,.18);
  overflow:hidden;
}
.mole-hole.theme-mother .door-door{
  position:absolute; inset:10px 12px 12px 12px; border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,#b45309,#92400e);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.15);
}
.mole-hole.theme-mother .door-step{
  position:absolute; left:8px; right:8px; bottom:0; height:10px; border-radius:10px 10px 0 0;
  background:#78350f;
}
.mole-hole.theme-mother .actor-mother{
  bottom:14px; width:68px; height:92px;
}
.mole-hole.theme-mother .mother-hair{
  position:absolute; left:50%; top:2px; width:44px; height:28px; transform:translateX(-50%);
  background:#92400e; border-radius:55% 55% 40% 40%;
}
.mole-hole.theme-mother .mother-face{
  position:absolute; left:50%; top:18px; width:28px; height:26px; transform:translateX(-50%);
  background:#fde7d3; border-radius:48% 48% 42% 42%;
  box-shadow:
    -7px 8px 0 -5px #111827, 7px 8px 0 -5px #111827;
}
.mole-hole.theme-mother .mother-body{
  position:absolute; left:50%; top:38px; width:50px; height:42px; transform:translateX(-50%);
  background:linear-gradient(180deg,#ec4899,#be185d);
  border-radius:28px 28px 16px 16px;
}
.mole-hole.theme-mother .mother-bowl{
  position:absolute; left:50%; top:46px; width:34px; height:14px; transform:translateX(-50%);
  background:linear-gradient(180deg,#f8fafc,#cbd5e1);
  border-radius:0 0 18px 18px;
  border-top:4px solid #94a3b8;
  box-shadow:0 -10px 0 -2px #f59e0b;
}
.mole-hole.theme-mother.active .actor-mother,
.mole-hole.theme-mother.stuck .actor-mother{transform:translate(-50%,-4px) scale(1)}
.mole-hole.theme-mother:not(.active):not(.stuck) .actor-mother{transform:translate(-50%,64px) scale(.78)}
.mole-hole.theme-mother.stuck .actor-mother{animation:moleUrgent .7s ease-in-out infinite alternate}

/* Zvědavec */
.whacker-field.theme-nosy{
  height:580px;
  background:linear-gradient(180deg,#bfdbfe 0 18%, #dbeafe 18% 22%, #94a3b8 22% 100%);
}
.whacker-field.theme-nosy .whacker-bg{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 20%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 15%, rgba(0,0,0,.04) 15% 16%, transparent 16% 32%),
    linear-gradient(180deg,#94a3b8 0%, #64748b 100%);
}
.whacker-field.theme-nosy .whacker-bg::before{
  content:"";
  position:absolute; inset:26% 3% 8% 3%;
  background:
    repeating-linear-gradient(90deg, rgba(15,23,42,.12) 0 16%, transparent 16% 33%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 17%, rgba(15,23,42,.10) 17% 18%, transparent 18% 35%),
    linear-gradient(180deg,#cbd5e1 0%, #94a3b8 100%);
  border-radius:18px 18px 0 0;
}
.whacker-field.theme-nosy .whacker-bg::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:10%;
  background:linear-gradient(180deg,#475569,#334155);
}
.mole-hole.theme-nosy .window-base{
  width:94px; height:92px; bottom:-2px;
  border-radius:12px 12px 6px 6px;
  background:linear-gradient(180deg,#60a5fa,#dbeafe);
  border:5px solid #334155;
  box-shadow:0 10px 16px rgba(0,0,0,.18);
  overflow:hidden;
}
.mole-hole.theme-nosy .window-pane.h{
  position:absolute; left:10px; right:10px; top:42px; height:5px; background:#334155;
}
.mole-hole.theme-nosy .window-pane.v{
  position:absolute; top:10px; bottom:14px; left:50%; width:5px; transform:translateX(-50%); background:#334155;
}
.mole-hole.theme-nosy .window-sill{
  position:absolute; left:-2px; right:-2px; bottom:-2px; height:10px; background:#1e293b;
}
.mole-hole.theme-nosy .actor-nosy{
  bottom:8px; width:64px; height:86px;
}
.mole-hole.theme-nosy .nosy-hair{
  position:absolute; left:50%; top:0; width:42px; height:18px; transform:translateX(-50%);
  background:#111827; border-radius:40% 70% 20% 60%;
  box-shadow:-10px 4px 0 -3px #111827, 10px 2px 0 -3px #111827;
}
.mole-hole.theme-nosy .nosy-face{
  position:absolute; left:50%; top:14px; width:28px; height:28px; transform:translateX(-50%);
  background:#fde7d3; border-radius:46% 46% 42% 42%;
}
.mole-hole.theme-nosy .nosy-glasses{
  position:absolute; top:23px; width:12px; height:12px; border:3px solid #111827; border-radius:50%; background:transparent;
}
.mole-hole.theme-nosy .nosy-glasses.left{left:18px}
.mole-hole.theme-nosy .nosy-glasses.right{right:18px}
.mole-hole.theme-nosy .nosy-glasses.left::after{
  content:""; position:absolute; right:-12px; top:3px; width:12px; height:3px; background:#111827;
}
.mole-hole.theme-nosy .nosy-body{
  position:absolute; left:50%; top:40px; width:48px; height:36px; transform:translateX(-50%);
  background:linear-gradient(180deg,#22c55e,#15803d);
  border-radius:20px 20px 12px 12px;
}
.mole-hole.theme-nosy.active .actor-nosy,
.mole-hole.theme-nosy.stuck .actor-nosy{transform:translate(-50%,-2px) scale(1)}
.mole-hole.theme-nosy:not(.active):not(.stuck) .actor-nosy{transform:translate(-50%,56px) scale(.78)}
.mole-hole.theme-nosy.stuck .actor-nosy{animation:moleUrgent .7s ease-in-out infinite alternate}

/* cursors per theme */
.whacker-field.theme-mole,
.whacker-field.theme-mole *,
.whacker-field.theme-mole button,
.mole-hole.theme-mole{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-35 32 32)'%3E%3Crect x='7' y='13' width='42' height='16' rx='4' fill='%23d1d5db' stroke='%23334155' stroke-width='3'/%3E%3Crect x='45' y='16' width='11' height='10' rx='2' fill='%2394a3b8' stroke='%23334155' stroke-width='2'/%3E%3Crect x='26' y='27' width='12' height='34' rx='5' fill='%23b45309' stroke='%237c2d12' stroke-width='3'/%3E%3Cpath d='M29 31 L35 31 L34 58 L30 58 Z' fill='%23d97706' opacity='.65'/%3E%3C/g%3E%3C/svg%3E") 10 30, pointer !important;
}
.whacker-field.theme-mother,
.whacker-field.theme-mother *,
.whacker-field.theme-mother button,
.mole-hole.theme-mother{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 64 64'%3E%3Cpath d='M14 48 C18 36, 28 28, 38 22 C46 17, 53 13, 58 10' fill='none' stroke='%23111827' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='7' y='43' width='11' height='9' rx='3' fill='%238b5e34' stroke='%23431f0f' stroke-width='2'/%3E%3Cpath d='M46 9 C50 13, 52 17, 53 21' fill='none' stroke='%23111827' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 8 34, pointer !important;
}
.whacker-field.theme-nosy,
.whacker-field.theme-nosy *,
.whacker-field.theme-nosy button,
.mole-hole.theme-nosy{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 64 64'%3E%3Crect x='12' y='10' width='26' height='10' rx='3' fill='%23e2e8f0' stroke='%23334155' stroke-width='3'/%3E%3Crect x='20' y='20' width='10' height='28' rx='3' fill='%23ef4444' stroke='%23991b1b' stroke-width='3'/%3E%3Cpath d='M38 14 L50 8 L56 18 L44 23 Z' fill='%23fbbf24' stroke='%239a3412' stroke-width='3'/%3E%3C/svg%3E") 10 30, pointer !important;
}
#whackerResult .overlay,
#whackerResult .overlay *,
#whackerResult button{
  cursor:auto !important;
}

@media(max-width:700px){
  .theme-grid{
    grid-template-columns:1fr;
  }
  .whacker-field.theme-mole,
  .whacker-field.theme-mother,
  .whacker-field.theme-nosy{
    height:520px;
  }
}


/* v53 repairs for Tchýně and Zvědavec themes */
.whacker-field.theme-mother{
  background:
    linear-gradient(180deg,#d8efff 0 20%, #b7db8a 20% 32%, #8bc271 32% 100%);
}
.whacker-field.theme-mother .whacker-bg{
  position:absolute; inset:0; overflow:hidden;
  background:
    radial-gradient(circle at 14% 12%, rgba(255,255,255,.40), transparent 10%),
    radial-gradient(circle at 86% 16%, rgba(255,255,255,.26), transparent 11%),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 20%);
}
.whacker-field.theme-mother .whacker-bg::before{
  content:"";
  position:absolute; left:4%; right:4%; top:24%; bottom:17%;
  border-radius:22px 22px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 15%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 18%, transparent 18% 36%),
    linear-gradient(180deg,#f2d3a3 0%, #dfb37a 70%, #cb9b63 100%);
  box-shadow: inset 0 0 0 3px rgba(120,53,15,.12);
}
.whacker-field.theme-mother .whacker-bg::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:18%;
  background:
    repeating-linear-gradient(90deg, rgba(120,53,15,.10) 0 6%, rgba(255,255,255,.04) 6% 12%),
    linear-gradient(180deg,#bb8a55,#8b5e34);
}

.mole-hole.theme-mother .door-base{
  width:94px; height:112px; bottom:-8px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,#fef3c7,#eab308);
  border:4px solid #6b3b16;
  box-shadow:0 12px 18px rgba(0,0,0,.18);
  overflow:hidden;
}
.mole-hole.theme-mother .door-base::before{
  content:"";
  position:absolute; left:50%; top:8px; bottom:12px; width:3px; transform:translateX(-50%);
  background:rgba(84,42,16,.45);
}
.mole-hole.theme-mother .door-base::after{
  content:"";
  position:absolute; left:14px; right:14px; top:14px; bottom:18px;
  border-radius:10px 10px 0 0;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.14),
    inset 0 24px 0 rgba(255,255,255,.05);
}
.mole-hole.theme-mother .door-door{
  position:absolute; inset:10px 12px 12px 12px;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#a85f1f,#7c3f12);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.12);
}
.mole-hole.theme-mother .door-door::before,
.mole-hole.theme-mother .door-door::after{
  content:"";
  position:absolute; top:50%; width:7px; height:7px; border-radius:50%;
  background:#facc15; box-shadow:0 0 0 2px rgba(120,53,15,.32);
}
.mole-hole.theme-mother .door-door::before{ left:12px; transform:translateY(-50%); }
.mole-hole.theme-mother .door-door::after{ right:12px; transform:translateY(-50%); }
.mole-hole.theme-mother .door-step{
  left:10px; right:10px; bottom:0; height:12px; border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#7c3f12,#5b2b0c);
}

.mole-hole.theme-mother .actor-mother{ bottom:16px; width:70px; height:94px; }
.mole-hole.theme-mother .mother-hair{
  top:1px; width:46px; height:30px;
  background:#7c2d12;
  border-radius:52% 52% 38% 38%;
  box-shadow:-10px 6px 0 -5px #7c2d12, 10px 7px 0 -5px #7c2d12;
}
.mole-hole.theme-mother .mother-face{
  top:18px; width:30px; height:28px;
  background:#fde7d3;
  border-radius:46% 46% 42% 42%;
  box-shadow:none !important;
}
.mole-hole.theme-mother .mother-face::before,
.mole-hole.theme-mother .mother-face::after{
  content:"";
  position:absolute; top:10px; width:5px; height:5px; border-radius:50%;
  background:#111827;
}
.mole-hole.theme-mother .mother-face::before{ left:7px; }
.mole-hole.theme-mother .mother-face::after{ right:7px; }
.mole-hole.theme-mother .mother-face{ position:absolute; }
.mole-hole.theme-mother .mother-face > i{ display:none; }
.mole-hole.theme-mother .mother-face::marker{ content:""; }
.mole-hole.theme-mother .mother-face::selection{ background:transparent; }
.mole-hole.theme-mother .mother-face::after{ right:7px; }
.mole-hole.theme-mother .mother-face::before{ left:7px; }
.mole-hole.theme-mother .mother-face:before{ box-shadow:none; }
.mole-hole.theme-mother .mother-face:after{ box-shadow:none; }
.mole-hole.theme-mother .mother-face{}
.mole-hole.theme-mother .mother-face::after{}
.mole-hole.theme-mother .mother-face::before{}
.mole-hole.theme-mother .mother-body{
  top:40px; width:52px; height:42px;
  background:linear-gradient(180deg,#ec4899,#be185d);
  border-radius:28px 28px 16px 16px;
}
.mole-hole.theme-mother .mother-body::after{
  content:"";
  position:absolute; left:50%; bottom:4px; width:24px; height:10px; transform:translateX(-50%);
  border-bottom:3px solid rgba(255,255,255,.6);
  border-radius:0 0 16px 16px;
}
.mole-hole.theme-mother .mother-bowl{
  top:48px; width:36px; height:15px;
  background:linear-gradient(180deg,#f8fafc,#cbd5e1);
  border-radius:0 0 18px 18px;
  border-top:4px solid #94a3b8;
  box-shadow:0 -10px 0 -2px #f59e0b;
}

.whacker-field.theme-nosy{
  background:
    linear-gradient(180deg,#cfe8ff 0 18%, #f8fafc 18% 22%, #d7c2a3 22% 100%);
}
.whacker-field.theme-nosy .whacker-bg{
  position:absolute; inset:0; overflow:hidden;
  background:
    radial-gradient(circle at 16% 14%, rgba(255,255,255,.40), transparent 11%),
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.25), transparent 10%),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 20%);
}
.whacker-field.theme-nosy .whacker-bg::before{
  content:"";
  position:absolute; left:3%; right:3%; top:24%; bottom:12%;
  border-radius:18px 18px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 14%),
    repeating-linear-gradient(90deg, #ddc1a0 0 14%, #caa27b 14% 28%),
    linear-gradient(180deg,#e8cfb2 0%, #cda37d 100%);
  box-shadow: inset 0 0 0 3px rgba(120,53,15,.10);
}
.whacker-field.theme-nosy .whacker-bg::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:11%;
  background:linear-gradient(180deg,#a67552,#7c5436);
}

.mole-hole.theme-nosy .window-base{
  width:98px; height:102px; bottom:-2px;
  border-radius:14px 14px 8px 8px;
  background:linear-gradient(180deg, rgba(147,197,253,.42), rgba(219,234,254,.55));
  border:6px solid #6b4b32;
  box-shadow:0 12px 18px rgba(0,0,0,.18), inset 0 0 0 3px rgba(255,255,255,.18);
  overflow:hidden;
}
.mole-hole.theme-nosy .window-base::before{
  content:"";
  position:absolute; inset:8px 8px 10px 8px;
  border-radius:8px 8px 4px 4px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 28%),
    linear-gradient(180deg, rgba(96,165,250,.18), rgba(255,255,255,.08));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}
.mole-hole.theme-nosy .window-base::after{
  content:"";
  position:absolute; left:-8px; right:-8px; bottom:-2px; height:12px;
  background:linear-gradient(180deg,#6b4b32,#5a3b25);
  border-radius:10px 10px 0 0;
}
.mole-hole.theme-nosy .window-pane.h{
  left:11px; right:11px; top:46px; height:6px;
  background:#6b4b32;
  z-index:3;
}
.mole-hole.theme-nosy .window-pane.v{
  top:10px; bottom:16px; left:50%; width:6px; transform:translateX(-50%);
  background:#6b4b32;
  z-index:3;
}
.mole-hole.theme-nosy .window-sill{
  left:-2px; right:-2px; bottom:-2px; height:12px;
  background:linear-gradient(180deg,#6b4b32,#55361f);
}

.mole-hole.theme-nosy .actor-nosy{
  bottom:18px; width:64px; height:68px;
  z-index:2;
}
.mole-hole.theme-nosy .nosy-hair{
  left:50%; top:0; width:40px; height:16px; transform:translateX(-50%);
  background:#1f2937;
  border-radius:35% 60% 18% 55%;
  box-shadow:-8px 4px 0 -4px #1f2937, 8px 2px 0 -4px #1f2937;
}
.mole-hole.theme-nosy .nosy-face{
  left:50%; top:12px; width:28px; height:28px; transform:translateX(-50%);
  background:#fde7d3; border-radius:46% 46% 42% 42%;
}
.mole-hole.theme-nosy .nosy-face::after{
  content:"";
  position:absolute; left:50%; bottom:4px; width:14px; height:7px; transform:translateX(-50%);
  border-bottom:2px solid #6b4b32; border-radius:0 0 10px 10px;
}
.mole-hole.theme-nosy .nosy-glasses{ top:20px; width:12px; height:12px; border:3px solid #111827; background:rgba(255,255,255,.08); }
.mole-hole.theme-nosy .nosy-glasses.left{ left:18px; }
.mole-hole.theme-nosy .nosy-glasses.right{ right:18px; }
.mole-hole.theme-nosy .nosy-body{
  left:50%; top:40px; width:48px; height:20px; transform:translateX(-50%);
  background:linear-gradient(180deg,#2563eb,#1d4ed8);
  border-radius:18px 18px 8px 8px;
}
.mole-hole.theme-nosy .nosy-body::before{
  content:"";
  position:absolute; left:50%; top:-4px; width:54px; height:12px; transform:translateX(-50%);
  background:linear-gradient(180deg,#3b82f6,#2563eb);
  border-radius:14px 14px 0 0;
}
.mole-hole.theme-nosy.active .actor-nosy,
.mole-hole.theme-nosy.stuck .actor-nosy{ transform:translate(-50%,2px) scale(1); }
.mole-hole.theme-nosy:not(.active):not(.stuck) .actor-nosy{ transform:translate(-50%,56px) scale(.78); }
.mole-hole.theme-nosy.stuck .actor-nosy{ animation:moleUrgent .7s ease-in-out infinite alternate; }

/* clearer cursors */
.whacker-field.theme-mother,
.whacker-field.theme-mother *,
.whacker-field.theme-mother button,
.mole-hole.theme-mother{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 64 64'%3E%3Cpath d='M12 50 C18 40, 27 31, 36 24 C44 18, 51 14, 57 11' fill='none' stroke='%23111827' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='8' y='45' width='11' height='10' rx='3' fill='%239a3412' stroke='%23431f0f' stroke-width='2'/%3E%3Cpath d='M48 12 C51 15, 53 19, 54 23' fill='none' stroke='%23111827' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 8 34, pointer !important;
}
.whacker-field.theme-nosy,
.whacker-field.theme-nosy *,
.whacker-field.theme-nosy button,
.mole-hole.theme-nosy{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 64 64'%3E%3Crect x='10' y='10' width='30' height='12' rx='4' fill='%23fbbf24' stroke='%239a3412' stroke-width='3'/%3E%3Cpath d='M40 16 H48 V30' fill='none' stroke='%236b7280' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='43' y='28' width='10' height='22' rx='4' fill='%23ef4444' stroke='%23991b1b' stroke-width='3'/%3E%3C/svg%3E") 10 30, pointer !important;
}


/* v54 cabin-style overhaul for Tchýně + Zvědavec */
.whacker-field.theme-mother,
.whacker-field.theme-nosy{
  height:580px;
  background:
    linear-gradient(180deg,#cfe9ff 0 18%, #eaf4ff 18% 23%, #87b96f 23% 31%, #5b8d4f 31% 100%);
}

.whacker-field.theme-mother .whacker-bg,
.whacker-field.theme-nosy .whacker-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.42), transparent 11%),
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.26), transparent 10%),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 18%);
}

/* green foreground strip */
.whacker-field.theme-mother .whacker-bg::after,
.whacker-field.theme-nosy .whacker-bg::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:15%;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 9%, rgba(0,0,0,.03) 9% 10%, transparent 10% 19%),
    linear-gradient(180deg,#6ba65a,#4a7f3d);
}

/* cabin / timber wall */
.whacker-field.theme-mother .whacker-bg::before,
.whacker-field.theme-nosy .whacker-bg::before{
  content:"";
  position:absolute;
  left:2.5%;
  right:2.5%;
  top:24%;
  bottom:13%;
  border-radius:18px 18px 0 0;
  background:
    repeating-linear-gradient(
      180deg,
      #8b5a34 0 26px,
      #6b4225 26px 30px,
      #9a673e 30px 56px,
      #6b4225 56px 60px
    );
  box-shadow:
    inset 0 0 0 3px rgba(67,32,14,.26),
    inset 0 12px 18px rgba(255,255,255,.08),
    0 18px 26px rgba(0,0,0,.10);
}

/* generic bigger hit zones for cabin themes */
.mole-hole.theme-mother,
.mole-hole.theme-nosy{
  width:120px;
  height:138px;
  overflow:visible !important;
}
.mole-hole.theme-mother .target-base,
.mole-hole.theme-nosy .target-base{
  left:50%;
  transform:translateX(-50%);
}
.mole-hole.theme-mother .actor,
.mole-hole.theme-nosy .actor{
  left:50%;
  transform:translateX(-50%);
}

/* ===== TCHÝNĚ ===== */
.mole-hole.theme-mother .door-base{
  width:102px;
  height:122px;
  bottom:-8px;
  border-radius:10px 10px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 18%),
    linear-gradient(180deg,#935f36,#6c4225);
  border:6px solid #4a2d17;
  box-shadow:
    0 12px 18px rgba(0,0,0,.18),
    inset 0 0 0 2px rgba(255,255,255,.10);
  overflow:hidden;
}
.mole-hole.theme-mother .door-base::before{
  content:"";
  position:absolute;
  inset:10px 11px 13px 11px;
  border-radius:6px 6px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 22%),
    linear-gradient(180deg,#996335,#714222);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.09),
    inset 0 -8px 16px rgba(0,0,0,.10);
}
.mole-hole.theme-mother .door-base::after{
  content:"";
  position:absolute;
  left:50%;
  top:10px;
  bottom:14px;
  width:3px;
  transform:translateX(-50%);
  background:rgba(68,39,18,.45);
}
.mole-hole.theme-mother .door-door{
  position:absolute;
  left:14px; right:14px; top:14px; bottom:18px;
  border-radius:6px 6px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 18%),
    linear-gradient(180deg,#8c5329,#65391d);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.08);
}
.mole-hole.theme-mother .door-door::before,
.mole-hole.theme-mother .door-door::after{
  content:"";
  position:absolute;
  top:50%;
  width:8px; height:8px;
  border-radius:50%;
  background:#facc15;
  box-shadow:0 0 0 2px rgba(92,53,10,.28);
}
.mole-hole.theme-mother .door-door::before{ left:12px; transform:translateY(-50%); }
.mole-hole.theme-mother .door-door::after{ right:12px; transform:translateY(-50%); }
.mole-hole.theme-mother .door-step{
  left:8px; right:8px; bottom:0;
  height:12px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,#5f371d,#3f2413);
}

.mole-hole.theme-mother .actor-mother{
  bottom:14px;
  width:84px;
  height:112px;
  z-index:4;
}
.mole-hole.theme-mother .mother-hair{
  position:absolute;
  left:50%; top:2px;
  width:54px; height:34px;
  transform:translateX(-50%);
  background:#7a3f1e;
  border-radius:52% 52% 40% 40%;
  box-shadow:
    -12px 10px 0 -7px #7a3f1e,
    12px 10px 0 -7px #7a3f1e;
}
.mole-hole.theme-mother .mother-face{
  position:absolute;
  left:50%; top:20px;
  width:34px; height:34px;
  transform:translateX(-50%);
  background:#fde4cf !important;
  border-radius:46% 46% 42% 42%;
  box-shadow:none !important;
}
.mole-hole.theme-mother .mother-face::before,
.mole-hole.theme-mother .mother-face::after{
  content:"";
  position:absolute;
  top:11px;
  width:5px; height:5px;
  border-radius:50%;
  background:#111827;
}
.mole-hole.theme-mother .mother-face::before{ left:8px; }
.mole-hole.theme-mother .mother-face::after{ right:8px; }
.mole-hole.theme-mother .mother-face{
  --mouth:#8b451f;
}
.mole-hole.theme-mother .mother-face span{ display:none; }
.mole-hole.theme-mother .mother-face::selection{ background:transparent; }
.mole-hole.theme-mother .mother-face::marker{ content:""; }
.mole-hole.theme-mother .mother-face:after{}
.mole-hole.theme-mother .mother-face:before{}
.mole-hole.theme-mother .mother-face > em{ display:none; }
.mole-hole.theme-mother .mother-face::backdrop{}
.mole-hole.theme-mother .mother-face{
  overflow:visible;
}
.mole-hole.theme-mother .mother-face::before{
  box-shadow:none;
}
.mole-hole.theme-mother .mother-face::after{
  box-shadow:none;
}
.mole-hole.theme-mother .mother-face{
  position:absolute;
}
.mole-hole.theme-mother .mother-face::after{}
.mole-hole.theme-mother .mother-face::before{}
.mole-hole.theme-mother .mother-face{
}
.mole-hole.theme-mother .mother-face + .mother-body{}
.mole-hole.theme-mother .mother-face::after{}
.mole-hole.theme-mother .mother-face::before{}
.mole-hole.theme-mother .mother-face::part(mouth){}
.mole-hole.theme-mother .mother-face::spelling-error{}
.mole-hole.theme-mother .mother-face::grammar-error{}
.mole-hole.theme-mother .mother-face::target-text{}
.mole-hole.theme-mother .mother-face::highlight(foo){}
.mole-hole.theme-mother .mother-face::after{}
.mole-hole.theme-mother .mother-face::before{}
.mole-hole.theme-mother .mother-body{
  position:absolute;
  left:50%; top:47px;
  width:58px; height:44px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#ec4899,#be185d);
  border-radius:26px 26px 18px 18px;
}
.mole-hole.theme-mother .mother-body::before{
  content:"";
  position:absolute;
  left:50%; top:-7px;
  width:44px; height:12px;
  transform:translateX(-50%);
  background:#ef709f;
  border-radius:14px 14px 0 0;
}
.mole-hole.theme-mother .mother-body::after{
  content:"";
  position:absolute;
  left:50%; bottom:7px;
  width:22px; height:8px;
  transform:translateX(-50%);
  border-bottom:2px solid rgba(255,255,255,.68);
  border-radius:0 0 10px 10px;
}
.mole-hole.theme-mother .mother-bowl{
  position:absolute;
  left:50%; top:58px;
  width:40px; height:16px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#f8fafc,#cbd5e1);
  border-radius:0 0 18px 18px;
  border-top:4px solid #94a3b8;
  box-shadow:0 -10px 0 -2px #f59e0b;
}
.mole-hole.theme-mother .actor-mother::after{
  content:"";
  position:absolute;
  left:50%; top:37px;
  width:12px; height:8px;
  transform:translateX(-50%);
  border-bottom:2px solid #8b451f;
  border-radius:0 0 10px 10px;
}
.mole-hole.theme-mother.active .actor-mother,
.mole-hole.theme-mother.stuck .actor-mother{
  transform:translate(-50%,-2px) scale(1);
}
.mole-hole.theme-mother:not(.active):not(.stuck) .actor-mother{
  transform:translate(-50%,66px) scale(.80);
}
.mole-hole.theme-mother.stuck .actor-mother{
  animation:moleUrgent .7s ease-in-out infinite alternate;
}

/* ===== ZVĚDAVEC ===== */
.mole-hole.theme-nosy .window-base{
  width:104px;
  height:118px;
  bottom:-2px;
  border-radius:12px 12px 8px 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 22%),
    linear-gradient(180deg,#b9d5e8,#90bdd4);
  border:7px solid #5b3922;
  box-shadow:
    0 12px 18px rgba(0,0,0,.18),
    inset 0 0 0 2px rgba(255,255,255,.16);
  overflow:hidden;
}
.mole-hole.theme-nosy .window-base::before{
  content:"";
  position:absolute;
  inset:8px 8px 10px 8px;
  border-radius:8px 8px 4px 4px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.04) 28%),
    linear-gradient(180deg, rgba(120,171,198,.70), rgba(197,228,244,.48));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.mole-hole.theme-nosy .window-base::after{
  content:"";
  position:absolute;
  left:-2px; right:-2px; bottom:-2px;
  height:13px;
  background:linear-gradient(180deg,#5b3922,#452a17);
  border-radius:10px 10px 0 0;
  z-index:5;
}
.mole-hole.theme-nosy .window-pane.h{
  left:10px; right:10px;
  top:49px; height:7px;
  background:#5b3922;
  z-index:6;
}
.mole-hole.theme-nosy .window-pane.v{
  top:10px; bottom:15px;
  left:50%; width:7px;
  transform:translateX(-50%);
  background:#5b3922;
  z-index:6;
}
.mole-hole.theme-nosy .window-sill{
  left:-4px; right:-4px; bottom:-1px;
  height:12px;
  background:linear-gradient(180deg,#6b4226,#4a2d18);
  z-index:7;
}

.mole-hole.theme-nosy .actor-nosy{
  bottom:30px;
  width:70px;
  height:72px;
  z-index:4;
}
.mole-hole.theme-nosy .nosy-hair{
  position:absolute;
  left:50%; top:0;
  width:44px; height:18px;
  transform:translateX(-50%);
  background:#1f2937;
  border-radius:30% 58% 20% 56%;
  box-shadow:
    -9px 5px 0 -5px #1f2937,
    9px 3px 0 -5px #1f2937;
}
.mole-hole.theme-nosy .nosy-face{
  position:absolute;
  left:50%; top:12px;
  width:30px; height:30px;
  transform:translateX(-50%);
  background:#fde4cf;
  border-radius:45% 45% 42% 42%;
}
.mole-hole.theme-nosy .nosy-face::after{
  content:"";
  position:absolute;
  left:50%; bottom:5px;
  width:14px; height:6px;
  transform:translateX(-50%);
  border-bottom:2px solid #7a4b2a;
  border-radius:0 0 9px 9px;
}
.mole-hole.theme-nosy .nosy-glasses{
  position:absolute;
  top:20px;
  width:12px; height:12px;
  border:3px solid #111827;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  z-index:2;
}
.mole-hole.theme-nosy .nosy-glasses.left{ left:19px; }
.mole-hole.theme-nosy .nosy-glasses.right{ right:19px; }
.mole-hole.theme-nosy .nosy-glasses.left::after{
  content:"";
  position:absolute;
  right:-12px; top:3px;
  width:12px; height:3px;
  background:#111827;
}
.mole-hole.theme-nosy .nosy-body{
  position:absolute;
  left:50%; top:42px;
  width:52px; height:22px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#2563eb,#1d4ed8);
  border-radius:18px 18px 8px 8px;
}
.mole-hole.theme-nosy .nosy-body::before{
  content:"";
  position:absolute;
  left:50%; top:-5px;
  width:60px; height:14px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#3b82f6,#2563eb);
  border-radius:16px 16px 0 0;
}
.mole-hole.theme-nosy .nosy-body::after{
  content:"";
  position:absolute;
  left:50%; bottom:-9px;
  width:70px; height:18px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#5b3922,#452a17);
  border-radius:10px 10px 0 0;
  opacity:.95;
}
.mole-hole.theme-nosy.active .actor-nosy,
.mole-hole.theme-nosy.stuck .actor-nosy{
  transform:translate(-50%,0) scale(1);
}
.mole-hole.theme-nosy:not(.active):not(.stuck) .actor-nosy{
  transform:translate(-50%,62px) scale(.80);
}
.mole-hole.theme-nosy.stuck .actor-nosy{
  animation:moleUrgent .7s ease-in-out infinite alternate;
}

@media(max-width:700px){
  .mole-hole.theme-mother,
  .mole-hole.theme-nosy{
    width:108px;
    height:128px;
  }
}


/* v55 whacker RWD hitbox repair */
.whacker-field{
  touch-action:manipulation;
}
.mole-hole,
.mole-hole *{
  pointer-events:auto !important;
  touch-action:manipulation !important;
}
.mole-hole.theme-mother,
.mole-hole.theme-nosy{
  width:138px !important;
  height:154px !important;
  border-radius:24px;
}
.mole-hole.theme-mother::after,
.mole-hole.theme-nosy::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:124px;
  height:142px;
  transform:translate(-50%,-50%);
  border-radius:24px;
  background:rgba(255,255,255,0);
  z-index:20;
  pointer-events:auto;
}
.mole-hole.theme-mother .actor-mother,
.mole-hole.theme-nosy .actor-nosy{
  z-index:12 !important;
}
.mole-hole.theme-mother .door-base,
.mole-hole.theme-nosy .window-base{
  z-index:8 !important;
}
.mole-hole.active{
  z-index:160 !important;
}
@media(max-width:700px){
  .mole-hole.theme-mother,
  .mole-hole.theme-nosy{
    width:148px !important;
    height:166px !important;
  }
  .mole-hole.theme-mother::after,
  .mole-hole.theme-nosy::after{
    width:138px;
    height:156px;
  }
}


/* v56 devil theme for Zatloukač */
.whacker-setup.theme-nosy .whacker-hero{
  background:
    linear-gradient(135deg, rgba(12,74,45,.92), rgba(34,85,34,.78) 42%, rgba(20,83,45,.88)),
    url('/assets/fairy_forest_bg.png') center/cover no-repeat;
  color:#f8fafc;
}
.whacker-setup.theme-nosy .whacker-panel,
.whacker-setup.theme-nosy .whacker-footer-actions{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.whacker-setup.theme-nosy .whacker-hint,
.whacker-setup.theme-nosy .whacker-intro,
.whacker-setup.theme-nosy .whacker-note,
.whacker-setup.theme-nosy .theme-card small,
.whacker-setup.theme-nosy .option-card small{ color:rgba(255,255,255,.86); }
.whacker-setup.theme-nosy .btn.secondary{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}
.whacker-setup.theme-nosy .btn.secondary:hover{ background:rgba(255,255,255,.22); }

.whacker-field.theme-nosy{
  background:#204b26 !important;
  border-radius:28px;
}
.whacker-field.theme-nosy .whacker-bg{
  background:
    linear-gradient(to bottom, rgba(16,56,31,.18), rgba(17,24,39,.1) 28%, rgba(32,90,45,.08)),
    url('/assets/fairy_forest_bg.png') center center/cover no-repeat !important;
}
.whacker-field.theme-nosy .whacker-bg::before,
.whacker-field.theme-nosy .whacker-bg::after{
  content:none !important;
  display:none !important;
}
.whacker-field.theme-nosy .whacker-title{
  background:rgba(17,24,39,.42);
  color:#fff7ed;
  border:1px solid rgba(255,255,255,.18);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.mole-hole.theme-nosy{
  width:118px !important;
  height:128px !important;
  background:transparent !important;
  overflow:visible !important;
}
.mole-hole.theme-nosy::after{ display:none !important; }
.mole-hole.theme-nosy .target-base.devil-spot{
  position:absolute;
  left:50%;
  bottom:6px;
  width:86px;
  height:16px;
  border-radius:999px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(13,23,13,.42) 0%, rgba(13,23,13,.18) 55%, rgba(13,23,13,0) 75%);
}
.mole-hole.theme-nosy .actor-devil{
  position:absolute;
  left:50%;
  bottom:0;
  width:120px;
  height:122px;
  transform:translate(-50%,78px) scale(.9);
  transform-origin:50% 100%;
  transition:transform .18s ease-out, filter .18s ease-out;
  filter:drop-shadow(0 10px 12px rgba(15,23,42,.26));
}
.mole-hole.theme-nosy .devil-sprite{
  position:absolute;
  inset:0;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:contain;
}
.mole-hole.theme-nosy .actor-devil.variant-a .devil-sprite{ background-image:url('/assets/devil_peek_a.png'); }
.mole-hole.theme-nosy .actor-devil.variant-b .devil-sprite{ background-image:url('/assets/devil_peek_b.png'); }
.mole-hole.theme-nosy .actor-devil.side-right .devil-sprite{ transform:scaleX(-1); }
.mole-hole.theme-nosy.active .actor-devil,
.mole-hole.theme-nosy.stuck .actor-devil{
  transform:translate(-50%,2px) scale(1);
}
.mole-hole.theme-nosy.stuck .actor-devil{
  animation:moleUrgent .75s ease-in-out infinite alternate;
}
.mole-hole.theme-nosy:not(.active):not(.stuck) .actor-devil{ pointer-events:none; }

.whacker-field.theme-nosy,
.whacker-field.theme-nosy *,
.whacker-field.theme-nosy button,
.mole-hole.theme-nosy{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-35 32 32)'%3E%3Crect x='7' y='13' width='42' height='16' rx='4' fill='%23d1d5db' stroke='%23334155' stroke-width='3'/%3E%3Crect x='45' y='16' width='11' height='10' rx='2' fill='%2394a3b8' stroke='%23334155' stroke-width='2'/%3E%3Crect x='26' y='27' width='12' height='34' rx='5' fill='%23b45309' stroke='%237c2d12' stroke-width='3'/%3E%3Cpath d='M29 31 L35 31 L34 58 L30 58 Z' fill='%23d97706' opacity='.65'/%3E%3C/g%3E%3C/svg%3E") 10 30, pointer !important;
}
#whackerResult .modal,
#whackerResult .modal *,
.whacker-controls .btn,
#startWhacker,
.whacker-setup .btn,
.whacker-setup button{ cursor:auto !important; }

@media (max-width:700px){
  .mole-hole.theme-nosy{
    width:100px !important;
    height:108px !important;
  }
  .mole-hole.theme-nosy .actor-devil{
    width:102px;
    height:104px;
    transform:translate(-50%,70px) scale(.92);
  }
  .mole-hole.theme-nosy.active .actor-devil,
  .mole-hole.theme-nosy.stuck .actor-devil{
    transform:translate(-50%,4px) scale(1);
  }
}

/* v57 devil theme remap: devils without trees, attached to background trees */
.whacker-field.theme-nosy .whacker-bg{
  background:
    linear-gradient(to bottom, rgba(12,40,25,.15), rgba(12,30,20,.08) 35%, rgba(20,65,35,.06)),
    url('/assets/fairy_forest_bg.png') center center/cover no-repeat !important;
}
.mole-hole.theme-nosy{
  width:132px !important;
  height:138px !important;
  overflow:visible !important;
  background:transparent !important;
}
.mole-hole.theme-nosy::after{
  display:block !important;
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:126px;
  height:132px;
  transform:translate(-50%,-50%);
  background:transparent;
  border-radius:26px;
  z-index:12;
  pointer-events:auto;
}
.mole-hole.theme-nosy .target-base.devil-spot{
  position:absolute;
  left:50%;
  bottom:10px;
  width:68px;
  height:14px;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.28) 0%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 78%);
}
.mole-hole.theme-nosy .actor-devil{
  position:absolute;
  bottom:6px;
  width:102px;
  height:118px;
  transition:transform .18s ease-out, filter .18s ease-out;
  filter:drop-shadow(0 10px 10px rgba(15,23,42,.24));
  z-index:13;
}
.mole-hole.theme-nosy .actor-devil.side-right{
  left:50%;
  transform:translate(0,76px) scale(.92);
  transform-origin:0 100%;
}
.mole-hole.theme-nosy .actor-devil.side-left{
  right:50%;
  left:auto;
  transform:translate(0,76px) scaleX(-1) scale(.92);
  transform-origin:100% 100%;
}
.mole-hole.theme-nosy .devil-sprite{
  position:absolute;
  inset:0;
  background-position:left bottom;
  background-repeat:no-repeat;
  background-size:contain;
}
.mole-hole.theme-nosy .actor-devil.variant-a .devil-sprite{ background-image:url('/assets/devil_only_a.png'); }
.mole-hole.theme-nosy .actor-devil.variant-b .devil-sprite{ background-image:url('/assets/devil_only_b.png'); }
.mole-hole.theme-nosy .actor-devil.side-left .devil-sprite{ background-position:right bottom; }
.mole-hole.theme-nosy.active .actor-devil.side-right,
.mole-hole.theme-nosy.stuck .actor-devil.side-right{
  transform:translate(0,2px) scale(1);
}
.mole-hole.theme-nosy.active .actor-devil.side-left,
.mole-hole.theme-nosy.stuck .actor-devil.side-left{
  transform:translate(0,2px) scaleX(-1) scale(1);
}
.mole-hole.theme-nosy.stuck .actor-devil{ animation:moleUrgent .75s ease-in-out infinite alternate; }
.mole-hole.theme-nosy:not(.active):not(.stuck) .actor-devil{ pointer-events:none; }
@media (max-width:700px){
  .mole-hole.theme-nosy{
    width:114px !important;
    height:118px !important;
  }
  .mole-hole.theme-nosy::after{
    width:110px;
    height:114px;
  }
  .mole-hole.theme-nosy .actor-devil{
    width:88px;
    height:102px;
  }
  .mole-hole.theme-nosy .actor-devil.side-right{
    transform:translate(0,68px) scale(.94);
  }
  .mole-hole.theme-nosy .actor-devil.side-left{
    transform:translate(0,68px) scaleX(-1) scale(.94);
  }
  .mole-hole.theme-nosy.active .actor-devil.side-right,
  .mole-hole.theme-nosy.stuck .actor-devil.side-right{
    transform:translate(0,4px) scale(1);
  }
  .mole-hole.theme-nosy.active .actor-devil.side-left,
  .mole-hole.theme-nosy.stuck .actor-devil.side-left{
    transform:translate(0,4px) scaleX(-1) scale(1);
  }
}


/* v59 Čert: fixed mapped positions from the 9 supplied reference images */
.whacker-field.theme-nosy{
  background:#17351d !important;
}

.whacker-field.theme-nosy .whacker-bg{
  background:url('/assets/fairy_forest_bg.png') 0 0 / 100% 100% no-repeat !important;
}

.whacker-field.theme-nosy .whacker-bg::before,
.whacker-field.theme-nosy .whacker-bg::after{
  content:none !important;
  display:none !important;
}

.whacker-field.theme-nosy .whacker-title{
  background:rgba(15,23,42,.42) !important;
  color:#fff7ed !important;
  border:1px solid rgba(255,255,255,.18) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.mole-hole.theme-nosy{
  width:var(--devil-w) !important;
  height:var(--devil-h) !important;
  transform:translate(-50%,-50%) !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
}

.mole-hole.theme-nosy::after{
  display:block !important;
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:22px;
  background:transparent;
  z-index:40;
  pointer-events:auto;
}

.mole-hole.theme-nosy .target-base.devil-spot{
  display:none !important;
}

.mole-hole.theme-nosy .actor-devil{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  transform:translateY(20%) scale(.96) !important;
  opacity:0 !important;
  transform-origin:50% 100%;
  transition:transform .14s ease-out, opacity .14s ease-out, filter .14s ease-out;
  z-index:25 !important;
  filter:drop-shadow(0 10px 9px rgba(15,23,42,.24));
}

.mole-hole.theme-nosy .devil-sprite{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}

.mole-hole.theme-nosy .actor-devil.pose-0 .devil-sprite{background-image:url('/assets/devil_ref_pose_0.png');}
.mole-hole.theme-nosy .actor-devil.pose-1 .devil-sprite{background-image:url('/assets/devil_ref_pose_1.png');}
.mole-hole.theme-nosy .actor-devil.pose-2 .devil-sprite{background-image:url('/assets/devil_ref_pose_2.png');}
.mole-hole.theme-nosy .actor-devil.pose-3 .devil-sprite{background-image:url('/assets/devil_ref_pose_3.png');}
.mole-hole.theme-nosy .actor-devil.pose-4 .devil-sprite{background-image:url('/assets/devil_ref_pose_4.png');}
.mole-hole.theme-nosy .actor-devil.pose-5 .devil-sprite{background-image:url('/assets/devil_ref_pose_5.png');}
.mole-hole.theme-nosy .actor-devil.pose-6 .devil-sprite{background-image:url('/assets/devil_ref_pose_6.png');}
.mole-hole.theme-nosy .actor-devil.pose-7 .devil-sprite{background-image:url('/assets/devil_ref_pose_7.png');}
.mole-hole.theme-nosy .actor-devil.pose-8 .devil-sprite{background-image:url('/assets/devil_ref_pose_8.png');}

.mole-hole.theme-nosy.active .actor-devil,
.mole-hole.theme-nosy.stuck .actor-devil{
  transform:translateY(0) scale(1) !important;
  opacity:1 !important;
}

.mole-hole.theme-nosy.stuck .actor-devil{
  animation:moleUrgent .75s ease-in-out infinite alternate;
}

@media(max-width:700px){
  .mole-hole.theme-nosy::after{
    inset:-14px;
  }
}


/* v60 Dorota theme */
.whacker-field.theme-dorota,
.whacker-field.theme-dorota *,
.whacker-field.theme-dorota button,
.mole-hole.theme-dorota{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 64 64'%3E%3Cpath d='M10 51 C24 36, 33 25, 42 11 C46 5, 55 8, 54 16 C52 27, 43 40, 27 55' fill='%23f8fafc' stroke='%236b7280' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 45 C29 44, 35 45, 38 49' fill='none' stroke='%23d946ef' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M18 49 C21 48, 25 49, 28 52' fill='none' stroke='%23a855f7' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 8 34, pointer !important;
}
.whacker-field.theme-dorota{
  background:#8fb36b;
}
.whacker-field.theme-dorota .whacker-bg{
  background:url('/assets/dorota_bg.png') center center / cover no-repeat;
}
.whacker-foreground.dorota-foreground{
  position:absolute;
  inset:0;
  z-index:999;
  pointer-events:none;
  background:url('/assets/dorota_fg.png') center center / cover no-repeat;
}
.mole-hole.theme-dorota{
  width:108px;
  height:270px;
  transform:translate(-50%,-48%);
  overflow:visible !important;
}
.mole-hole.theme-dorota .target-base{ display:none; }
.mole-hole.theme-dorota .actor-dorota{
  position:absolute;
  left:50%;
  bottom:-18px;
  opacity:0;
  display:none;
  pointer-events:none;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.24));
  transform-origin:center bottom;
  transition:transform .12s ease, opacity .12s ease;
  clip-path: inset(0 0 44% 0);
}
.mole-hole.theme-dorota .actor-dorota img{
  display:block;
  width:100%;
  height:auto;
}
.mole-hole.theme-dorota .actor-red{ width:74px; }
.mole-hole.theme-dorota .actor-pink{ width:90px; }
.mole-hole.theme-dorota[data-variant='red'] .actor-red,
.mole-hole.theme-dorota[data-variant='pink'] .actor-pink{ display:block; }
.mole-hole.theme-dorota.active .actor-dorota,
.mole-hole.theme-dorota.stuck .actor-dorota{
  opacity:1;
  transform:translate(-50%,0) scale(var(--hole-scale,1));
}
.mole-hole.theme-dorota:not(.active):not(.stuck) .actor-dorota{
  opacity:0;
  transform:translate(-50%,130px) scale(calc(var(--hole-scale,1) * 0.98));
}
.mole-hole.theme-dorota.stuck .actor-dorota{
  animation:moleUrgent .75s ease-in-out infinite alternate;
}
@media(max-width:700px){
  .mole-hole.theme-dorota{ width:82px; height:220px; }
  .mole-hole.theme-dorota .actor-red{ width:58px; }
  .mole-hole.theme-dorota .actor-pink{ width:70px; }
}


/* v61 Střelnice */
.cover-icon.shooting-icon{display:block;width:58px;height:58px;object-fit:contain}
.shooting-big-icon{display:flex;justify-content:center;align-items:center}
.shooting-big-icon img{width:78px;height:78px;display:block;filter:drop-shadow(0 10px 18px rgba(15,23,42,.18))}
.shooting-rules .shoot-rule-list{margin:0;padding-left:18px;color:#475569;line-height:1.8}
.shooting-status-bar{margin-bottom:12px}
.shooting-status-bar p{margin-bottom:8px}
.shooting-frame{position:relative;overflow:hidden;border-radius:28px;min-height:720px;background:#2b1d16}
.shooting-field{position:relative;min-height:720px;cursor:none;overflow:hidden;background:#120d0a}
.shooting-board,.shooting-top-fade{position:absolute;inset:0}
.shooting-board{background:center center/cover no-repeat;filter:saturate(1.03)}
.shooting-top-fade{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(0,0,0,.08))}
.shooting-target{position:absolute;transform:translate(-50%,-50%);width:var(--target-size,7%);height:var(--target-size,7%);border:0;background:transparent;border-radius:50%;z-index:4;cursor:none}
.shooting-target::before{content:'';position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);opacity:0;transition:.18s}
.shooting-target:hover::before{opacity:.6}
.shooting-target span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:900;color:#f8fafc;text-shadow:0 2px 10px rgba(0,0,0,.55);opacity:0}
.shooting-target.hit span,.shooting-target.reveal-win span{opacity:1}
.shooting-target.hit{pointer-events:none}
.shooting-target.hit::after{content:'';position:absolute;inset:16%;border:3px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 4px rgba(220,38,38,.15)}
.shooting-target.win-hit::after{border-color:#fde68a;box-shadow:0 0 0 4px rgba(251,191,36,.25),0 0 18px rgba(251,191,36,.6)}
.shooting-target.reveal-win:not(.hit)::after{content:'';position:absolute;inset:14%;border:3px dashed rgba(250,204,21,.95);border-radius:50%;box-shadow:0 0 20px rgba(250,204,21,.65)}
.shooting-shot-mark{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff 0 20%,#7f1d1d 24%,#111 58%,rgba(0,0,0,.05) 60%);box-shadow:0 0 0 2px rgba(255,255,255,.35),0 4px 10px rgba(0,0,0,.35);z-index:5}
.shooting-crosshair{position:absolute;left:50%;top:54%;width:84px;height:84px;transform:translate(-50%,-50%);z-index:8;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.shooting-crosshair img{display:block;width:100%;height:100%}
.shooting-controls{margin-top:12px}
.shoot-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.shoot-chip{display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:14px;background:#fff;border:1px solid #e2e8f0;padding:10px 12px;font-size:14px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.shoot-chip b{font-size:16px}
.shoot-chip.done{background:#ecfdf5;border-color:#86efac}
.shoot-progress-random{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.shoot-random-badges{display:flex;flex-wrap:wrap;gap:8px}
.shoot-chip.win{justify-content:flex-start;background:#fff7ed;border-color:#fed7aa}
@media(max-width:900px){
  .shooting-frame,.shooting-field{min-height:560px}
  .shoot-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .shooting-frame,.shooting-field{min-height:430px}
  .shooting-crosshair{width:64px;height:64px}
  .shooting-target span{font-size:24px}
  .shoot-progress-grid{grid-template-columns:1fr}
}


/* v65 restore-all-games: Dorota mapping and shooting clarity */
.whacker-foreground.dorota-foreground{
  z-index:999 !important;
  pointer-events:none !important;
}
.mole-hole.theme-dorota{
  width:150px !important;
  height:310px !important;
  transform:translate(-50%,-50%) scale(var(--hole-scale,1)) !important;
  overflow:visible !important;
}
.mole-hole.theme-dorota .actor-dorota{
  bottom:-28px !important;
  clip-path: inset(0 0 33% 0) !important;
}
.mole-hole.theme-dorota .actor-red{ width:108px !important; }
.mole-hole.theme-dorota .actor-pink{ width:126px !important; }
@media(max-width:700px){
  .mole-hole.theme-dorota{ width:98px !important; height:220px !important; }
  .mole-hole.theme-dorota .actor-red{ width:72px !important; }
  .mole-hole.theme-dorota .actor-pink{ width:84px !important; }
  .mole-hole.theme-dorota .actor-dorota{ clip-path: inset(0 0 34% 0) !important; }
}

/* Střelnice: méně cílů, více vzduchu, bez překrývání dekorací */
.shooting-target{
  width:var(--target-size,8.4%) !important;
  height:var(--target-size,8.4%) !important;
}
.shooting-target span{
  font-size:34px !important;
  line-height:1 !important;
}
.shooting-target .label{
  display:none !important;
}
.shoot-progress-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media(max-width:700px){
  .shooting-target span{font-size:24px !important;}
}


/* v66 polish: interface closer to v64 dark style + high-contrast CTAs */
:root{
  --v66-bg:#07111f;
  --v66-panel:#0f172a;
  --v66-panel2:#111c33;
  --v66-text:#e5eefb;
  --v66-muted:#9fb1cd;
  --v66-orange:#f59e0b;
  --v66-pink:#fb7185;
  --v66-blue:#38bdf8;
}
body{
  background:radial-gradient(circle at top,#172554 0,#07111f 46%,#030712 100%) !important;
  color:var(--v66-text) !important;
}
.panel,.game-card,.detail-hero,.leader-panel,.settings-card,.whacker-setup .whacker-panel,.shooting-status-bar{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.84)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.34) !important;
}
.btn,.whacker-start-btn,#startWhacker,#startShooting{
  background:linear-gradient(135deg,#f59e0b,#fb7185) !important;
  color:#190b00 !important;
  border:0 !important;
  font-weight:900 !important;
  box-shadow:0 16px 34px rgba(245,158,11,.35),0 0 0 1px rgba(255,255,255,.18) inset !important;
}
.whacker-start-btn,#startWhacker,#startShooting{
  min-height:58px !important;
  padding:16px 28px !important;
  font-size:1.08rem !important;
  border-radius:18px !important;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.btn.secondary,.option-card.secondary{
  background:rgba(255,255,255,.06) !important;
  color:#e5eefb !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.option-card:not(.secondary){
  outline:3px solid rgba(245,158,11,.35) !important;
}

/* Dorota: remove old mole/golf green overlays completely */
.whacker-field.theme-dorota,
.whacker-field.theme-dorota .whacker-bg{
  background-color:#8fb36b !important;
}
.whacker-field.theme-dorota .whacker-bg{
  background:url('/assets/dorota_bg.png') center center / cover no-repeat !important;
}
.whacker-field.theme-dorota .whacker-bg::before,
.whacker-field.theme-dorota .whacker-bg::after{
  content:none !important;
  display:none !important;
}
.whacker-field.theme-dorota::before,
.whacker-field.theme-dorota::after,
.mole-hole.theme-dorota::before,
.mole-hole.theme-dorota::after{
  content:none !important;
  display:none !important;
}
.mole-hole.theme-dorota{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:150px !important;
  height:310px !important;
  transform:translate(-50%,-50%) scale(var(--hole-scale,1)) !important;
  overflow:visible !important;
}
.mole-hole.theme-dorota .target-base,
.mole-hole.theme-dorota .hole-base,
.mole-hole.theme-dorota .door-base{
  display:none !important;
  background:transparent !important;
}
.whacker-foreground.dorota-foreground{
  z-index:999 !important;
  pointer-events:none !important;
  background:url('/assets/dorota_fg.png') center center / cover no-repeat !important;
}
.mole-hole.theme-dorota .actor-dorota{
  bottom:-28px !important;
  clip-path:inset(0 0 33% 0) !important;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.24)) !important;
}
.mole-hole.theme-dorota .actor-red{width:108px !important;}
.mole-hole.theme-dorota .actor-pink{width:126px !important;}

/* Shooting optimization */
.shooting-target{
  width:var(--target-size,9%) !important;
  height:var(--target-size,9%) !important;
}
.shooting-target span{
  font-size:34px !important;
}
.shooting-target .label{
  display:none !important;
}
.shooting-hint-badge{
  position:absolute;
  top:14px;
  right:14px;
  z-index:12;
  min-width:132px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(15,23,42,.88);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.30);
  text-align:center;
  backdrop-filter:blur(8px);
}
.shooting-hint-badge span{
  display:block;
  font-size:12px;
  color:#fbbf24;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.shooting-hint-badge b{
  display:block;
  font-size:42px;
  line-height:1;
  margin:2px 0;
}
.shooting-hint-badge small{
  display:block;
  color:#cbd5e1;
  font-size:11px;
}
.shoot-progress-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media(max-width:700px){
  .mole-hole.theme-dorota{width:98px !important;height:220px !important;}
  .mole-hole.theme-dorota .actor-red{width:72px !important;}
  .mole-hole.theme-dorota .actor-pink{width:84px !important;}
  .mole-hole.theme-dorota .actor-dorota{clip-path:inset(0 0 34% 0) !important;}
  .shooting-hint-badge{top:10px;right:10px;min-width:104px;padding:9px 10px;}
  .shooting-hint-badge b{font-size:32px;}
  .shooting-target span{font-size:24px !important;}
}


/* v68 fixes: explicit contrast for light stat cards and prize chips */
.stat{
  background:rgba(255,255,255,.96) !important;
  color:#0f172a !important;
  border-color:rgba(226,232,240,.92) !important;
}
.stat b{
  color:#0f172a !important;
}
.stat small{
  color:#475569 !important;
}
.shoot-chip,
.shoot-chip b,
.shoot-chip span,
.shoot-chip small{
  color:#0f172a !important;
}
.shoot-chip.done{
  color:#14532d !important;
}
.shoot-chip.win{
  color:#9a3412 !important;
}
.shooting-status-bar p,
.shooting-status-bar .whacker-intro,
.shooting-status-bar .shooting-rules .shoot-rule-list,
.shooting-status-bar .shooting-rules li{
  color:rgba(229,238,251,.94) !important;
}
.shooting-status-bar .foot-note{
  color:#cbd5e1 !important;
}

/* v68 Dorota: more fence spots, actor stays behind fence, no legacy overlay */
.mole-hole.theme-dorota{
  width:124px !important;
  height:300px !important;
  transform:translate(-50%,-50%) !important;
  overflow:visible !important;
  pointer-events:auto !important;
}
.mole-hole.theme-dorota .actor-dorota{
  left:50% !important;
  transform:translate(-50%,0) scale(var(--hole-scale,1)) !important;
  transform-origin:50% 100% !important;
  bottom:-46px !important;
  clip-path:inset(0 0 41% 0) !important;
  opacity:0;
}
.mole-hole.theme-dorota.active .actor-dorota,
.mole-hole.theme-dorota.stuck .actor-dorota{
  opacity:1 !important;
}
.mole-hole.theme-dorota .actor-red{width:108px !important;}
.mole-hole.theme-dorota .actor-pink{width:126px !important;}
.whacker-foreground.dorota-foreground{
  background:url('/assets/dorota_fg.png') center center / cover no-repeat !important;
  z-index:220 !important;
}
@media(max-width:700px){
  .mole-hole.theme-dorota{width:86px !important;height:210px !important;}
  .mole-hole.theme-dorota .actor-dorota{bottom:-28px !important;clip-path:inset(0 0 40% 0) !important;}
  .mole-hole.theme-dorota .actor-red{width:72px !important;}
  .mole-hole.theme-dorota .actor-pink{width:84px !important;}
}

/* v68 shooting: use mapped fairground photo board */
.shooting-board{
  background-position:center top !important;
  background-size:cover !important;
}
.shooting-target{
  width:var(--target-size,8.6%) !important;
  height:var(--target-size,8.6%) !important;
}
.shooting-target::before{
  inset:-14px !important;
}
.shooting-target span{
  color:#fff !important;
  text-shadow:0 3px 12px rgba(0,0,0,.9) !important;
}

.shoot-chip.done b,.shoot-chip.done span,.shoot-chip.done small{color:#14532d !important;}
.shoot-chip.win b,.shoot-chip.win span,.shoot-chip.win small{color:#9a3412 !important;}

/* v69: random shooting board mapping */
.shooting-field.mode-random .shooting-board{
  background-image:url('/assets/shooting_random_board.png') !important;
  background-position:center top !important;
  background-size:cover !important;
}
.shooting-field.mode-random .shooting-target{
  width:var(--target-size,8.1%) !important;
  height:var(--target-size,8.1%) !important;
}


/* v70: global contrast repair for modal windows and light info boxes across all games */
.stat,
.stat *,
.shoot-chip,
.shoot-chip *,
.scene-label,
.scene-label *,
.delayed-actions span,
.delayed-actions span *,
.result-card,
.result-card *,
.modal,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal p,
.modal small,
.modal b,
.modal strong,
.modal span,
.modal div:not(.controls):not(.big),
.modal li{
  color:#0f172a !important;
}
.modal{
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(226,232,240,.98) !important;
}
.modal .big{
  color:#0f172a !important;
}
.modal .controls,
.modal .btn-row{
  color:inherit !important;
}
.modal .btn,
.modal .btn *,
.modal button.btn,
.modal button.btn *{
  color:inherit;
}
.modal .btn{
  color:#190b00 !important;
}
.modal .btn.secondary,
.modal .btn.secondary *,
.modal button.btn.secondary,
.modal button.btn.secondary *{
  color:#e5eefb !important;
}
.stat,
.shoot-chip{
  background:#ffffff !important;
}
.stat small,
.shoot-chip small{
  color:#475569 !important;
}
.stat b,
.shoot-chip b,
.shoot-chip span{
  color:#0f172a !important;
}


/* v71: only requested fixes - readable home cards/titles, Dorota mapping, RWD devil crop, result modal action labels */
body, .app, .page, .screen, .container{
  color:#f8fafc !important;
}
.game-card, .game-tile, .card, .panel, .hero-card, .note-card{
  background:rgba(15,23,42,.86) !important;
  border-color:rgba(148,163,184,.22) !important;
}
.game-card h1,.game-card h2,.game-card h3,.game-card h4,
.game-card .title,.game-card .game-title,
.card h1,.card h2,.card h3,.card h4,
.panel h1,.panel h2,.panel h3,.panel h4,
.hero h1,.hero h2,.hero h3{
  color:#ffffff !important;
}
.game-card p,.game-card small,.game-card .desc,.game-card .game-desc,
.card p,.card small,.panel p,.panel small,.note-card p{
  color:#cbd5e1 !important;
}
.game-card .btn,.game-card button,.game-card a,
.card .btn,.panel .btn{
  color:#f8fafc !important;
}
.btn:not(.secondary), button.btn:not(.secondary), .cta, #startWhacker, #startShooting{
  background:linear-gradient(135deg,#ffcc00,#ff6b00) !important;
  color:#1a0f00 !important;
  border:2px solid rgba(255,255,255,.38) !important;
  font-weight:900 !important;
  box-shadow:0 18px 38px rgba(255,149,0,.35),0 0 0 4px rgba(255,204,0,.16) !important;
}
.btn.secondary, button.btn.secondary{
  background:rgba(15,23,42,.82) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.25) !important;
}

/* Preserve readable white modal boxes */
.modal, .result-card{
  background:rgba(255,255,255,.98) !important;
  color:#0f172a !important;
}
.modal *:not(.btn):not(.btn *), .result-card *:not(.btn):not(.btn *){
  color:#0f172a !important;
}
.modal .btn:not(.secondary){color:#1a0f00 !important;}
.modal .btn.secondary{color:#f8fafc !important;}

/* Stats and white chips: dark text on light background */
.stat,.shoot-chip{
  background:#ffffff !important;
  color:#0f172a !important;
}
.stat *, .shoot-chip *{
  color:#0f172a !important;
}
.stat small,.shoot-chip small{color:#475569 !important;}

/* Dorota: actor placed behind foreground fence, torso/head visible */
.whacker-field.theme-dorota,
.whacker-field.theme-dorota .whacker-bg{
  background:#8fb36b url('/assets/dorota_bg.png') center center / cover no-repeat !important;
}
.whacker-field.theme-dorota::before,
.whacker-field.theme-dorota::after,
.whacker-field.theme-dorota .whacker-bg::before,
.whacker-field.theme-dorota .whacker-bg::after,
.mole-hole.theme-dorota::before,
.mole-hole.theme-dorota::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.mole-hole.theme-dorota{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:140px !important;
  height:300px !important;
  transform:translate(-50%,-50%) scale(var(--hole-scale,1)) !important;
  overflow:visible !important;
  z-index:60 !important;
}
.mole-hole.theme-dorota .target-base,
.mole-hole.theme-dorota .hole-base,
.mole-hole.theme-dorota .door-base{
  display:none !important;
}
.mole-hole.theme-dorota .actor-dorota{
  left:50% !important;
  bottom:10px !important;
  transform:translate(-50%,0) !important;
  clip-path:none !important;
  opacity:0;
  z-index:61 !important;
}
.mole-hole.theme-dorota.active .actor-dorota,
.mole-hole.theme-dorota.stuck .actor-dorota{
  opacity:1 !important;
}
.mole-hole.theme-dorota .actor-red{width:105px !important;}
.mole-hole.theme-dorota .actor-pink{width:122px !important;}
.whacker-foreground.dorota-foreground{
  position:absolute !important;
  inset:0 !important;
  z-index:140 !important;
  pointer-events:none !important;
  background:url('/assets/dorota_fg.png') center center / cover no-repeat !important;
}

/* Čert RWD: use left-side crop, avoid squashed background */
@media (max-width:700px){
  .whacker-field.theme-nosy .whacker-bg{
    background-image:url('/assets/fairy_forest_bg.png') !important;
    background-size:auto 100% !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }
  .mole-hole.theme-nosy{
    width:calc(var(--devil-w) * 2.2) !important;
    height:calc(var(--devil-h) * 1.6) !important;
  }
  .mole-hole.theme-dorota{
    width:92px !important;
    height:210px !important;
  }
  .mole-hole.theme-dorota .actor-red{width:76px !important;}
  .mole-hole.theme-dorota .actor-pink{width:88px !important;}
  .mole-hole.theme-dorota .actor-dorota{bottom:8px !important;}
}


/* v72 RWD complete pass: 375px minimum width, readable controls, responsive frames */
html,body{max-width:100%;overflow-x:hidden;}
#app{min-width:0;}
img,svg,canvas{max-width:100%;}
.game-frame,.whacker-field,.memory-area{touch-action:manipulation;}
.modal{max-width:min(430px,calc(100vw - 28px)) !important;max-height:86vh;overflow:auto;padding:clamp(16px,4vw,24px) !important;}
.overlay{padding:12px !important;}
.modal h2,.modal h3{font-size:clamp(20px,6vw,30px) !important;line-height:1.15;}
.modal .big{font-size:clamp(42px,13vw,58px) !important;}
.modal .controls,.modal .btn-row,.delayed-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.delayed-actions .btn,.modal .btn{min-height:48px;}

@media(max-width:700px){
  body{min-width:320px;}
  .wrap{padding:0 14px !important;width:100%;max-width:100%;}
  .topbar{position:sticky;top:0;z-index:1000;}
  .topbar .wrap{height:auto;min-height:60px;gap:10px;align-items:center;}
  .brand{min-width:0;}
  .brand strong{font-size:15px;white-space:normal;}
  .brand span{display:none;}
  .logo{width:38px;height:38px;border-radius:13px;font-size:19px;}
  .hero{padding:18px 0 12px !important;}
  .hero-grid,.main-grid,.game-layout{grid-template-columns:1fr !important;gap:14px !important;}
  .hero-card{padding:22px !important;border-radius:22px !important;min-height:0 !important;}
  .hero-card h1{font-size:34px !important;}
  .hero-card p{font-size:15px !important;line-height:1.55 !important;}
  .panel,.game-card{border-radius:20px !important;}
  .games{grid-template-columns:1fr !important;gap:12px !important;}
  .game-card{padding:16px !important;min-height:auto !important;}
  .game-card p{min-height:0 !important;}
  .cover{font-size:38px !important;}
  .section-head{flex-direction:column;align-items:stretch !important;gap:10px !important;}
  .section-head .input{width:100%;}
  .game-title{flex-direction:column;align-items:stretch !important;}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .stat{padding:9px !important;border-radius:14px !important;}
  .stat b{font-size:20px !important;line-height:1.1;}
  .stat small{font-size:10px !important;}
  .controls,.click-controls,.whacker-controls,.shooting-controls{display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;margin-top:10px !important;position:relative !important;z-index:900 !important;}
  .controls .btn,.click-controls .btn,.whacker-controls .btn,.shooting-controls .btn{min-height:52px !important;padding:0 10px !important;font-size:15px !important;}
  .controls .btn:first-child:nth-last-child(3),.controls .btn:first-child:nth-last-child(3)~.btn,
  .click-controls .btn:first-child:nth-last-child(3),.click-controls .btn:first-child:nth-last-child(3)~.btn,
  .whacker-controls .btn:first-child:nth-last-child(3),.whacker-controls .btn:first-child:nth-last-child(3)~.btn,
  .shooting-controls .btn:first-child:nth-last-child(3),.shooting-controls .btn:first-child:nth-last-child(3)~.btn{grid-column:auto;}
  .hint,.foot-note{font-size:12px !important;line-height:1.45 !important;}

  /* Memory cards: every board fits into 375px */
  .memory-area{padding:12px !important;border-radius:18px !important;}
  .memory-top{align-items:flex-start;}
  .memory-grid{width:100% !important;max-width:100% !important;gap:5px !important;margin:0 auto !important;}
  .memory-grid.size-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .memory-grid.size-5{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  .memory-grid.size-6{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
  .memory-grid.size-4 .card-tile,.memory-grid.size-5 .card-tile,.memory-grid.size-6 .card-tile{min-height:0 !important;}
  .card-face{border-radius:10px !important;}
  .memory-grid.size-4 .card-front{font-size:42px !important;}
  .memory-grid.size-5 .card-front{font-size:31px !important;}
  .memory-grid.size-6 .card-front{font-size:24px !important;}

  /* Unicorn: keep full playable width visible by scaling frame, tap anywhere to jump */
  .runner-scroll{height:calc(540px * ((100vw - 28px) / 900) + 6px) !important;overflow:hidden !important;margin:0 !important;padding:0 !important;border-radius:22px;}
  .runner-frame{width:900px !important;min-width:900px !important;height:540px !important;transform-origin:top left !important;transform:scale(calc((100vw - 28px) / 900)) !important;}
  .runner-frame .modal{transform:scale(1.1);}
  .runner-frame>.overlay:not(.soft){position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important;}

  /* Whacker: fit frame and keep buttons reachable */
  .whacker-setup{gap:12px !important;}
  .whacker-hero,.whacker-panel{border-radius:20px !important;padding:16px !important;}
  .theme-options,.hole-options,.mode-options{grid-template-columns:1fr !important;gap:10px !important;}
  .option-card,.theme-card{min-height:58px !important;padding:12px !important;}
  .whacker-field{height:min(540px,68vh) !important;min-height:430px !important;border-radius:22px !important;}
  .whacker-title{left:10px !important;right:10px !important;top:10px !important;font-size:12px !important;padding:8px 10px !important;white-space:normal !important;}
  #whackerResult .overlay{padding:12px !important;}
  #whackerResult .modal{max-width:calc(100vw - 30px) !important;}
  .delayed-actions{display:grid !important;grid-template-columns:1fr !important;width:100%;}

  /* Čert: crop forest to left trees instead of squashing background */
  .whacker-field.theme-nosy .whacker-bg{background-size:auto 100% !important;background-position:left center !important;background-repeat:no-repeat !important;}
  .mole-hole.theme-nosy{width:calc(var(--devil-w) * 2.35) !important;height:calc(var(--devil-h) * 1.75) !important;}

  /* Dorota: make head / upper body visible above plot while foreground stays over the lower body */
  .whacker-field.theme-dorota .whacker-bg{background-size:cover !important;background-position:center center !important;}
  .mole-hole.theme-dorota{width:120px !important;height:260px !important;transform:translate(-50%,-50%) scale(var(--hole-scale,1)) !important;}
  .mole-hole.theme-dorota .actor-red{width:94px !important;}
  .mole-hole.theme-dorota .actor-pink{width:108px !important;}
  .mole-hole.theme-dorota .actor-dorota{bottom:42px !important;clip-path:none !important;}
  .whacker-foreground.dorota-foreground{z-index:140 !important;background-size:cover !important;background-position:center center !important;}

  /* Shooting: tap = aim+fire, buttons stay below frame */
  .shooting-status-bar{padding:14px !important;border-radius:20px !important;}
  .shoot-progress-grid{grid-template-columns:1fr !important;gap:8px !important;}
  .shoot-chip{min-height:42px !important;padding:9px 10px !important;}
  .shooting-frame,.shooting-field{min-height:420px !important;height:min(520px,68vh) !important;border-radius:20px !important;}
  .shooting-board{background-size:cover !important;background-position:center top !important;}
  .shooting-crosshair{width:62px !important;height:62px !important;}
  .shooting-shot-mark{width:14px !important;height:14px !important;}
  .shooting-target{width:var(--target-size,8.5%) !important;height:var(--target-size,8.5%) !important;}
  .shooting-hint-badge{top:8px !important;right:8px !important;min-width:92px !important;padding:8px 9px !important;border-radius:14px !important;}
  .shooting-hint-badge b{font-size:28px !important;}
  .shooting-hint-badge small{display:none !important;}

  /* Highway: mobile controls fixed inside lower game frame */
  .car-game-real{height:min(650px,72vh) !important;min-height:520px !important;border-radius:22px !important;touch-action:manipulation;}
  .drive-dial{top:8px !important;transform:scale(.82);transform-origin:top left;}
  .drive-dial.right{transform-origin:top right;}
  .traffic-help{left:10px !important;right:10px !important;top:78px !important;font-size:12px !important;}
  .mobile-drive-controls{display:flex !important;bottom:12px !important;padding:0 12px !important;gap:12px !important;}
  .mobile-drive-controls button{min-height:60px !important;min-width:108px !important;font-size:30px !important;border-radius:18px !important;background:rgba(255,255,255,.94) !important;color:#0f172a !important;border:2px solid rgba(15,23,42,.18) !important;}
}

@media(max-width:390px){
  .wrap{padding:0 12px !important;}
  .runner-scroll{height:calc(540px * ((100vw - 24px) / 900) + 6px) !important;}
  .runner-frame{transform:scale(calc((100vw - 24px) / 900)) !important;}
  .stats{grid-template-columns:1fr 1fr !important;}
  .modal{max-width:calc(100vw - 22px) !important;}
}

/* v72 ensure popup action buttons are tappable */
.overlay .btn,.modal .btn,#whackerResult .btn{pointer-events:auto !important;}


/* v73 RWD/control fixes */
:root{--premium-gold:#ffcc00;--premium-orange:#ff7a00;--premium-kiwi:#b7f23a;--premium-turq:#2dd4bf;}

/* readable dark UI/cards */
.game-card, .card, .panel, .detail-hero, .section-card{
  color:#f8fafc !important;
}
.game-card h1,.game-card h2,.game-card h3,.game-card h4,
.game-card .title,.game-card .game-title,
.card h1,.card h2,.card h3,.card h4,
.panel h1,.panel h2,.panel h3,.panel h4{
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}
.game-card p,.game-card small,.game-card span:not(.tag):not(.badge),
.card p,.panel p,.foot-note,.muted{
  color:#dbeafe !important;
}
button, .btn, a.btn, .game-card button, .game-card a{
  color:#08111f !important;
}
.game-card .btn,.game-card button:not(.tag):not(.badge),.play-btn,.game-play,.game-card [role="button"],
a.btn,.btn{
  background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange)) !important;
  border:2px solid rgba(255,255,255,.35) !important;
  color:#111827 !important;
  font-weight:900 !important;
  box-shadow:0 12px 30px rgba(255,153,0,.28), inset 0 0 0 1px rgba(255,255,255,.28) !important;
}
.btn.secondary,button.secondary,.game-card .btn.secondary{
  background:rgba(15,23,42,.82) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}
.tag,.badge,.pill{
  color:#0f172a !important;
}

/* compact RWD spacing */
@media(max-width:700px){
  body{overflow-x:hidden;}
  .app,.page,.content,.container{padding-inline:12px !important;}
  .game-card,.card,.panel{padding:16px !important;}
  .games-grid,.grid{gap:14px !important;}
  .stats{gap:10px !important; margin-bottom:12px !important;}
  .stat{padding:12px !important; min-height:auto !important;}
  .panel-pad,.shooting-status-bar{padding:14px !important;}
  .game-frame{margin-top:10px !important;}
  .click-controls{gap:8px !important; margin-top:10px !important;}
  .click-controls .btn{min-height:50px !important; padding:12px 14px !important;}
  .modal{max-width:calc(100vw - 48px) !important; padding:20px 16px !important; border-radius:22px !important;}
  .modal h2{font-size:1.35rem !important;}
  .modal .big{font-size:42px !important;}
}

/* Čert RWD: no squashed background; crop rather than distort; use full width spots */
@media(max-width:700px){
  .whacker-field.theme-nosy{
    aspect-ratio:375/560 !important;
    min-height:560px !important;
  }
  .whacker-field.theme-nosy .whacker-bg{
    background-image:url('/assets/fairy_forest_bg.png') !important;
    background-size:auto 100% !important;
    background-position:30% center !important;
    background-repeat:no-repeat !important;
  }
}

/* Dorota: actor behind the fence, visible from torso up */
.whacker-field.theme-dorota .whacker-bg,
.whacker-field.theme-dorota{
  background:#8fb36b url('/assets/dorota_bg.png') center center / cover no-repeat !important;
}
.whacker-field.theme-dorota::before,
.whacker-field.theme-dorota::after,
.whacker-field.theme-dorota .whacker-bg::before,
.whacker-field.theme-dorota .whacker-bg::after,
.mole-hole.theme-dorota::before,
.mole-hole.theme-dorota::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.mole-hole.theme-dorota{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:132px !important;
  height:305px !important;
  transform:translate(-50%,-50%) !important;
  overflow:visible !important;
  z-index:40 !important;
}
.mole-hole.theme-dorota .target-base{display:none !important;}
.mole-hole.theme-dorota .actor-dorota{
  left:50% !important;
  bottom:10px !important;
  transform:translate(-50%,0) scale(var(--hole-scale,1)) !important;
  transform-origin:center bottom !important;
  clip-path:inset(0 0 48% 0) !important;
  z-index:45 !important;
  opacity:0 !important;
}
.mole-hole.theme-dorota.active .actor-dorota,
.mole-hole.theme-dorota.stuck .actor-dorota{opacity:1 !important;}
.mole-hole.theme-dorota .actor-red{width:112px !important;}
.mole-hole.theme-dorota .actor-pink{width:132px !important;}
.whacker-foreground.dorota-foreground{
  position:absolute !important;
  inset:0 !important;
  z-index:220 !important;
  pointer-events:none !important;
  background:url('/assets/dorota_fg.png') center center / cover no-repeat !important;
}
.whacker-countdown-overlay{z-index:1000 !important;}

@media(max-width:700px){
  .whacker-field.theme-dorota{
    aspect-ratio:375/560 !important;
    min-height:560px !important;
  }
  .whacker-field.theme-dorota .whacker-bg,
  .whacker-foreground.dorota-foreground{
    background-size:cover !important;
    background-position:center center !important;
  }
  .mole-hole.theme-dorota{
    width:92px !important;
    height:230px !important;
  }
  .mole-hole.theme-dorota .actor-dorota{
    bottom:7px !important;
    clip-path:inset(0 0 48% 0) !important;
  }
  .mole-hole.theme-dorota .actor-red{width:78px !important;}
  .mole-hole.theme-dorota .actor-pink{width:92px !important;}
}

/* shooting RWD: aim by tapping/moving; fire via fixed controls */
.shooting-field{touch-action:none !important;}
.shooting-crosshair{pointer-events:none !important;}
.shooting-controls{
  position:relative !important;
  z-index:30 !important;
}
@media(max-width:700px){
  .shooting-frame,.shooting-field{
    min-height:430px !important;
    max-height:none !important;
  }
  .shooting-controls{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .shooting-controls #modeShooting{grid-column:1 / -1 !important;}
  .shooting-crosshair{width:62px !important;height:62px !important;}
}

/* all result dialogs: explicit CTA names and reliable readable contrast */
.overlay{z-index:999 !important;}
.overlay .modal,.modal{
  background:rgba(255,255,255,.98) !important;
  color:#0f172a !important;
}
.modal h1,.modal h2,.modal h3,.modal p,.modal b,.modal strong,.modal small,.modal div:not(.controls):not(.btn-row):not(.big){
  color:#0f172a !important;
}
.modal .btn{
  color:#111827 !important;
  background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange)) !important;
}
.modal .btn.secondary{
  color:#f8fafc !important;
  background:#374151 !important;
}

/* Make stat cards readable where background is light */
.stat,.shoot-chip{
  background:#fff !important;
  color:#0f172a !important;
}
.stat *,.shoot-chip *{color:#0f172a !important;}

/* v74: Střelnice - tap/hold aim, release fire; popup buttons clickable */
.shooting-field{touch-action:none !important;user-select:none !important;}
.shooting-field .overlay,.shooting-field .modal,.shooting-field .modal *{touch-action:auto !important;pointer-events:auto !important;}
.shooting-crosshair{transition:transform .06s linear,left .04s linear,top .04s linear;}
.shooting-field:active .shooting-crosshair{filter:drop-shadow(0 0 10px rgba(255,204,0,.75));}
.shooting-controls .btn,.modal .controls .btn{min-height:52px !important;position:relative !important;z-index:1002 !important;}
@media(max-width:700px){
  .shooting-status-bar .foot-note{font-size:.92rem !important;line-height:1.35 !important;}
  .shooting-controls{position:sticky !important;bottom:8px !important;background:rgba(8,15,28,.72) !important;padding:8px !important;border-radius:18px !important;backdrop-filter:blur(8px);}
  .shooting-field{cursor:none;}
}

/* v75: Střelnice pointer + scoring fix */
.shooting-target{
  pointer-events:none !important;
}
.shooting-field{
  cursor:none !important;
}
.shooting-field .modal,
.shooting-field .modal *,
.shooting-field .overlay,
.shooting-field .overlay *{
  pointer-events:auto !important;
}
.shooting-crosshair{
  z-index:50 !important;
}


/* v76: interface readability + clickable affordance + shooting scoring/desktop pointer */
button,a,[role="button"],.game-card,.option-card,.card-tile,.select,.input,
.memory-card,.shooting-controls .btn,.whacker-controls .btn,.controls .btn,
.shooting-field,.shooting-target{cursor:pointer !important;}
button:disabled,.btn:disabled{cursor:not-allowed !important;}

/* Cards/menu readable on the dark interface */
.game-card,.card,.panel,.leader-panel,.settings-card,.detail-hero,.whacker-panel,.shooting-status-bar{
  color:#f8fafc !important;
}
.game-card h1,.game-card h2,.game-card h3,.game-card h4,
.card h1,.card h2,.card h3,.card h4,
.panel h1,.panel h2,.panel h3,.panel h4,
.whacker-panel h1,.whacker-panel h2,.whacker-panel h3,
.shooting-status-bar b{color:#ffffff !important;}
.game-card p,.game-card small,.card p,.card small,.panel p,.panel small,
.whacker-panel p,.whacker-panel small,.shooting-status-bar p,.shooting-status-bar li,
.whacker-hint,.foot-note{color:#dbeafe !important;opacity:1 !important;}

/* Header/top menu: no white text on light/grey background */
.topbar{background:linear-gradient(90deg,#08111f,#13213a) !important;border-bottom:1px solid rgba(255,255,255,.14) !important;}
.topbar .brand strong{color:#ffffff !important;}
.topbar .brand span{color:#bfdbfe !important;}
.topbar .btn,.topbar button,.lang-toggle{color:#ffffff !important;background:#374151 !important;}
.logo{background:#020617 !important;color:#fff !important;}

/* Active mode cards: both title and subtitle stay readable */
.option-card:not(.secondary),.hole-options .btn:not(.secondary){
  color:#111827 !important;
  background:linear-gradient(135deg,#ffcc00,#ff7a00) !important;
}
.option-card:not(.secondary) *, .hole-options .btn:not(.secondary) *{
  color:#111827 !important;
}
.option-card.secondary,.hole-options .btn.secondary{
  background:rgba(15,23,42,.82) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
.option-card.secondary *, .hole-options .btn.secondary *{
  color:#e5eefb !important;
}

/* Game-card CTA buttons: no black text on dark background */
.game-card .btn,.game-card button:not(.tag):not(.badge),.game-card a.btn,
.btn:not(.secondary),button.btn:not(.secondary){
  background:linear-gradient(135deg,#d9ff3f,#2dd4bf) !important;
  color:#06111f !important;
  border:2px solid rgba(255,255,255,.28) !important;
  font-weight:900 !important;
}
.btn.secondary,button.btn.secondary{
  background:rgba(15,23,42,.86) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

/* Shooting: desktop can see/use normal cursor, touch keeps custom aim behavior */
.shooting-target{pointer-events:none !important;}
.shooting-field{cursor:crosshair !important;}
.shooting-crosshair{pointer-events:none !important;z-index:50 !important;}
@media (hover:none), (max-width:700px){
  .shooting-field{cursor:none !important;}
}

/* More readable rule blocks */
.shooting-rules li,.whacker-panel li{color:#e5eefb !important;}

/* v77: Dorota real feather cursor */
.theme-dorota .custom-cursor img,
.whacker-field.theme-dorota .custom-cursor img{
  content:url('/assets/feather_cursor.svg') !important;
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.45)) !important;
}
@media(max-width:700px){
  .theme-dorota .custom-cursor img,
  .whacker-field.theme-dorota .custom-cursor img{
    width:44px !important;
    height:44px !important;
  }
}

/* v78: Střelnice - readable score/hit counters in white chips */
.shooting-rules .shoot-chip,
.shooting-rules .shoot-chip *,
.shoot-progress-grid .shoot-chip,
.shoot-progress-grid .shoot-chip *,
.shooting-status-bar .shoot-chip,
.shooting-status-bar .shoot-chip *{
  color:#0f172a !important;
}
.shooting-rules .shoot-chip b,
.shoot-progress-grid .shoot-chip b,
.shooting-status-bar .shoot-chip b{
  color:#0f172a !important;
  font-weight:900 !important;
}
.shooting-rules .shoot-chip span,
.shoot-progress-grid .shoot-chip span,
.shooting-status-bar .shoot-chip span{
  color:#0f172a !important;
}
.shooting-rules .shoot-chip.done,
.shoot-progress-grid .shoot-chip.done,
.shooting-status-bar .shoot-chip.done{
  background:#dcfce7 !important;
  border-color:#86efac !important;
}
.shooting-rules .shoot-chip.done *,
.shoot-progress-grid .shoot-chip.done *,
.shooting-status-bar .shoot-chip.done *{
  color:#14532d !important;
}

/* v79: Střelnice - čitelné titulky score boxů na bílém podkladu */
.shooting-stage .stat,
.shooting-stage .stat *,
.shooting-status .stat,
.shooting-status .stat *,
.shooting-dashboard .stat,
.shooting-dashboard .stat *,
.stats .stat,
.stats .stat *{
  color:#0f172a !important;
}

.shooting-stage .stat small,
.shooting-stage .stat label,
.shooting-stage .stat .label,
.shooting-stage .stat .stat-label,
.shooting-stage .stat .stat-title,
.shooting-stage .stat .kicker,
.shooting-status .stat small,
.shooting-status .stat label,
.shooting-status .stat .label,
.shooting-status .stat .stat-label,
.shooting-status .stat .stat-title,
.shooting-status .stat .kicker,
.shooting-dashboard .stat small,
.shooting-dashboard .stat label,
.shooting-dashboard .stat .label,
.shooting-dashboard .stat .stat-label,
.shooting-dashboard .stat .stat-title,
.shooting-dashboard .stat .kicker,
.stats .stat small,
.stats .stat label,
.stats .stat .label,
.stats .stat .stat-label,
.stats .stat .stat-title,
.stats .stat .kicker{
  color:#334155 !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

.shooting-stage .stat b,
.shooting-stage .stat strong,
.shooting-stage .stat .value,
.shooting-status .stat b,
.shooting-status .stat strong,
.shooting-status .stat .value,
.shooting-dashboard .stat b,
.shooting-dashboard .stat strong,
.shooting-dashboard .stat .value,
.stats .stat b,
.stats .stat strong,
.stats .stat .value{
  color:#020617 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* v80: Shooting board/hitbox alignment */
.shooting-board{
  background-size:100% 100% !important;
  background-position:0 0 !important;
}
.shooting-field.mode-classic .shooting-board,
.shooting-field.mode-random .shooting-board{
  background-size:100% 100% !important;
  background-position:0 0 !important;
}

/* v80: Dorota cursor uses the supplied feather SVG */
.whacker-field.theme-dorota,
.whacker-field.theme-dorota *,
.whacker-field.theme-dorota button,
.mole-hole.theme-dorota{
  cursor:url("data:image/svg+xml,%3Csvg%20width%3D%22147%22%20height%3D%22371%22%20viewBox%3D%220%200%20147%20371%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M81.5141%209.16602C86.9161%2015.1448%2090.5412%2019.8427%2094.141%2027.2429C101.013%2041.3694%20100.918%2062.2295%2095.686%2076.8454C96.6922%2075.6377%2097.566%2074.3256%2098.2925%2072.9315C99.5286%2070.5792%20100.843%2066.8875%20101.549%2064.3134C104.351%2054.0993%20105.42%2044.9144%20102.234%2034.7422C104.441%2038.1206%20106.255%2042.8291%20107.434%2046.7052C108.877%2051.4487%20109.02%2056.1134%20108.917%2061.0176C108.664%2073.0509%20105.605%2081.2848%2099.8322%2091.8033C110.978%2083.0631%20116.291%2069.0114%20115.856%2055.0482C125.514%2076.3747%20123.567%2096.2579%20113.747%20117.165C112.892%20118.985%20112.169%20120.791%20111.03%20122.465C118.176%20117.674%20123.94%20108.781%20126.55%20100.648C126.786%20107.098%20126.564%20114.935%20126.373%20121.456C125.868%20135.919%20124.894%20151.025%20120.962%20165.011C119.836%20169.019%20116.798%20176.275%20114.692%20179.829C125.466%20169.739%20131.031%20156.944%20133.23%20142.497C136.359%20163.794%20126.285%20185.974%20111.671%20201.069C118.891%20197.528%20122.807%20192.927%20127.14%20186.322C129.064%20183.389%20130.368%20181.323%20131.944%20178.184C131.225%20181.62%20130.852%20184.722%20129.831%20188.151C126.25%20200.176%20121.045%20208.356%20112.685%20217.372C119.699%20213.52%20126.825%20205.771%20130.492%20198.682C126.737%20215.914%20123.014%20228.522%20111.8%20242.427C113.204%20241.964%20114.593%20241.498%20115.916%20240.866C124.315%20236.861%20127.827%20227.042%20130.537%20218.783C131.345%20216.318%20132.35%20213.719%20133.215%20211.219C133.922%20225.831%20132.663%20246.202%20125.775%20259.352C119.668%20271.011%20108.675%20275.722%2096.497%20278.565C91.6297%20279.703%2087.4658%20280.395%2082.5999%20281.869C97.2664%20280.925%20108.628%20282.644%20121.426%20273.431C115.014%20282.749%20107.709%20285.843%2096.7177%20285.859C104.889%20288.132%20111.982%20288.926%20119.918%20285.474C112.255%20295.178%20106.24%20294.754%2094.9325%20291.894C89.4003%20290.496%2082.3868%20289.879%2076.67%20290.377C73.9237%20290.616%2071.1424%20291.367%2068.4834%20292.09C69.9347%20282.298%2072.3508%20271.723%2074.0698%20261.804C76.8939%20244.869%2079.2254%20227.857%2081.0617%20210.786C84.8402%20170.678%2086.1971%20130.376%2085.125%2090.1035L84.2548%2060.2141C84.0741%2055.4442%2083.7745%2050.6753%2083.6508%2045.9081L83.3608%2045.826C83.1048%2046.8778%2083.2301%2052.1388%2083.2482%2053.4775C83.3005%2056.8778%2083.3023%2060.2788%2083.254%2063.6792C83.2482%2064.0457%2083.2191%2066.3494%2083.1222%2066.5912C82.2034%20142.296%2074.1585%20217.745%2059.0935%20291.94C62.9367%20295.385%2064.182%20294.37%2068.3811%20292.481C65.438%20309.82%2061.0155%20328.772%2052.2421%20344.062C50.3115%20347.281%2048.6273%20350.291%2045.6367%20352.715C44.3799%20354.136%2040.6812%20354.258%2040.3466%20352.035C39.9563%20349.442%2042.6105%20343.829%2043.5417%20341.53C44.8986%20338.206%2046.2131%20334.868%2047.4848%20331.512C51.0112%20322.184%2054.0137%20312.668%2056.4785%20303.005C57.4171%20299.331%2058.3981%20295.676%2059.0394%20291.94C48.8647%20284.783%2038.9172%20278.569%2031.1782%20268.482C25.7804%20261.447%2024.9334%20256.475%2024.1736%20247.863C23.1248%20236.87%2023.3193%20225.794%2024.7532%20214.844C25.8009%20220.424%2025.3099%20225.074%2028.0709%20230.714C30.5893%20235.86%2032.8542%20238.189%2038.2063%20240.185C37.3163%20239.04%2036.1686%20236.754%2035.4569%20235.432C27.6388%20220.924%2028.8966%20203.094%2027.9175%20187.168C28.0063%20187.36%2028.0973%20187.553%2028.1904%20187.745C31.3679%20194.28%2035.9473%20200.43%2042.5004%20203.846C44.8481%20205.068%2046.8898%20205.742%2049.3779%20206.606C37.7083%20196.179%2023.5552%20178.803%2026.9365%20162.196C27.4277%20159.784%2028.171%20158.092%2028.7952%20155.79C30.3403%20150.093%2029.5803%20144.643%2027.7065%20139.162C34.8564%20147.505%2031.0648%20151.786%2034.5617%20160.544C36.7633%20166.057%2044.7304%20172.02%2050.4236%20174.187C45.0392%20168.689%2039.7501%20161.317%2038.236%20153.662C36.1908%20143.324%2036.6079%20132.395%2037.1148%20121.917C37.316%20117.763%2037.8598%20113.587%2037.7968%20109.428C44.2275%20119.887%2051.7605%20125.384%2063.2745%20129.366C57.7982%20124.773%2051.7578%20121%2046.9682%20115.59C41.4951%20109.408%2040.7473%20103.602%2041.2283%2095.7053C42.7244%2071.1434%2059.6668%2033.1853%2075.784%2014.7842C77.5646%2012.7513%2079.493%2010.9565%2081.5141%209.16602Z%22%20fill%3D%22%23FEFEFE%22/%3E%0A%3Cpath%20d%3D%22M83.1218%2066.5918C82.8993%2065.4047%2083.0485%2039.5175%2083.3001%2038.7432C83.4303%2040.6419%2083.746%2044.115%2083.6504%2045.9087L83.3604%2045.8266C83.1044%2046.8784%2083.2297%2052.1394%2083.2478%2053.4781C83.3001%2056.8784%2083.3019%2060.2794%2083.2536%2063.6798C83.2478%2064.0462%2083.2187%2066.35%2083.1218%2066.5918Z%22%20fill%3D%22%23737677%22/%3E%0A%3C/svg%3E%0A") 8 34, url('/assets/feather_cursor.svg') 8 34, pointer !important;
}
.mole-hole.theme-dorota .actor-dorota{
  pointer-events:none !important;
}
.mole-hole.theme-dorota:not(.active):not(.stuck) .actor-dorota{
  display:none !important;
  opacity:0 !important;
  animation:none !important;
}


/* v81: Závody / Treasure Hunt */
.race-mode-menu{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.mode-card.premium{
  text-align:left;
  border-radius:24px;
  padding:24px;
  min-height:230px;
  background:linear-gradient(150deg,rgba(15,23,42,.96),rgba(17,94,89,.72));
  border:1px solid rgba(255,255,255,.16);
  color:#f8fafc;
  cursor:pointer;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.mode-card.premium:hover{
  transform:translateY(-2px);
  border-color:rgba(255,204,0,.6);
}
.mode-card.premium h3{color:#fff !important;font-size:1.65rem;margin:.5rem 0;}
.mode-card.premium p{color:#dbeafe !important;line-height:1.55;}
.mode-icon{font-size:3rem;}
.treasure-mode-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}
.treasure-mode-tabs button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#f8fafc;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.treasure-mode-tabs button.active{
  background:linear-gradient(135deg,#ffcc00,#ff7a00);
  color:#111827;
}
.treasure-sea{
  position:relative;
  overflow:hidden;
  min-height:620px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.18) 0 1.5px, transparent 2px),
    radial-gradient(circle at 78% 72%, rgba(255,255,255,.15) 0 1.5px, transparent 2px),
    repeating-radial-gradient(ellipse at 40% 30%, rgba(255,255,255,.08) 0 3px, transparent 4px 70px),
    linear-gradient(180deg,#42d6e7,#10b7d0 60%,#0ea5b7);
  box-shadow:inset 0 0 80px rgba(0,64,80,.28);
  touch-action:none;
}
.sea-title{
  position:absolute;
  left:50%;
  top:8%;
  transform:translateX(-50%);
  font-weight:950;
  font-size:clamp(1.8rem,4vw,3rem);
  letter-spacing:.04em;
  color:#03131a;
  text-shadow:0 2px rgba(255,255,255,.35);
  z-index:2;
}
.treasure-help{
  position:absolute;
  left:20px;
  top:20px;
  z-index:5;
}
.sea-item{
  position:absolute;
  z-index:4;
  font-size:34px;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));
}
.sea-item.gate{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:3px solid rgba(255,255,255,.85);
  border-radius:18px;
  background:rgba(34,197,94,.76);
  font-size:24px;
}
.sea-item.gate.current{
  outline:5px solid rgba(255,204,0,.7);
  background:#22c55e;
}
.pirate-ship{
  position:absolute;
  z-index:8;
  width:72px;
  height:72px;
  transition:left .08s linear, top .08s linear, transform .12s ease;
  transform-origin:center;
}
.pirate-ship .ship-body{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:54px;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));
}
.pirate-ship .wake{
  position:absolute;
  left:-30px;
  top:42px;
  width:54px;
  height:18px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(255,255,255,.65),transparent);
  transform:rotate(-10deg);
}
.treasure-controls{
  display:none;
}
@media(max-width:700px){
  .race-mode-menu{grid-template-columns:1fr;gap:12px;}
  .mode-card.premium{min-height:180px;padding:18px;}
  .treasure-mode-tabs{gap:8px;}
  .treasure-mode-tabs button{padding:9px 11px;font-size:.9rem;}
  .treasure-sea{min-height:560px;border-radius:20px;}
  .sea-title{top:7%;font-size:2rem;}
  .treasure-help{left:10px;right:10px;top:10px;max-width:none;}
  .pirate-ship{width:58px;height:58px;}
  .pirate-ship .ship-body{font-size:44px;}
  .sea-item{font-size:28px;}
  .treasure-controls{
    display:grid;
    position:sticky !important;
    bottom:8px;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    z-index:30;
    margin-top:8px;
    background:rgba(8,15,28,.72);
    padding:8px;
    border-radius:18px;
    backdrop-filter:blur(8px);
  }
}

/* v82 Treasure Hunt visual fixes */
.treasure-mode-tabs button{
  color:#f8fafc !important;
  background:rgba(15,23,42,.84) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  text-shadow:none !important;
}
.treasure-mode-tabs button b,
.treasure-mode-tabs button span{
  color:inherit !important;
}
.treasure-mode-tabs button.active{
  color:#07111f !important;
  background:linear-gradient(135deg,#ffcc00,#ff7a00) !important;
  border-color:rgba(255,255,255,.45) !important;
}
.treasure-sea{
  background:#18bfd0 !important;
  background-image:linear-gradient(180deg,#4bd7e5 0%,#17bdd0 58%,#0eaebe 100%) !important;
  box-shadow:inset 0 0 80px rgba(0,64,80,.18) !important;
}
.treasure-sea::before,
.treasure-sea::after{
  content:none !important;
  display:none !important;
}
.treasure-sea .sea-title{
  pointer-events:none !important;
}

/* v83 Treasure Hunt: collector is distance mode + always available exit */
.treasure-controls{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  position:relative;
  z-index:35;
  margin-top:10px;
  background:rgba(8,15,28,.68);
  padding:8px;
  border-radius:18px;
  backdrop-filter:blur(8px);
}
.treasure-controls .btn{
  min-height:48px;
}
.treasure-controls .danger{
  background:linear-gradient(135deg,#fb7185,#ef4444) !important;
  color:#fff !important;
}
@media(max-width:700px){
  .treasure-controls{
    grid-template-columns:repeat(3,1fr) !important;
    position:sticky !important;
    bottom:8px !important;
  }
  .treasure-controls #stopTreasure,
  .treasure-controls #treasureModeBtn{
    grid-column:span 1;
  }
}


/* v84 Treasure Hunt asset-based sea gameplay */
.treasure-sea{
  background:#0667a8 url('treasure_sea_bg.png') center center / 520px 520px repeat !important;
  min-height:640px;
}
.treasure-sea::before,
.treasure-sea::after{content:none !important;display:none !important;}
.treasure-help{background:rgba(6,26,45,.72) !important;color:#fff !important;border-color:rgba(255,255,255,.22) !important;}
.treasure-help small{color:#dbeafe !important;}
.pirate-ship{
  position:absolute;
  z-index:20;
  width:82px;
  height:82px;
  transform:translate(-50%,-50%) !important;
  transition:left .08s linear;
  filter:drop-shadow(0 14px 14px rgba(0,0,0,.32));
}
.pirate-ship .ship-img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.ship-invuln .pirate-ship{
  animation:shipBlink .18s steps(2) infinite;
}
@keyframes shipBlink{50%{opacity:.25;}}
.sea-item{
  position:absolute;
  z-index:10;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.24));
}
.sea-item img{width:100%;height:100%;object-fit:contain;}
.sea-item.coin{z-index:12;}
.sea-item.chest{z-index:12;}
.sea-item.gate{
  width:58px;
  height:58px;
  background:rgba(22,163,74,.75);
  border:4px solid #fff;
  border-radius:20px;
  color:#fff;
  font-weight:900;
}
.sea-item.gate.current{outline:5px solid rgba(255,204,0,.75);}
.treasure-controls{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.treasure-controls .danger{
  background:linear-gradient(135deg,#fb7185,#ef4444) !important;
  color:#fff !important;
}
.treasure-mode-tabs button{cursor:pointer;}
@media(max-width:700px){
  .treasure-sea{
    min-height:560px;
    background-size:420px 420px !important;
  }
  .pirate-ship{width:64px;height:64px;}
  .sea-item{width:54px !important;height:54px !important;}
  .sea-item.coin{width:34px !important;height:34px !important;}
  .sea-item.chest{width:48px !important;height:48px !important;}
  .treasure-controls{
    grid-template-columns:repeat(2,1fr) !important;
    position:sticky !important;
    bottom:8px !important;
  }
}


/* v85: Treasure Hunt asset display hard-fix */
.treasure-sea{
  background-color:#0667a8 !important;
  background-image:url('treasure_sea_bg.png') !important;
  background-size:512px 512px !important;
  background-repeat:repeat !important;
  background-position:center center !important;
  position:relative !important;
  overflow:hidden !important;
}
.pirate-ship{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.pirate-ship .ship-img,
.sea-item img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.sea-item.asset-fallback::after{
  content:"?";
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:32px;
  color:#fff;
  background:rgba(15,23,42,.6);
  border-radius:50%;
}
.sea-item.coin.asset-fallback::after{content:"🪙";}
.sea-item.chest.asset-fallback::after{content:"💰";}
.sea-item.wood.asset-fallback::after{content:"🪵";}
.sea-item.shark.asset-fallback::after{content:"🦈";}
.sea-item.island.asset-fallback::after{content:"🏝️";}
.sea-item.whale.asset-fallback::after{content:"🐋";}
.pirate-ship.asset-fallback::after{
  content:"⛵";
  font-size:54px;
  display:grid;
  place-items:center;
}
@media(max-width:700px){
  .treasure-sea{
    background-size:420px 420px !important;
  }
}


/* v86 Treasure Hunt: preload countdown + animated ocean */
.treasure-sea{
  background-color:#0667a8 !important;
  background-repeat:repeat !important;
  transition:background-size .12s linear, background-position .08s linear;
}
.treasure-loading .modal{
  min-width:min(420px,calc(100vw - 48px));
  text-align:center;
}
.treasure-countdown{
  margin-top:12px;
  font-size:clamp(2.4rem,9vw,5rem);
  line-height:1;
  font-weight:950;
  color:#0f172a !important;
}
.treasure-loading p{
  color:#334155 !important;
}
.treasure-sea .sea-title{
  z-index:3;
}