:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0f14;--surface: #161b22;--border: rgba(255, 255, 255, .08);--accent: #f9a825;--accent-glow: rgba(249, 168, 37, .25);--tile-bg: #1e2530;--tile-hover: #2a3340;--tile-border: rgba(255, 255, 255, .06);--text: #e6edf3;--text-dim: rgba(255, 255, 255, .5);--win-bg: rgba(249, 168, 37, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:2rem}.header{text-align:center}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:.5rem}.paw{font-size:1.8rem}.subtitle{color:var(--text-dim);font-size:.95rem;margin-top:.25rem}.game-container{display:flex;gap:2rem;align-items:flex-start;max-width:750px;width:100%;justify-content:center;flex-wrap:wrap}.sidebar{display:flex;flex-direction:column;gap:1rem;width:200px;flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.75rem}.animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.animal-btn{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:.5rem;padding:.5rem .25rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:all .15s}.animal-btn:hover{background:var(--tile-hover);border-color:#ffffff1f}.animal-btn.selected{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.animal-emoji{font-size:1.3rem;line-height:1}.animal-name{font-size:.55rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.animal-btn.selected .animal-name{color:var(--accent)}.difficulty-row{display:flex;gap:.4rem}.diff-btn{flex:1;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:.5rem;padding:.55rem;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.diff-btn:hover{background:var(--tile-hover)}.diff-btn.selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.stats-panel{display:flex;gap:1rem}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.new-game-btn{width:100%;padding:.7rem;background:var(--accent);color:#0c0f14;border:none;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.1em}.new-game-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.puzzle-area{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.puzzle-grid{display:grid;gap:4px;background:#ffffff08;padding:6px;border-radius:.75rem;border:1px solid var(--border)}.puzzle-grid.solved{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.tile{aspect-ratio:1;border:1px solid var(--tile-border);border-radius:.5rem;font-size:.85rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .12s;position:relative;overflow:hidden}.tile.filled{background:var(--tile-bg)}.tile.filled:hover{background:var(--tile-hover);border-color:#ffffff26;transform:scale(1.03)}.tile.filled:active{transform:scale(.97)}.tile.empty{background:#ffffff05;border-style:dashed;border-color:#ffffff0a;cursor:default}.tile-number{font-size:.65rem;color:var(--text-dim);position:absolute;top:4px;left:6px;font-weight:500}.tile-emoji{font-size:1.4rem;line-height:1}.tile.celebrate{animation:celebrate .5s ease forwards}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(3deg);background:var(--accent-glow)}to{transform:scale(1);background:#f9a8251f}}.win-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0f14eb;border-radius:.75rem;z-index:10;gap:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.win-emoji{font-size:3.5rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.win-banner h2{font-size:1.8rem;color:var(--accent)}.win-banner p{color:var(--text-dim);font-size:1rem}.play-again-btn{margin-top:.5rem;padding:.6rem 1.5rem;background:var(--accent);color:#0c0f14;border:none;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}.play-again-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.reference-panel{display:flex;flex-direction:column;align-items:center;gap:.4rem}.ref-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.reference-grid{display:grid;gap:2px;background:#ffffff08;padding:4px;border-radius:.5rem;border:1px solid var(--border);width:140px}.ref-tile{aspect-ratio:1;background:var(--tile-bg);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.ref-empty{background:#ffffff05;border:1px dashed rgba(255,255,255,.06)}@media(max-width:600px){.game-container{flex-direction:column-reverse;align-items:center}.sidebar{width:100%;max-width:400px;flex-direction:row;flex-wrap:wrap}.sidebar .panel{flex:1;min-width:140px}.sidebar .new-game-btn{flex-basis:100%}.header h1{font-size:1.5rem}}