*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background:#0d0a1a;min-height:100vh;font-family:system-ui,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#1a1230;border-bottom:1px solid #2d1f5e;justify-content:space-between;align-items:center;min-height:5.5rem;padding:1rem 2rem;display:flex;position:relative}.header-left,.header-right{flex:1}.title-area{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.back-link{color:#a78bfa;font-size:.9rem;text-decoration:none}.back-link:hover{color:#a78bfa}h1{font-size:1.5rem;font-weight:700}.badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.badge{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}main{flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.stats{color:#a78bfa;flex-wrap:wrap;justify-content:center;gap:2rem;font-size:1rem;display:flex}.win-banner{color:#22c55e;text-align:center;background:#052e16;border:1px solid #22c55e;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;display:flex}.btn{color:#0d0a1a;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700}.btn:hover{background:#a78bfa}@media (width<=480px){.header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.header-left,.header-right{flex:none}.title-area{order:-1;width:100%}h1{font-size:1.2rem}}.btn-sm{color:#8b5cf6;cursor:pointer;background:0 0;border:1px solid #8b5cf6;border-radius:8px;padding:3px 12px;font-size:.8rem;font-weight:700}.btn-sm:hover{color:#a78bfa;background:#8b5cf626}.header-right{flex:1;justify-content:flex-end;display:flex}.stats-mini{color:#8b5cf6;white-space:nowrap;font-size:.75rem}.win-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0a1ae0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-modal{background:#1a1230;border:2px solid #22c55e;border-radius:1.25rem;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:340px;padding:2.5rem 3rem;display:flex}.win-emoji{font-size:3rem;line-height:1}.win-title{color:#22c55e;margin:0;font-size:1.75rem;font-weight:800}.win-stats{gap:2rem;margin:.5rem 0;display:flex}.win-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.win-stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.win-stat-label{color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.win-records{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.record-badge{color:#eab308;background:#eab30826;border:1px solid #eab308;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.win-history{color:#6b7280;font-size:.8rem}.overlay-enter-active,.overlay-leave-active{transition:opacity .2s}.overlay-enter-from,.overlay-leave-to{opacity:0}.card[data-v-fd594d02]{perspective:1000px;cursor:pointer;aspect-ratio:1}.card-inner[data-v-fd594d02]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.card.flipped .card-inner[data-v-fd594d02]{transform:rotateY(180deg)}.card-front[data-v-fd594d02],.card-back[data-v-fd594d02]{backface-visibility:hidden;-webkit-user-select:none;user-select:none;background:#1a1230;border:2px solid #2d1f5e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.card-back[data-v-fd594d02]{background:#0d0a1a;gap:6px;transform:rotateY(180deg)}.card.matched .card-front[data-v-fd594d02],.card.matched .card-back[data-v-fd594d02]{background:#052e16;border-color:#22c55e}.label[data-v-fd594d02]{color:#a78bfa;font-size:.65rem}.card-svg[data-v-fd594d02]{justify-content:center;align-items:center;display:flex}.card-svg svg[data-v-fd594d02]{width:48px;height:48px}.card-img[data-v-fd594d02]{object-fit:contain;width:2rem;height:2rem}.board[data-v-aa06c2e7]{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:480px;margin:0 auto;display:grid}@media (width<=480px){.board[data-v-aa06c2e7]{grid-template-columns:repeat(2,1fr);gap:8px}}