#puzzle-container{--grid-size:10;--border-w:2px;--side-padding:24px;--cell-min:22px;--cell-max:50px;display:inline-block;border:var(--border-w) solid #333;margin:14px 0;background-color:#f8f9fa;max-width:100%;overflow:hidden;-webkit-overflow-scrolling:touch;--available-w:calc(100vw - var(--side-padding) - (2 * var(--border-w)));--cell-size:clamp(var(--cell-min),calc(var(--available-w) / var(--grid-size)),var(--cell-max))}@media (max-width:375px){#puzzle-container{--side-padding:16px;--cell-min:20px}}.row{display:flex}.cell,.cell-skeleton{width:var(--cell-size);height:var(--cell-size);min-width:var(--cell-size);min-height:var(--cell-size);box-sizing:border-box}.cell{background:#f5f5f5;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;font-size:clamp(14px,calc(var(--cell-size) * .48),20px)}.cell.given{font-weight:700}.filled0{background-color:#cce5ff}.filled1{background-color:#ffd9b3}.cell.complete,.cell.hint{background-color:#ccffcc}.cell-skeleton{background:#f5f5f5!important;border:1px solid rgba(60,60,60,.1)!important}.puzzle-skeleton{border:2px solid #e0e0e0;background:#f5f5f5}#status{margin-top:10px;font-weight:700}.gridsizeSelectStyle{padding-bottom:10px}.puzzle-loading-container{position:relative;display:inline-block}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10}.loading-text{font-size:clamp(14px,4vw,16px);font-weight:500;color:#666;text-align:center;padding:20px}