body{margin:0;font-family:sans-serif;background:#fdfdfd;color:#222;display:flex;justify-content:center;padding:1rem}main{width:100%;max-width:1000px}#game-area{display:flex;flex-direction:row;gap:2rem;align-items:flex-start}#boards{display:flex;flex-direction:column;gap:1rem}.board-wrapper{border:4px solid transparent;padding:.5rem;text-align:center}.board-wrapper.active{border-color:green}.board{display:grid;grid-template-columns:repeat(3,80px);gap:5px;justify-content:center;margin:.5rem 0}.cell{width:80px;height:80px;background:#eee;border:2px solid #ccc;display:flex;justify-content:center;align-items:center}.cell svg{width:60px;height:60px;transition:transform .4s ease,opacity .4s ease}.cell svg.destroy{transform:scale(0);opacity:0}#draggable-die{display:flex;justify-content:center;margin:1rem}#draggable-die svg{width:60px;height:60px;cursor:grab}#sidebar{min-width:260px;display:flex;flex-direction:column;align-items:center}#controls{text-align:center}button{padding:.5rem 1rem;margin:.25rem;font-size:1rem}.link-btn{display:inline-block;margin:.25rem 0;font-size:.9rem;color:#00f;text-decoration:underline}#previews-section{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1rem}.preview-column{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-img{width:120px;height:auto;cursor:pointer;border:1px solid #ccc;transition:transform .3s ease}.preview-img.fullscreen{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;z-index:10000;background:#fff;object-fit:contain;padding:2rem;border:none!important;margin:0!important;box-shadow:0 0 10px #0000004d}#game-over-banner{text-align:center;background:#f44336;color:#fff;padding:1rem;margin-top:1rem;min-height:120px;display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;transition:opacity .4s ease,visibility .4s ease}#game-over-banner.show{visibility:visible;opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center}#modal[hidden]{display:none!important}#modal-content{background:#fff;width:50%;height:90%;position:relative;border-radius:8px;overflow:hidden}#close-modal{position:absolute;top:1.5rem;right:.5rem;font-size:2rem;background:transparent;border:none;cursor:pointer;color:#333}#close-modal:hover{color:#f44336}