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