.nim-game{max-width:760px;margin:1.5rem auto;padding:18px;border-radius:22px;background:linear-gradient(145deg,#efe6d6,#dcc8a6);box-shadow:0 18px 42px rgba(58,37,14,.16);color:inherit}.nim-header h2,.nim-header p{margin-top:0}.nim-setup{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0}.nim-setup label{display:grid;gap:6px;flex:1 1 220px}.nim-setup select{width:100%;padding:.72rem;border:1px solid rgba(70,45,20,.28);border-radius:10px;background:#fff;color:inherit}.nim-btn{border:1px solid rgba(70,45,20,.25);border-radius:11px;padding:.75rem 1rem;background:#fff;color:inherit;cursor:pointer}.nim-btn-primary{background:#5b3b1d;color:#fff;border-color:#5b3b1d}.nim-status{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.7);border-left:4px solid #8a6337;margin-bottom:14px}.nim-board{display:grid;gap:12px}.nim-heap{padding:12px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(78,50,22,.13)}.nim-heap-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nim-stone{width:42px;height:42px;border:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 5%,#b8d6df 8%,#5d8fa0 38%,#274b59 72%,#102733 100%);box-shadow:inset -5px -6px 8px rgba(0,0,0,.32),0 5px 8px rgba(36,22,9,.28);cursor:pointer}.nim-stone.is-selected{outline:4px solid #efc95f;outline-offset:2px}.nim-actions{margin-top:14px}.nim-rules{margin-top:16px;border-top:1px solid rgba(70,45,20,.18);padding-top:12px}.nim-rules summary{cursor:pointer;}@media(max-width:520px){.nim-game{margin:.6rem 0;padding:10px;border-radius:14px}.nim-stone{width:36px;height:36px}}


/* 0.14.24: echte WebP-Spielmaterialien statt identischer CSS-Kugeln. */
.nim-piece{border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;flex:0 0 auto;padding:0;transition:none}
.nim-piece-stones{width:58px;height:50px;filter:drop-shadow(0 5px 5px rgba(36,22,9,.22))}
.nim-piece-matches{width:34px;height:98px;filter:drop-shadow(0 4px 3px rgba(36,22,9,.18))}
.nim-piece:focus-visible{outline:3px solid #efc95f;outline-offset:2px;border-radius:6px}
.nim-game[data-material="matches"] .nim-heap-row{align-items:flex-end;gap:4px}
.nim-game[data-material="stones"] .nim-heap-row{gap:6px}
@media(max-width:520px){
  .nim-piece-stones{width:52px;height:46px}
  .nim-piece-matches{width:29px;height:88px}
  .nim-game[data-material="matches"] .nim-heap-row{gap:2px}
}

.nim-play-area[hidden]{display:none!important}

.nim-setup[hidden]{display:none!important}