.app-memory-board{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));padding:1.5rem;max-width:64rem;margin:auto}.app-memory-board header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--border))}.app-memory-board header h1{font-size:1.25rem;font-weight:600}.app-memory-board .controls{display:flex;gap:.5rem}.board-wrap{display:flex;gap:1.5rem;flex-wrap:wrap}.board{flex:3;min-width:300px}.info{flex:1;min-width:200px}.grid{display:grid;gap:.75rem;background-color:hsl(var(--muted)/.5);padding:.75rem;border-radius:var(--radius)}.card{width:100%;aspect-ratio:5/7;border-radius:calc(var(--radius) / 2);display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;font-size:1.5rem;font-weight:700;cursor:pointer;user-select:none;background-color:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.card.back{background-image:repeating-linear-gradient(45deg,hsl(var(--primary)/.1),hsl(var(--primary)/.1) 10px,hsl(var(--primary)/.15) 10px,hsl(var(--primary)/.15) 20px);border:1px dashed hsl(var(--border))}.card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.rank{font-size:1.2em}.suit{font-size:1em;align-self:flex-end}.suit-red{color:hsl(0,84.2%,60.2%)}.suit-black{color:hsl(var(--foreground))}.message{margin-top:1rem;text-align:center;min-height:1.5rem;color:hsl(var(--muted-foreground))}.palette{display:flex;flex-wrap:wrap;gap:.5rem;background-color:hsl(var(--muted)/.5);padding:.75rem;border-radius:var(--radius);margin-top:.5rem}.p-card{width:60px;height:84px;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) / 2);padding:.25rem;cursor:pointer;background-color:hsl(var(--background));transition:all .2s;display:flex;flex-direction:column;justify-content:space-between;font-weight:600}.p-card .rank{font-size:1rem}.p-card .suit{font-size:.9rem;align-self:flex-end}.p-card.selected,.p-card:hover{transform:scale(1.05);border-color:hsl(var(--primary))}.p-card.selected{box-shadow:0 0 0 2px hsl(var(--primary))}.panel{background-color:hsl(var(--muted)/.5);padding:1rem;border-radius:var(--radius);height:100%}#score,.timer{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;font-family:monospace}.small{font-size:.8rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.card.correct{background-color:hsl(140,80%,92%);border-color:hsl(140,60%,50%)}.card.wrong{background-color:hsl(0,80%,92%);border-color:hsl(0,70%,50%);animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.dark .card.correct{background-color:hsl(140,40%,20%);border-color:hsl(140,50%,60%)}.dark .card.wrong{background-color:hsl(0,40%,20%);border-color:hsl(0,50%,60%)}