/* Schiebepuzzle - spielspezifisch, Praefix g-slider- */
.g-slider-board { position: relative; width: 100%; max-width: 440px; aspect-ratio: 1 / 1; margin: 6px auto; background: rgba(0,0,0,.32); border: 1px solid var(--g-line); border-radius: 16px; touch-action: manipulation; -webkit-user-select: none; user-select: none; }
.g-slider-tile { position: absolute; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; cursor: pointer; font-family: var(--g-head); font-weight: 700; color: #fff; background: linear-gradient(145deg, var(--g-petrol-l), var(--g-petrol)); border-radius: 12px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.14), 0 3px 8px rgba(0,0,0,.35); transition: left .14s ease-out, top .14s ease-out, background .2s; touch-action: manipulation; }
.g-slider-tile:hover { background: linear-gradient(145deg, #34806a, var(--g-petrol-l)); }
.g-slider-tile.g-right { background: linear-gradient(145deg, #c9a02c, #8f7420); color: #10261d; }
.g-slider-tile.g-solved { background: linear-gradient(145deg, var(--g-gold-l), var(--g-gold)); color: #10261d; }
.g-slider-tile:focus-visible { outline: 3px solid var(--g-gold-l); outline-offset: 1px; }
.g-slider-board.g-n3 .g-slider-tile { font-size: clamp(1.8rem, 11vw, 3rem); }
.g-slider-board.g-n4 .g-slider-tile { font-size: clamp(1.4rem, 8vw, 2.4rem); }
.g-slider-board.g-n5 .g-slider-tile { font-size: clamp(1.1rem, 6vw, 1.8rem); border-radius: 9px; }
.g-slider-board.g-paused .g-slider-tile { color: transparent; }
.g-slider-veil { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; border-radius: 16px; background: rgba(10,31,25,.7); font-family: var(--g-head); font-size: 1.6rem; color: var(--g-gold-l); z-index: 2; }
.g-slider-board.g-paused .g-slider-veil { display: flex; }