.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation{display:flex;gap:10px;margin-bottom:20px}.navigation a{text-decoration:none;padding:5px 10px;border:1px solid #ccc;border-radius:4px;color:#333}.navigation a:hover{background-color:#f0f0f0}.back-button{margin-bottom:20px;padding:8px 16px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.reset-button{margin-top:20px;padding:8px 16px;background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.boom-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:red;animation:boom 2s ease-out forwards;z-index:1000}@keyframes boom{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.piece-capture-animation{animation:capture .5s ease-out forwards}@keyframes capture{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.puzzle-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem}.puzzle-category{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s}.puzzle-category:hover{transform:translateY(-2px)}.puzzle-count{display:inline-block;background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem}.puzzle-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.puzzle-item{background:#fff;border-radius:8px;padding:1rem;cursor:pointer;transition:background-color .2s}.puzzle-item:hover{background-color:#f5f5f5}.hint-button{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin:1rem 0}.hint-text{background:#f5f5f5;padding:1rem;border-radius:4px;margin-top:.5rem}.game-complete{text-align:center;margin-top:2rem}.next-puzzle-button{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.settings-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px}.setting-item{margin:1rem 0}.setting-item label{display:block;margin-bottom:.5rem}.setting-item input[type=range]{width:100%}.settings-button{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-bottom:1rem}.close-button{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem;width:100%}input:-webkit-autofill:first-line{font-size:40px}@font-face{font-family:RubikOne;src:url(/assets/RubikOne-Regular-07cuPJ67.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}