.card-game-wrapper{max-width:900px}.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:var(--brand)}.game-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.mode-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.mode-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border:2px solid var(--bi-border);border-radius:12px;background:var(--bi-surface);cursor:pointer;transition:all .3s ease}.mode-btn:hover{border-color:var(--brand);transform:translateY(-2px)}.mode-btn.active{border-color:var(--brand);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff}.mode-btn i{font-size:1.5rem;margin-bottom:.25rem}.mode-btn span{font-size:.875rem;font-weight:600}.mode-btn small{font-size:.7rem;opacity:.8}.difficulty-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:var(--bi-surface);border-radius:10px;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:.4rem .75rem;border:1px solid #ddd;border-radius:20px;background:var(--bi-surface);font-size:.8rem;cursor:pointer;transition:all .2s ease}.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}.theme-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bi-surface);border-radius:10px;box-shadow:0 2px 8px #0000000d}.theme-label{font-weight:600;color:#555;white-space:nowrap}.theme-options{display:flex;gap:.5rem;flex-wrap:wrap}.theme-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;border:1px solid #ddd;border-radius:20px;background:var(--bi-surface);font-size:.8rem;cursor:pointer;transition:all .2s ease}.theme-btn:hover{border-color:var(--brand)}.theme-btn.active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;border-color:transparent}.theme-icon{font-size:1rem}.status-panel{display:grid;grid-template-columns:repeat(5,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}.power-ups{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.power-up-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border:2px solid var(--bi-border);border-radius:12px;background:var(--bi-surface);cursor:pointer;transition:all .2s ease;position:relative}.power-up-btn:hover:not(:disabled){border-color:var(--brand);transform:translateY(-2px)}.power-up-btn:disabled{opacity:.5;cursor:not-allowed}.power-up-btn i{font-size:1.25rem;color:var(--brand)}.power-up-btn span{font-size:.75rem;color:#555}.power-up-btn .count{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#e74c3c;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.game-board-container{display:flex;justify-content:center;margin-bottom:1.5rem;min-height:300px}.game-board{display:grid;gap:.75rem;padding:1rem;background:var(--bi-surface);border-radius:16px;box-shadow:0 4px 20px #0000001a}.card-item{width:70px;height:70px;perspective:1000px;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-item.flipped .card-inner,.card-item.matched .card-inner{transform:rotateY(180deg)}.card-item.matched .card-front{background:linear-gradient(135deg,#56ab2f,#a8e063);animation:matchPulse .5s ease}.card-face{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 8px #0000001a}.card-back{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);border:2px solid #fff}.card-back:after{content:"?";font-size:1.5rem;color:#fffc;font-weight:700}.card-front{background:linear-gradient(135deg,#fff,#f5f5f5);transform:rotateY(180deg);border:2px solid var(--bi-border)}.card-item:hover:not(.flipped):not(.matched) .card-inner{transform:scale(1.05)}.card-item.disabled{pointer-events:none}.combo-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#f39c12;text-shadow:0 0 20px rgba(243,156,18,.5);pointer-events:none;animation:comboPopup 1s ease forwards;z-index:9999}@keyframes comboPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-50px)}}@keyframes matchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-item.hint .card-back{animation:hintPulse 1s ease infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 #ffc107b3}50%{box-shadow:0 0 0 10px #ffc10700}}.game-board.frozen{filter:blur(2px);pointer-events:none}.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}.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)}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.pause-content{text-align:center;color:#fff}.pause-content i{font-size:5rem;margin-bottom:1rem}.pause-content h3{font-size:2rem;margin-bottom:1.5rem}.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(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{background:var(--bi-surface-2);padding:1rem;border-radius:12px}.stat-label{display:block;font-size:.8rem;color:#888;margin-bottom:.25rem}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--bi-text)}.star-rating{font-size:2rem;color:#ffc107;margin-bottom:1rem}.star-rating i{margin:0 .25rem}.game-board.easy,.game-board.medium{grid-template-columns:repeat(4,1fr)}.game-board.hard,.game-board.expert{grid-template-columns:repeat(6,1fr)}.time-progress{width:100%;height:6px;background:var(--bi-border);border-radius:3px;margin-bottom:1rem;overflow:hidden}.time-progress-bar{height:100%;background:linear-gradient(90deg,#56ab2f,#a8e063);border-radius:3px;transition:width 1s linear}.time-progress-bar.warning{background:linear-gradient(90deg,#f39c12,#f1c40f)}.time-progress-bar.danger{background:linear-gradient(90deg,#e74c3c,#c0392b)}@media (max-width: 768px){.mode-selector{grid-template-columns:repeat(2,1fr)}.status-panel{grid-template-columns:repeat(3,1fr)}.instruction-grid{grid-template-columns:repeat(2,1fr)}.card-item{width:60px;height:60px}.card-face{font-size:1.5rem}}@media (max-width: 480px){.card-item{width:50px;height:50px}.card-face{font-size:1.25rem}}html[data-theme=dark] .card-game-wrapper .game-subtitle,html[data-theme=dark] .card-game-wrapper .difficulty-label,html[data-theme=dark] .card-game-wrapper .theme-label,html[data-theme=dark] .card-game-wrapper .power-up-btn span,html[data-theme=dark] .card-game-wrapper .result-message{color:var(--bi-text)}html[data-theme=dark] .card-game-wrapper .stat-label{color:var(--bi-text-muted)}html[data-theme=dark] .card-game-wrapper .difficulty-btn,html[data-theme=dark] .card-game-wrapper .theme-btn{border-color:var(--bi-border)}
