:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.action-button{font-size:.85em;padding:.4em .8em;background-color:#222;color:#fff}button:hover{filter:drop-shadow(0 0 2em #747bff)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#1a1a1a;padding:1.5em;border-radius:8px;box-shadow:0 4px 12px #00000080;width:320px;max-width:90%}@media (max-width: 600px){.mtg-rules-content{column-count:1!important}body{overflow:hidden}.App{transform:rotate(90deg) translateY(-100%);transform-origin:top left;position:absolute;top:0;left:0;width:100vh;height:100vw;overflow:auto}}.modal-header{font-size:1.25em;margin-bottom:.75em;font-weight:500}.modal-body .input-field{width:100%;padding:.6em;border:1px solid #444;border-radius:4px;background-color:#242424;color:#ffffffde;font-size:1em;margin-bottom:1em}.modal-footer{display:flex;justify-content:flex-end;gap:.5em}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#000}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.App-logo{display:block;margin-left:auto;margin-right:auto;margin-top:0}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.menu-bar{width:100%;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:0}.menu-left,.menu-right{display:flex;flex-direction:column;gap:1em}.menu-left{margin-right:0}.menu-right{margin-left:0}.menu-left a,.menu-right a{color:#fff;text-decoration:none;font-weight:700;font-size:1.2em;padding:0 .5em}.menu-left a:hover,.menu-right a:hover{text-decoration:underline}.menu-btn{background:#222;color:#fff;border:none;border-radius:6px;padding:.7em 0;font-size:1em;font-weight:700;cursor:pointer;margin:.2em 0;transition:background .2s;box-shadow:none;width:180px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.menu-btn:hover{background:#444;filter:drop-shadow(0 0 2em #3940ca)}.all-button-hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background:#444!important;filter:drop-shadow(0 0 2em #3940ca)!important}.menu-btn.active{background:#444;color:#bbb;cursor:default}footer{color:#bbb;text-align:center;padding:.5em 0;margin-top:0;margin-bottom:0;font-size:1em}.upload-card{background:#181818;border-radius:12px;padding:1.5em;margin:1.5em auto;max-width:400px;box-shadow:0 2px 12px #0006}.upload-card input[type=file]{display:none}.upload-card label{display:inline-block;background:#222;color:#fff;border:none;border-radius:6px;padding:.7em 1.2em;font-size:1em;font-weight:700;cursor:pointer;margin:.2em 0;transition:background .2s}.upload-card label:hover{background:#444;filter:drop-shadow(0 0 2em #3940ca)}@media (max-width: 700px){.upload-card{max-width:95vw;padding:1em}}.template-run-card{background:#181818;border-radius:12px;padding:1em;margin:1.5em auto;max-width:400px;box-shadow:0 2px 12px #0006;display:flex;flex-direction:column;gap:1em;align-items:center}@media (max-width: 700px){.template-run-card{max-width:95vw;padding:1em}}@media (max-width: 700px){.menu-bar{flex-direction:row;gap:.75em;padding:.5em 0;align-items:center;justify-content:space-between;flex-wrap:nowrap}.menu-left,.menu-right{flex-direction:column;gap:.5em;margin:0;align-items:flex-start}.App-logo{width:180px!important;margin:0 auto}.images{flex-direction:column!important;gap:1em!important}.images img{width:90vw!important;max-width:320px;height:auto}}.preview-img:hover{z-index:2;box-shadow:0 4px 24px #000a}.reference-row img{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s}.reference-row img:hover{transform:scale(3.2);z-index:3;box-shadow:0 4px 24px #000a}