body{font-family:Inter,sans-serif;overscroll-behavior:none}.block{width:60px;height:60px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;border:2px solid transparent;border-radius:.375rem;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .3s ease;box-sizing:border-box}.block.selected{border-color:#facc15;box-shadow:0 0 15px #facc15b3;transform:scale(1.05)}.block-animating{transition:transform .5s ease-in-out;z-index:5}.disabled-interaction .block{cursor:not-allowed}#game-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem;position:relative;min-height:100px}#solving-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff9;display:flex;justify-content:center;align-items:center;font-weight:700;color:#1f2937;z-index:10;border-radius:.375rem}#solving-overlay.hidden{display:none}#history-container{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;margin-top:1rem;background-color:#f9fafb}.history-item{padding:.25rem .5rem;cursor:pointer;border-radius:.25rem;margin-bottom:.25rem;font-size:.875rem;transition:background-color .15s ease}.history-item:hover{background-color:#e5e7eb}.history-item.active{background-color:#dbeafe;font-weight:600;color:#1d4ed8}.main-content{display:flex;flex-direction:column;width:100%;max-width:56rem}#message-area{height:auto}@media (min-width: 768px){.main-content{flex-direction:row;gap:1.5rem}#game-area{flex-grow:1}#history-area{width:200px;flex-shrink:0}#history-container{max-height:400px;margin-top:0}}