@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.game-result-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow-y:auto}:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-color:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--tile-color:#3b82f6;--tile-hover:#2563eb;--tile-correct:#10b981;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--radius:0.5rem}body{background-color:var(--bg-color);margin:0;padding:0}.game-header-wrapper{position:relative;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.game-header-wrapper>:first-child{position:absolute;left:0;top:1rem;align-self:flex-start}.game-description{color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto}.difficulty-select,.game-description{margin-bottom:2rem}.difficulty-select label{margin-right:.5rem;color:var(--text-primary);font-weight:500}.difficulty-select select{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid #e5e7eb;background-color:white;color:var(--text-primary);font-size:.95rem}.difficulty-select-intro{margin-top:1.5rem;margin-bottom:1.5rem;padding:.8rem;background-color:rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.8rem}.difficulty-select-intro label{color:var(--text-primary);font-weight:600;font-size:1.1rem}.difficulty-select-dropdown{padding:.7rem 1.5rem;border-radius:var(--radius);border:1px solid #e5e7eb;background-color:white;color:var(--text-primary);font-size:1rem;width:100%;max-width:200px;cursor:pointer;transition:all .2s ease}.difficulty-select-dropdown:hover{border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.difficulty-select-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.game-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.control-button{background-color:var(--primary);color:white;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:.95rem;cursor:pointer;transition:background-color .2s}.control-button:hover{background-color:var(--primary-hover)}.puzzle-board{display:grid;gap:.5rem;margin:0 auto;width:100%;max-width:500px;position:relative}.puzzle-tile{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;background-color:var(--tile-color);color:white;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;aspect-ratio:1/1;user-select:none;box-shadow:var(--shadow)}.puzzle-tile:hover{background-color:var(--tile-hover);transform:translateY(-2px)}.puzzle-tile.empty{background-color:transparent;box-shadow:none;cursor:default}.puzzle-tile.empty:hover{transform:none}.puzzle-tile.correct{background-color:var(--tile-correct)}.game-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.game-message{margin-top:2rem;padding:1rem;border-radius:var(--radius);font-weight:500;font-size:1rem;color:var(--text-primary);background-color:#f3f4f6}.win-message{background-color:#d1fae5;color:#065f46}@media (max-width:650px){.puzzle-board{width:90%;max-width:500px}.puzzle-tile{font-size:1.5rem}.game-controls{flex-direction:column;align-items:center;gap:.5rem}.control-button{width:100%;max-width:90%}.game-stats{flex-direction:column;gap:1rem;align-items:center}.difficulty-select-intro{padding:.6rem}.difficulty-select-dropdown{padding:.5rem 1rem;font-size:.9rem;max-width:180px}}