@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dragging{overflow:hidden;position:fixed;width:100%}:root{--grid-size:clamp(240px,80vw,420px);--grid-gap:clamp(6px,2.5vw,12px);--cell-size:clamp(64px,22vw,120px);--cell-radius:clamp(10px,3vw,18px);--grid-padding:clamp(8px,2.5vw,14px)}.App{background-color:#f0f0f0;flex-direction:column;min-height:100vh;padding:0}.App,.tutorial-overlay{align-items:center;display:flex}.tutorial-overlay{background:#0a0a0a99;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.tutorial-panel{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000040;padding:20px;width:min(520px,92vw)}.tutorial-panel h2{color:#1a1a1a;font-size:1.4rem;margin:0 0 8px}.tutorial-panel p{color:#333;font-size:1rem;line-height:1.4;margin:0 0 16px}.tutorial-step{color:#666;font-size:.9rem;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.tutorial-actions{display:flex;gap:12px;justify-content:space-between}.tutorial-actions button{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 16px}.tutorial-skip{background:#f2f2f2;border-color:#e0e0e0;color:#333}.tutorial-next{background:#1e90ff;color:#fff}.tutorial-skip:hover{background:#e8e8e8}.tutorial-next:hover{background:#1b7fe0}.how-to-play{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px;max-width:520px;width:100%}.tutorial-replay{background:none;border:none;color:#1e90ff;cursor:pointer;font-family:inherit;font-size:.95rem;padding:0;text-decoration:underline}.tutorial-replay:hover{color:#1b7fe0}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:15px 0;text-align:center;width:100%}.app-header h1{color:#333;font-size:4rem;font-weight:900;letter-spacing:4px;margin:0}.app-subtitle{color:#666;font-size:.95rem;margin:6px 0 0}.app-subtitle a{color:#1e90ff;font-weight:600;text-decoration:none}.app-subtitle a:hover{text-decoration:underline}.move-counter{color:#333;font-size:.95rem;font-weight:600;margin-top:6px}.game-container{flex:1 1;padding:20px;width:100%}.game-container,.game-grid{align-items:center;display:flex;flex-direction:column}.game-grid{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;gap:clamp(6px,2.5vw,12px);gap:var(--grid-gap);height:clamp(240px,80vw,420px);height:var(--grid-size);justify-content:center;padding:clamp(8px,2.5vw,14px);padding:var(--grid-padding);position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:clamp(240px,80vw,420px);width:var(--grid-size)}.snake-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.grid-row{gap:clamp(6px,2.5vw,12px);gap:var(--grid-gap)}.grid-cell,.grid-row{align-items:center;display:flex;justify-content:center}.grid-cell{border-radius:clamp(10px,3vw,18px);border-radius:var(--cell-radius);cursor:pointer;height:clamp(64px,22vw,120px);height:var(--cell-size);position:relative;transition:all .3s ease;width:clamp(64px,22vw,120px);width:var(--cell-size)}.grid-cell.gap{border:2px dashed}.grid-cell.won{border-radius:50%!important}@keyframes pulse-radius{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.grid-cell:not(.gap):not(.secondary):not(:hover):not(.active){animation:none}.grid-cell.secondary:active{opacity:.9;transform:scale(.95);transition:all .1s ease}.lock-icon{color:#000;font-size:20px}@keyframes win-wave{0%{box-shadow:0 0 0 #0000;transform:scale(1)}45%{box-shadow:0 0 26px #ffffffb3;transform:scale(1.12)}to{box-shadow:0 0 0 #0000;transform:scale(1)}}.grid-cell.win-wave{animation:win-wave .7s ease-in-out both;animation-delay:0ms;animation-delay:var(--wave-delay,0ms)}.feedback{border-radius:4px;font-size:1.05rem;font-weight:700;margin-top:24px;padding:8px;text-align:center}.feedback-error{color:#b00020}.feedback-success{color:#218838}.play-again-button{background:none;border:none;color:#218838;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:underline}.play-again-button:hover{color:#1a6b2a}
/*# sourceMappingURL=main.bff5502c.css.map*/