:root{--bg:#0f0f12;--panel:#16181d;--panel-2:#1d2128;--text:#e8e8ea;--muted:#a0a3aa;--accent:#6ee7b7;--danger:#ff6b6b;--tile-size-easy:120px;--tile-size-medium:100px;--tile-size-hard:72px;--tile-size-dark:48px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 0%,#151821 0%,var(--bg) 60%);color:var(--text)}.wrap{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.title{font-size:22px;font-weight:700;letter-spacing:.2px}.muted{color:var(--muted);font-size:12px}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid #232734;border-radius:12px;padding:12px}.btn{background:#222633;border:1px solid #2a2f3d;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn.primary{background:#243b2f;border-color:#2a5a44;color:#d9ffe8}.btn.danger{background:#3a2427;border-color:#5a2a2f;color:#ffe1e4}.btn.ghost{background:transparent;border-color:#2a2f3d}.select,.input{background:#1b1f2a;border:1px solid #2a2f3d;color:var(--text);padding:8px 10px;border-radius:10px}.grid{--tile-size: var(--tile-size-medium);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-size),1fr));gap:10px}.grid.easy{--tile-size: var(--tile-size-easy)}.grid.medium{--tile-size: var(--tile-size-medium)}.grid.hard{--tile-size: var(--tile-size-hard)}.grid.dark{--tile-size: var(--tile-size-dark)}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.scores{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border:1px solid #2a2f3d;border-radius:999px;background:#1b1f2a;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(720px,calc(100% - 24px));background:var(--panel);border:1px solid #232734;border-radius:12px;padding:16px;box-shadow:0 10px 30px #0006}@media (max-width: 480px){.title{font-size:18px}.btn{padding:6px 10px}}.card[data-v-90bf4a60]{position:relative;width:100%;aspect-ratio:3/4;border:0;background:transparent;padding:0;perspective:700px;cursor:pointer}.card[data-v-90bf4a60]:disabled{opacity:.8;cursor:default}.inner[data-v-90bf4a60]{position:absolute;inset:0;border-radius:12px;border:1px solid #2a2f3d;background:#16181d;transform-style:preserve-3d;transition:transform .5s ease;box-shadow:0 2px 12px #00000040,inset 0 -20px 40px #0003}.card.flipped .inner[data-v-90bf4a60],.card.matched .inner[data-v-90bf4a60]{transform:rotateY(180deg)}.face[data-v-90bf4a60]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden}.front[data-v-90bf4a60]{transform:rotateY(180deg);overflow:hidden}.front img[data-v-90bf4a60]{width:100%;height:100%;object-fit:cover;display:block}.back[data-v-90bf4a60]{background:linear-gradient(180deg,#1b1f29,#12151c);font-size:calc(24px + 1.2vmin);color:#6d7484;font-weight:800;letter-spacing:1px}.card.matched .inner[data-v-90bf4a60]{outline:2px solid #2a5a44;box-shadow:0 0 0 2px #6ee7b726 inset,0 8px 20px #00000059}.gh[data-v-96c73813]{display:inline-flex;align-items:center;gap:8px;background:#16181d;border:1px solid #2a2f3d;color:#e8e8ea;padding:6px 10px;border-radius:10px;text-decoration:none}.gh[data-v-96c73813]:hover{filter:brightness(1.06)}.logo[data-v-96c73813]{display:block;color:#c9d1d9}.label[data-v-96c73813]{font-size:13px;color:#c9d1d9}.stars[data-v-96c73813]{font-size:12px;color:#a0a3aa;background:#1b1f2a;border:1px solid #2a2f3d;padding:2px 6px;border-radius:999px}