.cat-game-wrapper{max-width:800px}.game-header{text-align:center;margin-bottom:1.5rem}.game-title{font-size:2rem;font-weight:700;color:var(--bi-text);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.game-title i{color:#e74c3c}.game-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.difficulty-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bi-surface);border-radius:12px;box-shadow:0 2px 8px #0000000d}.difficulty-label{font-weight:600;color:#555;white-space:nowrap}.difficulty-options{display:flex;gap:.5rem;flex-wrap:wrap}.difficulty-btn{padding:.5rem 1rem;border:2px solid var(--bi-border);border-radius:20px;background:var(--bi-surface);font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.difficulty-btn:hover{border-color:var(--brand);color:var(--brand)}.difficulty-btn.active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;border-color:transparent}.status-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.status-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);border-radius:12px;color:#fff}.status-item i{font-size:1.25rem;margin-bottom:.25rem}.status-label{font-size:.7rem;opacity:.9}.status-value{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace}.game-area{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.game-message{min-height:30px;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;color:#e74c3c;text-align:center}.canvas-container{background:var(--bi-surface);border-radius:16px;padding:1rem;box-shadow:0 4px 20px #0000001a}#gameCanvas{display:block;border-radius:8px;cursor:pointer}.game-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.game-controls .btn{padding:.6rem 1.5rem;border-radius:25px;font-weight:500}.game-instructions{background:var(--bi-surface);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.game-instructions h5{color:var(--bi-text);margin-bottom:.75rem;font-size:1rem}.instruction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.instruction-item{display:flex;align-items:center;gap:.5rem;color:var(--bi-text-muted);font-size:.85rem}.instruction-item i{color:var(--brand)}.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bi-surface);border-radius:12px;box-shadow:0 2px 8px #0000000d}.stat-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)}.stat-icon.win{background:linear-gradient(135deg,#56ab2f,#a8e063)}.stat-icon.lose{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-icon.best{background:linear-gradient(135deg,#f39c12,#f1c40f)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-label{font-size:.75rem;color:#888}.stat-info .stat-value{font-size:1.25rem;font-weight:700;color:var(--bi-text)}.result-modal-content{border-radius:20px;border:none}.result-emoji{font-size:4rem;margin-bottom:1rem}.result-message{font-size:1.25rem;color:#555;margin-bottom:1.5rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.result-stats .stat-item{background:var(--bi-surface-2);padding:1rem;border-radius:12px;color:var(--bi-text)}.result-stats .stat-label{display:block;font-size:.8rem;color:#888;margin-bottom:.25rem}.result-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--bi-text)}.hint-dot{animation:hintPulse 1s ease infinite}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.status-panel,.instruction-grid,.stats-panel{grid-template-columns:repeat(2,1fr)}.canvas-container{padding:.5rem}#gameCanvas{width:100%;max-width:400px;height:auto}}@media (max-width: 480px){.difficulty-options{flex-wrap:wrap}.difficulty-btn{padding:.4rem .75rem;font-size:.75rem}.game-controls{flex-wrap:wrap}.game-controls .btn{padding:.5rem 1rem;font-size:.85rem}}html[data-theme=dark] .game-subtitle,html[data-theme=dark] .stat-info .stat-label,html[data-theme=dark] .result-stats .stat-label{color:var(--bi-text-muted)}html[data-theme=dark] .difficulty-label,html[data-theme=dark] .result-message{color:var(--bi-text)}html[data-theme=dark] .canvas-container,html[data-theme=dark] .difficulty-bar,html[data-theme=dark] .game-instructions,html[data-theme=dark] .stat-card{box-shadow:0 2px 8px #0000004d;border:1px solid var(--bi-border)}
