/* Pieces gameplay panel — exact replica of live apieceinc.com carousel + game modal.
   Games are served by the Pieces game platform via iframe (see js/games.js GAME_BASE). */
:root{--brown:#4a3424}
.slide-content{width:100%}
.image-wrapper{position:relative;width:100%;aspect-ratio:580/555;overflow:hidden;border-radius:8px;border:1px solid rgba(74,52,36,.25);background:#ded6bd;margin-bottom:.6rem;display:flex;align-items:center;justify-content:center}
.slide-img{width:100%;height:100%;object-fit:cover;display:block}
.prev-arrow,.next-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(74,52,36,.85);color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:2;transition:background .2s,transform .2s}
.prev-arrow:hover,.next-arrow:hover{background:var(--brown);transform:translateY(-50%) scale(1.08)}
.prev-arrow{left:8px}
.next-arrow{right:8px}
.slide-desc{font-size:.64rem;color:#5c4326;line-height:1.45;margin-bottom:.2rem}
.modal-overlay{z-index:99999;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100vw;height:100dvh;display:none;position:fixed;inset:0}
.modal-overlay.open{display:flex}
.modal-card{background-color:#fff;border-radius:1rem;width:95vw;height:85vh;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.modal-close-btn{z-index:10;text-align:center;cursor:pointer;background:none;border:none;position:absolute;top:.5rem;right:.5rem;color:#4a3424;font-family:inherit}
.modal-close-btn .close-icon{font-size:1rem;line-height:1}
.modal-close-btn .close-text{font-size:.6rem}
.modal-iframe{border:0;width:100%;height:100%}