@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--scale:1;--base-board-cell-size:77px;--base-outline-cell-size:20px}body{background:#f4f6f8;font-family:"Segoe UI",sans-serif}#content-container{margin:30px auto;text-align:center;max-width:95%}button:disabled{opacity:.6}.instructions-card{max-width:720px;margin:25px auto;padding:0;border-radius:10px;overflow:hidden;box-shadow:0 6px 15px rgba(0,0,0,.1);font-family:"Arial",sans-serif}.instructions-header{background:linear-gradient(90deg,#4caf50,#81c784);color:#fff;font-size:16px;font-weight:700;padding:12px 16px;display:flex;align-items:center;gap:8px}.instructions-body{background:#fefefe;padding:16px 18px;font-size:14px;line-height:1.6}.instructions-body p{margin-bottom:10px}.instructions-controls ul{list-style:none;padding-left:0;margin:6px 0 0}.instructions-controls li{margin-bottom:8px;display:flex;align-items:center;gap:8px}.instructions .note{font-size:12px;color:#666;display:block;margin-top:2px}.rotate-icon{color:#4caf50;font-size:14px}.instructions-card,.instructions-card li,.instructions-card p,.instructions-card ul{text-align:left}.alert-card,.share-card{margin:20px auto;border-radius:10px;text-align:center}.alert-card{max-width:600px;padding:16px 18px;background-color:#d4edda;border:2px solid #28a745;color:#155724;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,.1);line-height:1.5;animation:fadeIn .6s ease-in-out}.share-card{max-width:480px;padding:12px 16px;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 4px 10px rgba(0,0,0,.08);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:12px}#share-button-container a{margin:0 6px;transition:transform .2s ease,box-shadow .2s ease}#share-button-container a:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.share-text{font-size:14px;color:#555}#icons-container .icon,.flex-container,.puzzle-nav{display:flex;align-items:center}#icons-container,.puzzle-nav{justify-content:center;gap:12px}#icons-container .icon{width:44px;height:44px;border-radius:50%;justify-content:center;text-decoration:none;cursor:pointer;transition:background-color .2s;background:#fff;color:#000;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.2)}#icons-container .icon:hover{background:#f5f5f5}#icons-container{display:flex;margin:15px 0}table{border-collapse:collapse;width:100%;height:100%}table td{border:1px solid #a9a9a9;text-align:center;font-size:30px;font-family:sans-serif;background:#fff;position:relative}.flex-container{flex-direction:column}#game-container,#game-container *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;touch-action:none!important}#game-container,.outline-container{position:relative;margin:10px auto}#game-container{--cell-size:calc(var(--scale) * var(--base-board-cell-size));--grid-thickness:calc(var(--cell-size) / 12)}.outline-container{--cell-size:calc(var(--scale) * var(--base-outline-cell-size));--grid-thickness:5px}#game-container td{cursor:pointer}#game-container td,.outline-container td{width:var(--cell-size);height:var(--cell-size)}.outline-grid div{position:absolute}.outline-grid div:not(.grid-item-container){background-color:#000}.animate{transition:transform .4s ease}.non-animate{transition:none}.node{position:absolute;width:calc(var(--cell-size)/3);height:calc(var(--cell-size)/3);font-size:12px;background:#4da3ff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center;color:#fff;user-select:none;transition:background .2s}.node.active{display:flex}.node:hover{background:#6bb4ff}.move-left{transform:translateX(calc(-1*var(--cell-size)))}.move-right{transform:translateX(var(--cell-size))}.move-down{transform:translateY(var(--cell-size))}.move-up{transform:translateY(calc(-1*var(--cell-size)))}.red{background-color:rgba(255,0,0,.3)!important}.green{background-color:rgba(0,255,0,.3)!important}.blue{background-color:rgba(0,0,255,.3)!important}.purple{background-color:rgba(128,0,128,.3)!important}.magenta{background-color:rgba(255,0,255,.3)!important}