*{box-sizing:border-box}html{--white: #FFFFFF;--cloud: #CDC8C2;--boulder: #7D7D7D;--mine-shaft: #3F3F3F;--black-russian: #010006;--deep-koamaru: #13258B;--cutty-sark: #58877B;--salt-box: #6D6275;--millbrook: #544A2C}:root{font-family:Ubuntu Mono,monospace;line-height:1.5;font-weight:400;color:var(--black-russian);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--deep-koamaru);text-decoration:inherit}a:hover{text-decoration:underline}html,body{margin:0;min-width:320px;width:100%;min-height:100%!important;height:100%}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--cloud);padding:8px;border-top:2px solid var(--white);border-left:2px solid var(--white);border-bottom:3px solid var(--boulder);border-right:3px solid var(--boulder);cursor:pointer}button:hover{box-shadow:2px 2px 0 0 var(--mine-shaft)}button:focus{outline:2px solid var(--black-russian)!important}@media (pointer: coarse),(hover: none){[title]{position:relative;display:inline-flex;justify-content:center}[title]:focus:after{content:attr(title);position:absolute;top:-130%;color:var(--white);background-color:var(--mine-shaft);border:1px solid;width:fit-content;text-wrap:nowrap;padding:3px}}#app{width:100%;max-width:1200px;height:fit-content;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;overflow:visible;margin:0 auto}#assistant{width:100%;display:flex;flex-direction:row;gap:16px;overflow:auto;padding:4px}#assistant.full{height:900px}#assistant.empty{height:250px}.collapsable-card{width:100%;max-width:488px;height:auto;cursor:pointer;display:flex}.collapsable-card img{width:100%;height:auto;border:solid 4px var(--mine-shaft);border-radius:5%}.collapsable-card img:hover{border-color:var(--white)}.collapsable-card.collapsed img{margin-bottom:-123%}.collapsable-card.expanded img{margin-bottom:11px;border-color:var(--accent-color)}.scryfall-button{cursor:alias}@media (max-width: 850px) or (max-height: 550px){#assistant{flex-basis:fit-content;flex-direction:column}#assistant.full{height:fit-content}}#currently-selected{flex:1 1 0;height:100%}#currently-selected .window{--accent-color: var(--salt-box)}#currently-selected>.window>.window-body{background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);height:calc(100% - 32px);overflow:auto;padding:11px;display:flex;flex-direction:column;align-items:center}#currently-selected>.window>.window-footer{display:flex;justify-content:space-evenly}@media (max-width: 850px) or (max-height: 550px){#currently-selected{max-height:650px}}.window{--accent-color: var(--deep-koamaru);width:100%;height:100%;background-color:var(--cloud);padding:9px 11px 19px;border-bottom:3px solid var(--boulder);border-right:3px solid var(--boulder);box-shadow:2px 2px 2px 2px var(--mine-shaft),-2px -2px 2px 2px var(--white);display:flex;flex-direction:column;gap:9px}.window.minimized{height:fit-content}.window .window-header{height:29px;width:100%;flex:0 0 auto;background-color:var(--accent-color);color:var(--white);font-weight:700;padding:5px 6px;display:flex;align-items:center;justify-content:space-between}.window .window-header .button-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:6px}.window .window-header .button{width:22px;height:19px;background-color:var(--cloud);border-top:2px solid var(--white);border-left:2px solid var(--white);border-bottom:2px solid var(--boulder);border-right:2px solid var(--boulder);box-shadow:2px 2px 0 0 var(--mine-shaft);display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:14px;color:var(--black-russian);cursor:pointer}.window .window-header .button:focus{outline:2px solid var(--black-russian)!important}.window .window-body{width:100%;height:100%;background-color:var(--white);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);flex-grow:1}.window .window-footer{flex:0 0 auto}.window .brand{font-size:10px;color:var(--mine-shaft);display:flex;flex-direction:row;justify-content:flex-end;margin-top:-8px;margin-bottom:-19px;margin-right:-1px}.window .brand a{color:var(--mine-shaft)!important;text-decoration:none!important;cursor:pointer}.window .brand a:hover{color:var(--accent-color)!important;text-decoration:underline!important}.minimize-button svg{stroke:var(--black-russian);stroke-width:2px;fill:none}.popup{max-height:100%;max-width:600px;width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup .window-body{max-height:536px;height:calc(100% - 64px);background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);padding:11px;overflow:auto}.popup .window .window-footer{display:flex;flex-direction:column;padding-top:11px;align-items:center;gap:16px}.popup button{padding:9px 19px}#recommendations{flex:1 1 0;height:100%}#recommendations .window{--accent-color: var(--millbrook)}#recommendations>.window>.window-body{background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);height:calc(100% - 120px);overflow:auto;padding:11px;display:flex;flex-direction:column;align-items:center}#recommendations>.window>.window-footer{display:flex;flex-direction:column;gap:9px}#recommendations>.window>.window-footer>.card-bar{display:flex;justify-content:space-evenly}#recommendations>.window>.window-footer>.generation-bar{display:flex;flex-direction:row;padding-top:19px;align-items:center;justify-content:space-evenly;gap:16px}@media (max-width: 850px) or (max-height: 550px){#recommendations{max-height:700px}}.range{background-color:var(--cloud);width:100%;max-width:256px;height:64px;border-top:2px solid var(--white);border-left:2px solid var(--white);border-bottom:2px solid var(--boulder);border-right:2px solid var(--boulder);box-shadow:2px 2px var(--white),-2px -2px var(--boulder)}.range .label{background-color:var(--cloud);position:relative;padding:0 4px;left:6px;top:-14px}.range .input{width:100%;position:relative;top:-6px;padding:0 9px;display:flex;flex-direction:row;align-items:center;gap:19px}.range .track{flex-grow:1;height:6px;background-color:var(--black-russian);border-top:2px solid var(--boulder);border-left:2px solid var(--boulder);border-bottom:2px solid var(--white);border-right:2px solid var(--white);box-shadow:1px 1px var(--boulder),-1px -1px var(--white)}.range .track .slider{position:relative;width:12px;height:19px;top:-8px;left:0;transform:translate(-6px);background-color:var(--cloud);border-top:2px solid var(--white);border-left:2px solid var(--white);border-bottom:2px solid var(--boulder);border-right:2px solid var(--boulder);cursor:pointer}#home{width:100%;height:100vh;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#home h3{margin:0}#about{min-width:250px;max-width:850px}#about .name{display:flex;align-items:center;justify-content:center;gap:4px}#about p{margin:0}#about .window{--accent-color: var(--salt-box)}#about>.window.minimized{padding-bottom:19px}#about>.window .window-body{background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);padding:9px;display:flex;flex-direction:column;gap:8px;font-size:14px}#about .help-button{display:inline-block;height:19px;width:22px;text-align:center;line-height:15px;background-color:var(--cloud);border-top:2px solid var(--white);border-left:2px solid var(--white);border-bottom:2px solid var(--boulder);border-right:2px solid var(--boulder);box-shadow:2px 2px 0 0 var(--mine-shaft);font-weight:1000;font-size:14px;color:var(--black-russian);white-space:nowrap}#decklist{flex-grow:1;width:100%;max-width:850px;max-height:850px}#decklist.loading,#decklist.loading textarea{cursor:wait}#decklist>.window .window-footer{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:11px;align-items:center;justify-content:space-around;font-weight:700;gap:11px}#decklist>.window button{padding:9px 19px}#decklist textarea{width:100%;height:100%;background-color:var(--white)}#decklist .tooltip{border-bottom:1px dotted var(--black-russian);cursor:help}#loading{min-width:250px;max-width:850px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading .window-body{background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);padding:9px;overflow:auto}#loading h2{margin:0}#tree{width:100%;overflow:auto;padding:4px}#tree .window{--accent-color: var(--cutty-sark)}#tree>.window .window-body{background-color:var(--cloud);border-top:2px solid var(--mine-shaft);border-left:2px solid var(--mine-shaft);border-bottom:2px solid var(--white);border-right:2px solid var(--white);padding:8px;display:grid;place-items:center;overflow:auto}#tree svg{overflow:auto}#tree text{font-size:13px;font-weight:700;text-anchor:start;cursor:pointer;stroke-width:0;-webkit-user-select:none;user-select:none;fill:var(--black-russian)}#tree text.hovered{fill:var(--white)}#tree text.selected{fill:var(--accent-color)}#tree g{stroke:var(--mine-shaft);fill:var(--mine-shaft)}#tree g.hovered{stroke:var(--white);fill:var(--white)}#tree g.selected{stroke:var(--accent-color);fill:var(--accent-color)}#tree .window-body line{stroke-width:4px;stroke-linecap:square;cursor:pointer}#tree line.invisible-hover{stroke-width:12px;stroke-opacity:0}