/* /mtgFlashcards/style.css — inherits version from index.php */
:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0a101a;color:#edf2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#182b47,transparent 55%),#0a101a}.app{max-width:1700px;margin:auto;padding:28px clamp(12px,3vw,48px)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.eyebrow{color:#79bff6;letter-spacing:.16em;font-size:11px;font-weight:800}h1{font-size:clamp(32px,4vw,50px);margin:4px 0}h2{font-size:18px;margin:0}.lede,.help{color:#a9b8cf}.headright{display:grid;justify-items:end;gap:12px}.headright a,footer a{color:#8dd4ff}.headright small{color:#7b91aa}.controls,.toolbar,.workspace aside,.workspace .study{background:#121f30;border:1px solid #29415a;border-radius:14px}.controls{padding:16px;display:flex;flex-wrap:wrap;align-items:end;gap:14px}.controls label{display:grid;gap:6px;font-size:12px;color:#acc1dd}.controls select{min-width:190px}.controls input[type=range]{width:175px;accent-color:#63bcf4}select,input,button{font:inherit}select,input:not([type=range]){border:1px solid #47617e;background:#091625;color:#f2f5ff;padding:9px 11px;border-radius:8px}button{border:1px solid #547da4;background:#204569;color:#fff;padding:9px 12px;border-radius:8px;cursor:pointer}button:hover{background:#32618d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #91dcff;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:7px}.danger{border-color:#93596a;background:#532c3e}.toolbar{margin:15px 0;padding:12px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center}.toolbar>div{display:flex;gap:7px;flex-wrap:wrap}#status{color:#b3c9e1;font-size:13px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:15px;align-items:start}.workspace aside,.workspace .study{padding:18px;min-height:450px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.library{max-height:68vh;overflow:auto;display:grid;gap:5px;padding-right:4px}.libcard{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#1b3048;border-radius:8px}.libcard span{font-size:13px}.libcard button{white-space:nowrap;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:13px;align-items:start}.flashcard{position:relative;background:#0d1725;border:1px solid #3b5877;border-radius:12px;padding:8px;min-width:0;cursor:grab}.flashcard.dragging{opacity:.4}.flashcard.over{outline:3px solid #65ccff}.flashcard img{width:100%;height:auto;aspect-ratio:488/680;object-fit:contain;border-radius:9px;background:#111e2e}.flashcard .face{display:block;width:100%;padding:0;border:0;background:transparent}.flashcard .face:hover{background:transparent}.flashcard .details{padding:12px;min-height:270px;aspect-ratio:488/680;overflow:auto;text-align:left;background:linear-gradient(160deg,#1e3248,#0c1522);border-radius:8px;color:#edf2ff}.details strong{display:block;margin-bottom:9px}.details p{white-space:pre-wrap;line-height:1.5;font-size:13px}.details small{color:#9ecbf1}.flashfoot{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:8px 2px 1px;font-size:12px;min-height:35px}.flashfoot button{padding:3px 9px}.empty{color:#92a9bf;padding:20px;border:1px dashed #49647d;border-radius:10px}footer{margin-top:22px;color:#94acc6;font-size:12px}@media(max-width:860px){.workspace{grid-template-columns:1fr}.library{max-height:220px}.headright{justify-items:start}header{align-items:start}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:490px){header{flex-direction:column}.controls label,.controls select{width:100%}.toolbar{align-items:start;flex-direction:column}}