:root{color-scheme:light;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;--ink: #1c1b1a;--muted: #5c5a57;--accent: #c56b2f;--accent-dark: #8d481f;--surface: #f7f2ea;--surface-strong: #ffffff;--border: #e2d8cc;--shadow: 0 18px 50px rgba(44, 32, 18, .18)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff4e7,#f5efe4 35%,#efe6d8);color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:32px clamp(20px,5vw,64px) 12px}.app-header h1{margin:4px 0 0;font-size:clamp(1.8rem,3vw,2.5rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700;color:var(--accent-dark);margin:0}.donate{background:var(--accent);color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:600;box-shadow:0 12px 30px #c56b2f4d}.app-main{flex:1;padding:0 clamp(20px,5vw,64px) 48px}.panel{background:var(--surface-strong);padding:clamp(20px,3vw,36px);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow)}.panel+.panel{margin-top:24px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.panel-actions{display:flex;gap:12px;flex-wrap:wrap}h2{margin:8px 0 0;font-size:clamp(1.4rem,2.4vw,2rem)}h3{margin-top:0}.lead{font-size:1.05rem;color:var(--muted)}.muted{color:var(--muted);margin:6px 0 0}.deck-grid{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.deck-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease}.deck-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2c20122e}.deck-title{font-weight:700;font-size:1rem}.deck-count{color:var(--muted);font-size:.85rem}.mode-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card{padding:20px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,#fff9f2,#f8efe2);text-align:left;cursor:pointer}.mode-card h3{margin-bottom:8px}.primary{border:none;background:var(--accent);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 12px 28px #c56b2f4d}.ghost{border:1px solid var(--border);background:transparent;color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.card-thumb{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left}.card-thumb img{width:100%;border-radius:12px;object-fit:cover}.card-view{margin-top:28px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;background:#fff8f0;border-radius:22px;padding:20px;border:1px solid var(--border)}.flip-card{width:100%;perspective:1200px}.flip-card-button{border:none;padding:0;background:transparent;width:100%;cursor:pointer}.flip-card-inner{position:relative;width:100%;aspect-ratio:3 / 5;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;overflow:hidden;background:#f7f2ea;box-shadow:0 14px 30px #2c201233}.flip-card-back{transform:rotateY(180deg)}.flip-card-face img{width:100%;height:100%;object-fit:contain}.card-actions{display:flex;gap:12px;flex-wrap:wrap}.random-actions{margin-bottom:20px}.app-footer{padding:20px clamp(20px,5vw,64px) 40px;color:var(--muted)}.version{font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;margin-top:8px}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start;gap:16px}.donate{width:100%;text-align:center}}@media(min-width:1024px)and (min-height:800px){.app-main{padding-bottom:24px}.card-view{max-height:calc(100vh - 220px)}.card-image{max-height:calc(100vh - 260px)}.flip-card{max-width:min(40vw,440px);margin:0 auto}.flip-card-inner{height:min(64vh,720px);width:auto;margin:0 auto}.card-details{max-width:420px}}