body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-color:#f0f0f0;padding-top:12px}.grid-container{display:flex;margin-top:12px}.small-grid-container{display:flex;flex-direction:column;align-items:center}.controls-container{display:flex;flex-direction:column;align-items:center;gap:8px}.controls-container>*{margin:0 10px}.top-bar{display:flex;flex-direction:column;align-items:center;gap:6px}.game-over-message{text-align:center;font-weight:700;font-size:1.1rem;color:#b00020}.cleared-words{text-align:center;font-size:.95rem}.restart-container{display:flex;justify-content:center;align-items:center;gap:8px}.restart-button{background:none;border:none;padding:0;cursor:pointer}.restart-button img{width:56px;height:56px;display:block;border-radius:12px;transition:transform .12s ease,box-shadow .12s ease}.restart-button:hover img{transform:scale(1.05);box-shadow:0 0 8px #00c8ffb3}.restart-button:active img{transform:scale(.95);box-shadow:0 0 4px #0096dcb3}.icon-button{background:none;border:none;padding:0;cursor:pointer}.icon-button img{width:48px;height:48px;display:block;border-radius:12px;transition:transform .12s ease,box-shadow .12s ease}.icon-button:hover img{transform:scale(1.05);box-shadow:0 0 8px #00c8ffb3}.icon-button:active img{transform:scale(.95);box-shadow:0 0 4px #0096dcb3}.arrow-row{display:flex;justify-content:center;align-items:center;gap:12px}.small-grid{display:inline-block;margin-left:12px;padding:6px;background-color:#000;border-radius:6px;box-shadow:0 0 10px #0006;box-sizing:border-box}.small-grid-row{display:flex}.small-grid-cell{width:25px;height:25px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#333;border:1.5px solid #111;color:#fff;font-size:20px}.small-grid-cell-selected{background-color:#4da3ff;border-color:#1e88e5;color:#fff;box-shadow:0 0 6px #4da3ffcc}.small-grid-cell-green{background-color:#2e7d32}.small-grid-cell-amber{background-color:#ffb300;color:#000}.small-grid-row-top-separator .small-grid-cell{border-top-width:2px;border-top-color:#888}.small-grid-row-bottom-separator .small-grid-cell{border-bottom-width:2px;border-bottom-color:#888}.central-circle{width:80px;height:80px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:none;border:none;padding:0}.central-circle-image{width:80px;height:80px;display:block;pointer-events:none;border-radius:50%}.grid{display:flex;flex-direction:column;width:180px;height:500px;max-width:80vw;max-height:80vh;background-color:#f9f9f9}.grid .grid-row{display:flex;flex:1}.grid .grid-cell{flex:1;border:1px solid #ddd;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:1.2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:background-color .25s ease,border-color .25s ease,transform .12s ease,box-shadow .12s ease}.grid .grid-cell:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.grid-cell-highlight{background-color:#ffeb3b;border-color:#fbc02d}.arrow-button{background:none;border:none;padding:0;cursor:pointer}.arrow-button img{width:60px;height:60px;display:block;border-radius:50%;transition:transform .12s ease,box-shadow .12s ease}.arrow-button:hover img{transform:scale(1.05);box-shadow:0 0 8px #0096ff99}.arrow-button:active img{transform:scale(.95);box-shadow:0 0 4px #0078dcb3}