/* ChciHry.cz – náhledy her (mini-desky). Scéna .ch-thumb má pevnou plochu a zmenšuje se přes --k. */
.ch-thumb{--ch-tx:-50%;--ch-ty:-50%;position:absolute;left:50%;top:50%;width:var(--stage,180px);height:var(--stage,180px);transform:translate(var(--ch-tx),var(--ch-ty)) scale(calc(var(--k,1)*var(--ch-kz,1)));transition:transform .5s var(--ch-ease)}
.ch-thumb>div{width:100%;height:100%}
.ch-thumb:not(.ch-thumb--full)>div{background:none!important}
.ch-thumb--full{--k:1;--ch-tx:0px;--ch-ty:0px;inset:0;width:auto;height:auto}
.ha .ch-thumb{--stage:160px;--ch-tx:0px;--ch-ty:0px;position:relative;left:auto;top:auto;transform:translate(var(--ch-tx),var(--ch-ty)) scale(calc(var(--k,1)*var(--ch-kz,1)))}
.ch-thumb .nb-preview{display:flex;align-items:center;justify-content:center}

/* barvy her */
.g-sachy{--acc:#77D893;--art:radial-gradient(120% 90% at 25% 0%,#2F6B37,transparent 62%),linear-gradient(160deg,#1C4424,#0A1F11)}
.g-clovece{--acc:#FF7A6E;--art:radial-gradient(120% 90% at 70% 0%,#7E2B24,transparent 62%),linear-gradient(160deg,#4A1814,#1C0907)}
.g-slova{--acc:#52DCC3;--art:radial-gradient(120% 90% at 30% 0%,#1D6B60,transparent 62%),linear-gradient(160deg,#0F3F39,#061C19)}
.g-sudoku{--acc:#9AACFF;--art:radial-gradient(120% 90% at 30% 0%,#2C4194,transparent 62%),linear-gradient(160deg,#18245A,#09102B)}
.g-pexeso{--acc:#C8A2FF;--art:radial-gradient(120% 90% at 70% 0%,#5B3A9A,transparent 62%),linear-gradient(160deg,#2E1B57,#120A24)}
.g-2048{--acc:#FFC94D;--art:radial-gradient(120% 90% at 30% 0%,#7D5516,transparent 62%),linear-gradient(160deg,#4A3210,#1E1306)}
.g-housenka{--acc:#B2E66A;--art:radial-gradient(70% 70% at 50% 45%,rgba(163,224,72,.2),transparent 72%),repeating-conic-gradient(#0F1934 0 25%,#0A1124 0 50%) 0 0/24px 24px}
.g-piskvorky{--acc:#62CFEE;--art:radial-gradient(120% 90% at 70% 0%,#1D5A6E,transparent 62%),linear-gradient(160deg,#0F3442,#06161D)}
.g-dama{--acc:#E8B37A;--art:radial-gradient(120% 90% at 30% 0%,#6E4320,transparent 62%),linear-gradient(160deg,#432811,#1B1006)}
.g-lode{--acc:#5CC6FF;--art:radial-gradient(120% 90% at 50% 0%,#1F5F99,transparent 62%),linear-gradient(180deg,#123F6E,#061A33)}
.g-gonu{--acc:#FF8A99;--art:radial-gradient(120% 90% at 30% 0%,#6B2033,transparent 62%),linear-gradient(160deg,#3D1220,#16060C)}
.g-mlyn{--acc:#F4CF5C;--art:radial-gradient(120% 90% at 70% 0%,#5C4512,transparent 62%),linear-gradient(160deg,#3A2A0B,#171004)}
.g-bublas{--acc:#62DAFF;--art:linear-gradient(180deg,#0B4466 0%,#062B45 55%,#031827 100%)}

/* originální mini-desky */
.ch-thumb .chess-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2D5016 0%,#1a2f0d 100%);position:relative}
.ch-thumb .chess-board-mini{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:140px;height:140px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);transform:rotate(-5deg)}
.ch-thumb .mini-square{background:#E8D5B5}
.ch-thumb .mini-square.dark{background:#8B6B47}
.ch-thumb .chess-mini-piece{position:absolute;width:12.5%;height:12.5%;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,0.55));pointer-events:none}
.ch-thumb .chess-mini-piece svg{display:block;width:100%;height:100%}
.ch-thumb .chess-mini-piece.hop{z-index:2;animation:ch-chessHop 3.4s ease-in-out infinite}
@keyframes ch-chessHop{0%,34%{transform:translate(0,0)}53%{transform:translate(0,-200%)}66%,86%{transform:translate(-100%,-200%)}100%{transform:translate(0,0)}}
.ch-thumb .bubbles-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#000d15 0%,#001525 15%,#001a2c 30%,#002a45 60%,#003654 100%);position:relative;overflow:hidden}
.ch-thumb .bubbles-preview::before{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(180deg,#cfb98f 0%,#dbc9a8 50%,#e8d9bc 100%)}
.ch-thumb .bubbles-preview::after{content:'';position:absolute;top:0;left:20%;width:25%;height:100%;background:linear-gradient(180deg,rgba(120,200,255,0.08) 0%,rgba(120,200,255,0.03) 50%,transparent 100%);transform:skewX(-5deg)}
.ch-thumb .bubbles-preview .light-ray{position:absolute;top:0;width:20%;height:100%;background:linear-gradient(180deg,rgba(100,185,245,0.06) 0%,rgba(100,185,245,0.02) 60%,transparent 100%)}
.ch-thumb .bubbles-preview .light-ray:nth-child(1){left:60%;transform:skewX(3deg)}
.ch-thumb .bubble-cluster{position:relative;display:flex;flex-direction:column;gap:2px;animation:ch-bubbleRise 3s ease-in-out infinite;z-index:2}
.ch-thumb .bubble-row{display:flex;gap:2px;justify-content:flex-start}
.ch-thumb .bubble-svg{width:24px;height:24px}
.ch-thumb .shell-svg{position:absolute;bottom:8px;width:38px;height:20px;z-index:3}
.ch-thumb .shell-svg:nth-child(2){left:12%}
.ch-thumb .shell-svg:nth-child(3){left:50%;transform:translateX(-50%)}
.ch-thumb .shell-svg:nth-child(4){right:12%}
.ch-thumb .seaweed{position:absolute;bottom:6px;width:3px;background:linear-gradient(0deg,rgba(15,45,30,0.6) 0%,rgba(12,40,28,0.3) 70%,transparent 100%);border-radius:2px 2px 0 0;animation:ch-seaweedSway 3s ease-in-out infinite;z-index:1}
.ch-thumb .seaweed:nth-child(5){left:8%;height:60px;animation-delay:-0.3s}
.ch-thumb .seaweed:nth-child(6){left:15%;height:45px;animation-delay:-1.2s}
.ch-thumb .seaweed:nth-child(7){right:12%;height:55px;animation-delay:-0.8s}
.ch-thumb .seaweed:nth-child(8){right:6%;height:40px;animation-delay:-1.5s}
.ch-thumb .plankton{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(50,180,70,0.25);z-index:1}
.ch-thumb .plankton:nth-child(9){top:20%;left:25%}
.ch-thumb .plankton:nth-child(10){top:40%;right:30%}
.ch-thumb .plankton:nth-child(11){top:65%;left:70%}
@keyframes ch-bubbleRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ch-seaweedSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.ch-thumb .dama-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#3E2A14 0%,#241708 100%);position:relative}
.ch-thumb .dama-board-mini{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:140px;height:140px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);transform:rotate(-5deg)}
.ch-thumb .dama-mini-piece{position:absolute;width:12.5%;height:12.5%;border-radius:50%;transform:scale(0.8);background:radial-gradient(circle at 35% 30%,#FFFDF4 0%,#E8D8B8 60%,#C6AE82 100%);box-shadow:inset 0 -2px 3px rgba(0,0,0,0.35),0 1px 3px rgba(0,0,0,0.45)}
.ch-thumb .dama-mini-piece.b{background:radial-gradient(circle at 35% 30%,#5C6878 0%,#28303F 60%,#0E131C 100%)}
.ch-thumb .dama-mini-piece.jump{animation:ch-damaJump 3s ease-in-out infinite}
@keyframes ch-damaJump{0%,45%{transform:translate(0,0) scale(0.8)}60%{transform:translate(100%,-150%) scale(0.95)}72%,90%{transform:translate(200%,-200%) scale(0.8)}100%{transform:translate(0,0) scale(0.8)}}
.ch-thumb .pexeso-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#241640 0%,#0F0A1F 100%);position:relative}
.ch-thumb .pexeso-mini{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6px;width:172px;height:92px;transform:rotate(-5deg);filter:drop-shadow(0 10px 24px rgba(0,0,0,0.5))}
.ch-thumb .pex-card{display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:22px;line-height:1}
.ch-thumb .pex-card.down{position:relative;background:radial-gradient(circle at 50% 36%,rgba(212,175,55,0.22) 0%,transparent 58%),linear-gradient(150deg,#3A2A5E 0%,#190F2C 100%);border:1px solid rgba(212,175,55,0.25)}
.ch-thumb .pex-card.down::after{content:"";width:42%;height:42%;border:2px solid rgba(212,175,55,0.5);border-radius:18%;transform:rotate(45deg)}
.ch-thumb .pex-card.up{background:linear-gradient(160deg,#fff 0%,#F8FAFC 100%);border:1px solid rgba(212,175,55,0.3)}
.ch-thumb .pex-card.pulse{animation:ch-pexPulse 3s ease-in-out infinite}
@keyframes ch-pexPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:0.82}}
.ch-thumb .g2048-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1b2336 0%,#0c1322 100%)}
.ch-thumb .g2048-mini{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;width:148px;height:148px;padding:6px;border-radius:8px;background:rgba(212,175,55,0.16);transform:rotate(-5deg);box-shadow:0 10px 28px rgba(0,0,0,0.5)}
.ch-thumb .g2048-cell{display:flex;align-items:center;justify-content:center;border-radius:5px;background:rgba(255,255,255,0.04);font-size:10px;font-weight:800;color:#2A2010}
.ch-thumb .g2048-cell[data-v=""]{color:transparent}
.ch-thumb .g2048-cell[data-v="2"],.ch-thumb .g2048-cell[data-v="4"]{background:linear-gradient(150deg,#EFE7D6,#E5DBC4)}
.ch-thumb .g2048-cell[data-v="8"],.ch-thumb .g2048-cell[data-v="16"]{background:linear-gradient(150deg,#F6D69E,#F1C57E)}
.ch-thumb .g2048-cell[data-v="32"],.ch-thumb .g2048-cell[data-v="64"]{background:linear-gradient(150deg,#FBBA5E,#F7A53F)}
.ch-thumb .g2048-cell[data-v="128"],.ch-thumb .g2048-cell[data-v="256"]{background:linear-gradient(150deg,#F7CB4C,#F0BB1F)}
.ch-thumb .g2048-cell[data-v="1024"]{background:linear-gradient(150deg,#F1D40D,#E9C800)}
.ch-thumb .g2048-cell[data-v="2048"]{background:linear-gradient(150deg,#FFE14D,#F5C400);box-shadow:0 0 14px rgba(244,196,0,0.85)}
.ch-thumb .g2048-cell.g2048-pulse{animation:ch-g2048Pulse 3s ease-in-out infinite}
@keyframes ch-g2048Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.ch-thumb .piskvorky-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ch-thumb .piskvorky-board-mini{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:1px;width:148px;height:148px;background:rgba(212,175,55,0.18);border:2px solid rgba(212,175,55,0.45);border-radius:6px;transform:rotate(-5deg);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ch-thumb .pk-mini-cell{background:#131c2e;position:relative}
.ch-thumb .pk-mini-mark{position:absolute;inset:16%}
.ch-thumb .pk-mini-mark.x::before,.ch-thumb .pk-mini-mark.x::after{content:"";position:absolute;top:50%;left:0;width:100%;height:18%;border-radius:2px;background:linear-gradient(135deg,#F7EAD2,#D4AF37);transform:translateY(-50%) rotate(45deg)}
.ch-thumb .pk-mini-mark.x::after{transform:translateY(-50%) rotate(-45deg)}
.ch-thumb .pk-mini-mark.o{inset:14%;border:2px solid #5BC8E8;border-radius:50%}
@keyframes ch-pkMiniPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}
.ch-thumb .pk-mini-mark.pulse{animation:ch-pkMiniPulse 3s ease-in-out infinite}
.ch-thumb .lode-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ch-thumb .lode-board-mini{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px;width:150px;height:150px;background:rgba(212,175,55,0.18);border:2px solid rgba(212,175,55,0.45);border-radius:6px;transform:rotate(-5deg);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ch-thumb .lode-mini-cell{background:linear-gradient(135deg,#173455,#0f2742);position:relative;border-radius:2px}
.ch-thumb .lode-mini-cell.ship{background:linear-gradient(135deg,#F5C24A 0%,#E8A03A 52%,#C8821C 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),inset 0 2px 4px rgba(255,255,255,.28)}
.ch-thumb .lode-mini-cell.miss::after{content:"";position:absolute;inset:6%;border-radius:50%;opacity:.5;background:radial-gradient(circle closest-side,rgba(186,226,247,.95) 0 12%,transparent 16%),radial-gradient(circle closest-side,transparent 40%,rgba(156,208,236,.9) 44% 48%,transparent 52%),radial-gradient(circle closest-side,transparent 76%,rgba(124,184,220,.85) 80% 84%,transparent 88%)}
.ch-thumb .lode-mini-cell.hit{background:linear-gradient(135deg,#8a98a7,#4a5563);box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}
.ch-thumb .lode-mini-cell.hit::after{content:"";position:absolute;inset:30%;border-radius:50%;background:#25282e}
.ch-thumb .lode-mini-cell.sunk{background:linear-gradient(90deg,#a4afbb,#7c8a99,#454d57);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4)}
.ch-thumb .mlyn-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ch-thumb .mlyn-board-mini{width:150px;height:150px;padding:8px;background:linear-gradient(150deg,#20283a,#0d1420);border:2px solid rgba(212,175,55,0.45);border-radius:6px;transform:rotate(-5deg);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ch-thumb .mlyn-board-mini .ml-lines rect,.ch-thumb .mlyn-board-mini .ml-lines line{fill:none;stroke:rgba(212,175,55,0.55);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.ch-thumb .mlyn-board-mini .ml-w{fill:#F0E2C4;stroke:#C6AE82;stroke-width:1}
.ch-thumb .mlyn-board-mini .ml-b{fill:#28303F;stroke:#0E131C;stroke-width:1}
.ch-thumb .mlyn-board-mini .ml-mill{fill:#F5C24A;stroke:#C8821C;stroke-width:1.2}
.ch-thumb .gonu-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ch-thumb .gonu-board-mini{width:150px;height:150px;padding:8px;background:linear-gradient(150deg,#20283a,#0d1420);border:2px solid rgba(212,175,55,0.45);border-radius:6px;transform:rotate(-5deg);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ch-thumb .gonu-board-mini .gn-lines line{stroke:rgba(212,175,55,0.55);stroke-width:1.4;stroke-linecap:round}
.ch-thumb .gonu-board-mini .gn-p1{fill:#F0E2C4;stroke:#C6AE82;stroke-width:1}
.ch-thumb .gonu-board-mini .gn-p2{fill:#5BB6E6;stroke:#1E5F8C;stroke-width:1}
.ch-thumb .gonu-board-mini .gn-capt{stroke:#D9534F;stroke-width:2.6}


/* desky shodné se hrami, jiné pozadí, dřevěný rám */
:root{--ch-woodbg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='w' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23D4A06A'/%3E%3Cstop offset='.45' stop-color='%23A86E3B'/%3E%3Cstop offset='1' stop-color='%236B3E1C'/%3E%3C/linearGradient%3E%3Cpattern id='g' width='100' height='3.1' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 .5 Q25 .2 50 .6 T100 .4' fill='none' stroke='%233E200B' stroke-opacity='.3' stroke-width='.22'/%3E%3Cpath d='M0 1.4 Q30 1.7 55 1.3 T100 1.5' fill='none' stroke='%23F3C48C' stroke-opacity='.22' stroke-width='.18'/%3E%3Cpath d='M0 2.3 Q20 2.0 45 2.4 T100 2.2' fill='none' stroke='%233E200B' stroke-opacity='.22' stroke-width='.16'/%3E%3C/pattern%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.08'/%3E%3Cstop offset='.5' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23w)'/%3E%3Crect width='100' height='100' fill='url(%23g)'/%3E%3Crect width='100' height='100' fill='url(%23v)'/%3E%3Crect x='0' y='0' width='100' height='.6' fill='%23F6D3A2' fill-opacity='.45'/%3E%3C/svg%3E")}
.ch-thumb .chess-board-mini,.ch-thumb .dama-board-mini,.ch-thumb .g2048-mini,.ch-thumb .piskvorky-board-mini,.ch-thumb .lode-board-mini,.ch-thumb .mlyn-board-mini,.ch-thumb .gonu-board-mini,.ch-thumb .pexeso-mini,.ch-thumb .nb-board{--face:linear-gradient(#0F172A,#0F172A);flex:none;overflow:hidden;border:8px solid transparent;border-radius:13px;background:var(--face) padding-box,var(--ch-woodbg) 0 0/100% 100% no-repeat border-box;box-shadow:0 0 0 1px rgba(43,22,6,.85),0 14px 26px rgba(0,0,0,.55),0 3px 6px rgba(0,0,0,.35);outline:1.5px solid rgba(30,14,4,.75);outline-offset:-8px}
.ch-thumb .chess-board-mini,.ch-thumb .dama-board-mini{--face:linear-gradient(#8B6B47,#8B6B47);width:154px;height:154px}
.ch-thumb .g2048-mini{--face:linear-gradient(150deg,#0F172A,#020617);width:158px;height:158px}
.ch-thumb .g2048-cell[data-v=""]{background:rgba(248,250,252,.05)}
.ch-thumb .piskvorky-board-mini{--face:linear-gradient(rgba(212,175,55,.18),rgba(212,175,55,.18)) padding-box,linear-gradient(#0B1322,#0B1322);width:158px;height:158px}
.ch-thumb .lode-board-mini{--face:linear-gradient(rgba(212,175,55,.18),rgba(212,175,55,.18)) padding-box,linear-gradient(#0B1A2E,#0B1A2E);width:160px;height:160px}
.ch-thumb .mlyn-board-mini,.ch-thumb .gonu-board-mini{--face:linear-gradient(150deg,#20283A,#0D1420);width:160px;height:160px}
.ch-thumb .pexeso-mini{--face:radial-gradient(120% 120% at 50% 0%,#2A1F4A,#120C24);width:200px;height:126px;padding:9px;filter:none}
.ch-thumb .nb-sudoku{--face:linear-gradient(#8A7434,#8A7434)}
.ch-thumb .nb-slova{--face:radial-gradient(90% 80% at 50% 30%,#141E36,#070C18)}
.ch-thumb .nb-clovece{--face:linear-gradient(#121A28,#121A28)}
/* nedeskové hry: vlastní podklad místo dřevěného rámu */
.ch-thumb .pexeso-mini{border:0;border-radius:16px;outline:1.5px dashed rgba(230,215,255,.22);outline-offset:-6px;background:radial-gradient(130% 120% at 30% 0%,#3B2A66 0%,#24183F 55%,#160E2A 100%);box-shadow:inset 0 0 18px rgba(0,0,0,.45),0 14px 26px rgba(0,0,0,.5)}
.ch-thumb .nb-slova{border:1.5px solid rgba(212,175,55,.6);border-radius:20px;outline:0;background:radial-gradient(90% 80% at 50% 25%,#17223D,#070C18);box-shadow:0 0 0 5px rgba(212,175,55,.08),0 0 24px rgba(212,175,55,.18),0 14px 26px rgba(0,0,0,.55)}
.ch-thumb .lode-board-mini{border-radius:10px;outline:1.5px solid rgba(10,16,24,.8);background:linear-gradient(rgba(212,175,55,.18),rgba(212,175,55,.18)) padding-box,linear-gradient(#0B1A2E,#0B1A2E) padding-box,radial-gradient(circle at 5.5px 5.5px,#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at calc(100% - 5.5px) 5.5px,#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at 5.5px calc(100% - 5.5px),#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at calc(100% - 5.5px) calc(100% - 5.5px),#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at 50% 4px,#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at 50% calc(100% - 4px),#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at 4px 50%,#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,radial-gradient(circle at calc(100% - 4px) 50%,#E3E8EE 0 1.1px,#4A545F 1.6px,transparent 2.1px) border-box,linear-gradient(145deg,#B4BFCA 0%,#7B8794 35%,#4C5661 70%,#2E353D 100%) border-box}
/* Sudoku — tmavá mřížka 9×9 se zlatými bloky jako ve hře */
.ch-thumb .nb-sudoku{width:156px;height:156px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;transform:rotate(-5deg)}
.ch-thumb .nb-sudoku .bx{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1F2A42}
.ch-thumb .nb-sudoku .c{display:grid;place-items:center;background:#0F172A;color:#F8FAFC;font:800 10px/1 var(--ch-f-body)}
.ch-thumb .nb-sudoku .c.cur{background:#1E2B4D;box-shadow:inset 0 0 0 1.5px #D4AF37}

/* Slova — zlaté dlaždice v kole a řádek se skládaným slovem jako ve hře */
.ch-thumb .nb-slova{position:relative;width:156px;height:156px;transform:rotate(-4deg)}
.ch-thumb .nb-slova .pv{position:absolute;left:14%;right:14%;top:6%;height:15%;display:grid;place-items:center;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(212,175,55,.3);color:#D4AF37;font:800 11px/1 var(--ch-f-body);letter-spacing:.16em;text-indent:.16em}
.ch-thumb .nb-slova svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ch-thumb .nb-slova polyline{fill:none;stroke:#E8C45A;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(212,175,55,.8))}
.ch-thumb .nb-slova .t{position:absolute;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:24%;overflow:hidden;background:linear-gradient(150deg,#FFF6D5 0%,#F4D98B 22%,#E7C25A 44%,#D4AF37 60%,#B8860B 85%,#9A6E10 100%);border:1px solid rgba(150,110,20,.65);box-shadow:inset 0 1px 2px rgba(255,255,255,.85),inset 0 -3px 5px rgba(120,80,10,.55),0 3px 7px rgba(0,0,0,.5);color:#4A2E08;font:900 14px/1 var(--ch-f-body);text-shadow:0 1px 0 rgba(255,255,255,.45)}
.ch-thumb .nb-slova .t::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.12) 34%,transparent 52%)}
.ch-thumb .nb-slova .t span{position:relative}
.ch-thumb .nb-slova .t.sel{background:linear-gradient(150deg,#FFFDEE 0%,#FBE9A0 28%,#F0C94A 52%,#D4AF37 80%,#B8860B 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.9),inset 0 -3px 5px rgba(120,80,10,.5),0 0 0 2px #D4AF37,0 0 12px rgba(212,175,55,.9);transform:translate(-50%,-50%) scale(1.1);z-index:2}

/* Člověče — křížová deska se zaoblenými poli, domečky s figurkami a čtyřbarevným středem jako ve hře */
.ch-thumb .nb-clovece{width:158px;height:158px;transform:rotate(-5deg)}
.ch-thumb .nb-clovece svg{display:block;width:100%;height:100%}

/* Housenka — celá plocha */
.ch-thumb .nb-housenka{position:absolute;inset:0;overflow:hidden;background:#0A1124}
.ch-thumb .nb-housenka svg{display:block;width:100%;height:100%}


/* výkon a přístupnost */
@media (max-width:768px){.ch-thumb .bubble-cluster,.ch-thumb .seaweed,.ch-thumb .chess-mini-piece.hop,.ch-thumb .dama-mini-piece.jump,.ch-thumb .pex-card.pulse,.ch-thumb .g2048-cell.g2048-pulse,.ch-thumb .pk-mini-mark.pulse{animation:none!important}}
@media (prefers-reduced-motion:reduce){.ch-thumb,.ch-thumb *{animation:none!important;transition:none!important}}