*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{min-block-size:100svh;margin:0;line-height:1.5}img,picture,video,canvas,svg{block-size:auto;max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;margin:0}fieldset{min-inline-size:0}table{border-collapse:collapse;border-spacing:0}input,textarea,select{display:block}input[type=checkbox]{display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--content-width:55rem;--page-gutter:1rem;--section-gap:4rem;--grid-gap:1.5rem;--card-padding:1.25rem;--card-radius:.625rem;--card-image-width:244px;--card-image-height:340px;--card-image-radius:4.75% / 3.5%;--card-image-ratio:244 / 340;--small-radius:.25rem;--control-height:2.75rem;--input-height:2rem;--transition-fast:.15s ease;--background:var(--lightningcss-light,#6b4f97)var(--lightningcss-dark,#211e20);--surface:var(--lightningcss-light,#7558a5)var(--lightningcss-dark,#2b282a);--text:var(--lightningcss-light,#fff7c7)var(--lightningcss-dark,#e9efec);--text-muted:var(--lightningcss-light,#e0d8ae)var(--lightningcss-dark,#9fa8a3);--accent:var(--lightningcss-light,#97f6cb)var(--lightningcss-dark,#c4c4aa);--accent-hover:var(--lightningcss-light,#68c49c)var(--lightningcss-dark,#a0a08b);--accent-text:var(--lightningcss-light,#3f2d5f)var(--lightningcss-dark,#211e20);--border:var(--lightningcss-light,#ffffff2e)var(--lightningcss-dark,#555568);--shadow:var(--lightningcss-light,#2d1c4659)var(--lightningcss-dark,#00000059)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-reduced-motion:no-preference){html,body{scroll-behavior:smooth}}body{background-color:var(--background);color:var(--text);max-width:var(--content-width);padding:var(--page-gutter);margin:0 auto;font-size:16px;font-weight:400;line-height:1.5}h1{margin-top:0;margin-bottom:1.2rem;font-size:2rem;line-height:1.2}h2{margin-top:0;margin-bottom:1.25rem;font-size:1.8rem;line-height:1.25}h3{margin-top:0;margin-bottom:1.3rem;font-size:1.6rem;line-height:1.3}h4{margin-top:0;margin-bottom:1.3rem;font-size:1.4rem;line-height:1.3}h5{margin-top:0;margin-bottom:1.35rem;font-size:1.1rem;line-height:1.35}h6{margin-top:0;margin-bottom:1.4rem;font-size:1rem;line-height:1.4}mark{background-color:var(--text);color:var(--background);border-radius:var(--small-radius);transition:background-color var(--transition-fast);padding:.125rem .25rem;font-weight:900}mark:hover{background-color:var(--accent)}a,summary{color:var(--accent);transition:color var(--transition-fast)}a:hover,a:focus,summary:hover,summary:focus{color:var(--accent-hover)}a:focus,details[open] a,summary:focus,details[open] summary{outline:1px dashed var(--accent-hover);outline-offset:3px}a[href=\#top],summary[href=\#top]{z-index:5;margin-bottom:0;padding:.125rem;position:sticky;inset:3rem 0 1rem 100%}a[href=\#top],.color-scheme-toggle{transition:all var(--transition-fast);border-radius:var(--small-radius);z-index:1;border:none;font-size:1.8rem}a[href=\#top]:hover,.color-scheme-toggle:hover{color:var(--background);background-color:var(--accent-hover)}strong,b{font-weight:900}p{margin-top:0;margin-bottom:1.125rem}nav ul{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}nav li{margin:0 .625rem}@media screen and (width<=42rem){nav li{margin:.625rem}}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{position:relative}footer{border-top:1px dotted var(--border);text-align:center;margin-top:2rem;padding-top:2rem;font-size:.875rem}footer p,footer nav{margin-bottom:.5rem}section{margin-bottom:var(--section-gap)}section h1{font-size:3.5rem}section h2{font-size:2.5em}section h1,section h2{text-align:center;margin:8vh 0 5vh}details[open] summary{font-weight:900}details{width:100%}details>summary{cursor:pointer;margin-bottom:0}.icon{--size:1em;vertical-align:-.15em;inline-size:var(--size);block-size:var(--size);flex:none;display:inline-block}.icon.md{--size:2rem}.icon.lg{--size:3rem}.icon.flip-h{transform:rotateY(180deg)}.icon.flip-v{transform:rotateX(180deg)}.icon.rot-90{transform:rotate(90deg)}.icon.rot--90{transform:rotate(-90deg)}@keyframes hourglass{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.hourglass{animation:hourglass var(--spin-duration,3s) ease-in-out infinite}input[type=text],input[type=search],input[type=number],textarea,select{border:1px solid var(--border);border-radius:var(--small-radius);color:#333;max-width:100%;height:var(--input-height);background-color:#f0f0f0;padding:.25rem .5rem}input[type=text]:hover,input[type=search]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:1px dashed var(--background);outline-offset:-3px}textarea{resize:vertical;width:100%;height:auto}select option{padding:.25rem .5rem}button{cursor:pointer}.form-group{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}label{font-weight:600}.file-input{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.file-input input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-input:focus-within label{outline:1px dashed var(--background);outline-offset:-3px}.file-input label{cursor:pointer}.file-input .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Inconsolata,monospace;font-style:normal}.btn{border:1px solid var(--border);border-radius:var(--small-radius);max-width:100%;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);color:var(--accent-text);background-color:var(--accent);align-items:center;gap:.5rem;padding:.25rem .5rem;display:inline-flex}.btn.block{width:100%}.btn.sm{font-size:.75em}.btn.md{font-size:1.125em}.btn.danger{color:var(--text);background-color:var(--lightningcss-light,#a6425b)var(--lightningcss-dark,#7f394b);border-color:var(--lightningcss-light,#c7657b)var(--lightningcss-dark,#ad596d)}.btn.danger:hover:not(:disabled),.btn.danger:focus:not(:disabled){color:var(--text);background-color:var(--lightningcss-light,#8f354d)var(--lightningcss-dark,#98455a);border-color:var(--lightningcss-light,#b95168)var(--lightningcss-dark,#c56c80)}.btn:hover:not(:disabled),.btn:focus:not(:disabled){color:var(--text);background-color:var(--accent-hover);border-color:var(--accent)}.btn:focus:not(:disabled){outline:1px dashed var(--background);outline-offset:-3px}.btn:disabled{background-color:var(--surface);color:var(--text);cursor:not-allowed}.btn:disabled.load{cursor:wait}#cards-result,.printing-settings{width:calc(100vw - var(--page-gutter) - var(--page-gutter));margin-inline:calc(50% - 50vw + var(--page-gutter))}.cardList{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--card-image-width) + 2rem), 1fr));gap:2rem 1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.cardList p strong,.cardList p span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cardList p strong{height:1.5rem}.cardList p{margin:0;padding:0}.cardList p span{color:var(--text-muted);height:1rem;font-size:.8em}.cardList .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);flex-direction:column;gap:.675rem;padding:1rem;display:flex;position:relative;overflow:hidden}.cardList .card-image{border-radius:var(--card-image-radius);box-shadow:10px 5px 15px 0px var(--shadow);background:var(--surface) url(/mtg-proxy/assets/placeholder-BEuzwzx9.webp) center/cover;width:min(100%, var(--card-image-width));height:auto;aspect-ratio:var(--card-image-ratio);margin:0 auto;position:relative;overflow:hidden}.cardList .card-image img{object-fit:cover;border-radius:var(--card-image-radius);width:100%;height:100%;position:inherit;z-index:1;display:block}.cardList .card-image .loading{z-index:2;color:var(--accent-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardList small{text-align:center;display:inline-block}.cardList .change-printing{position:relative}.cardList .change-printing .btn.block{justify-content:center}.cardList .form{border-radius:var(--small-radius);z-index:3;pointer-events:none;opacity:0;background-color:#000000d9;width:100%;max-height:0;padding:0 1rem;transition:max-height .2s,padding .2s,opacity .15s,transform .2s;position:absolute;bottom:0;overflow:hidden}.cardList .form.open{opacity:1;pointer-events:auto;max-height:20rem;padding:1rem}.cardList .form button{position:absolute;top:-1px;right:-1px}.card-list-input{position:relative}.card-list-input>button{z-index:1;position:absolute;bottom:0;right:0}.card-suggestions{z-index:3;background:var(--background);border:1px solid var(--border);border-radius:var(--small-radius);max-height:15rem;box-shadow:0 10px 10px 3px var(--shadow);margin:0;padding:.5rem;position:absolute;left:0;right:0;overflow-y:auto}.card-suggestions li{border-bottom:1px dotted var(--border);margin:.125rem 0;padding:.125rem 0;list-style:none}.card-suggestions li:last-child{border-bottom:none}.card-suggestions button{border-radius:var(--small-radius);text-align:left;width:100%;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:none;padding:.25rem .5rem;position:static}.card-suggestions button.active,.card-suggestions button:hover,.card-suggestions button:focus{background-color:var(--accent-hover);outline:1px dashed var(--background);outline-offset:-3px}.meh{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.meh .actions{border-top:1px dotted var(--border);gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.meh .actions .btn{flex-grow:1;justify-content:center}.printing-settings{z-index:4;background-color:var(--background);align-items:center;gap:1rem;padding:.5rem 0;display:inline-flex;position:sticky;top:0}.printing-settings details summary,.printing-settings details{width:100%}.printing-settings details .wrapper{align-items:center;gap:1rem;padding-top:.5rem;display:flex}.printing-settings details input[type=checkbox]{margin-right:.5rem}.previous-lists ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){.form{transition:none}.hourglass{animation:none}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.color-scheme-toggle{color:var(--accent);cursor:pointer;z-index:5;background:0 0;padding:.25rem .75rem;position:fixed;inset-block-end:1rem;inset-inline-start:1rem}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.gap-0{gap:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.gap-1{gap:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.gap-2{gap:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pb-3{padding-bottom:1rem!important}.gap-3{gap:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.gap-4{gap:1.5rem!important}.m-5{margin:2rem!important}.mt-5{margin-top:2rem!important}.mb-5{margin-bottom:2rem!important}.p-5{padding:2rem!important}.pt-5{padding-top:2rem!important}.pb-5{padding-bottom:2rem!important}.gap-5{gap:2rem!important}.text-muted{color:var(--text-muted)}
