:root{--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;--color: rgba(255, 255, 255, .87);color:var(--color);--background-color: #242424;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--base-size: 1rem;--theme-color: rgb(78, 207, 78);--theme-color-reduced-alpha: rgb(78 207 78 / 50%);--theme-color-secondary: rgb(54, 127, 68);--theme-color-tertiary: rgb(87, 153, 134);--theme-color-hover: #5edc6f;--theme-color-expandable-hover: #5edc6faa;--header-color: #253e45;--base-border-radius: 8px;--border-radius-small: 4px;--card-border-radius: 12px;--card-art-border-radius: 16px;--card-size: calc(15 * var(--base-size));--textarea-height: calc(6 * var(--base-size));--art-crop-size-ratio: 1.3698;--danger-color: #d02727;--card-selected-color: var(--theme-color);--card-count-color: rgba(144, 245, 252, .712);--deck-preview-text-background-color: rgba(55, 235, 103, .397);--card-group-gap: var(--base-size);--deck-title-background-elevation: -1;--card-group-elevation: 100;--board-drop-elevation: calc(var(--card-group-elevation) + 1);--deck-top-bar-elevation: calc(var(--board-drop-elevation) + 1);--sticky-elevation: calc(var(--deck-top-bar-elevation) + 1);--deck-card-hover-elevation: 1;--deck-card-data-elevation: 1;--modal-elevation: 150;--menu-elevation: 1;--category-drop-title-elevation: 1}button{border-radius:var(--base-border-radius);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}button:hover:not(:disabled):not(.button-no-hover){background-color:var(--theme-color-hover)}.expandable-button:hover:not(:disabled){background-color:transparent}input[type=text],input[type=search],input[type=password]{width:calc(16 * var(--base-size));height:1.5em;font-size:calc(1.75 * var(--base-size))}input[type=search].input-tiny{width:calc(4 * var(--base-size))}input[type=search].input-small{width:calc(8 * var(--base-size))}input[type=search].input-medium{width:calc(12 * var(--base-size))}input[type=search].input-large{width:calc(20 * var(--base-size))}.input-small{width:calc(8 * var(--base-size))}textarea{height:var(--textarea-height);font-size:var(--base-size);font-family:var(--font-family);resize:none}.expandable-textarea{height:calc(var(--textarea-height) + var(--base-size));overflow-y:auto}.menu-bar{display:flex;align-items:center;gap:var(--base-size);flex-wrap:wrap}.layout{display:flex;flex-direction:column}.flex-row{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-gap-large{gap:calc(3 * var(--base-size))}.flex-gap{gap:var(--base-size)}.flex-gap-small{gap:calc(.5 * var(--base-size))}.flex-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-end{align-items:flex-end}.cursor-pointer{cursor:pointer}.small-padding{padding:calc(.2 * var(--base-size))}.no-padding.no-padding{padding:0}.no-margin.no-margin{margin:0}.base-padding{padding:calc(.5 * var(--base-size))}.base-padding-vertical{padding:calc(.5 * var(--base-size)) 0}.overflow-wrap{overflow:wrap}.copyright-section{display:flex;flex-direction:column;margin-top:calc(5 * var(--base-size));padding:var(--base-size);background-color:#a9a9a9}.bottom-bar{position:absolute;bottom:0;left:0;height:5vh;width:calc(100% - 4em);background-color:#0ff;display:flex;align-items:center;padding:0 2em}.flex-button{padding:0;flex-grow:1}.labelled-input{display:flex;flex-direction:column}.search-window-top-bar{background-color:var(--theme-color-secondary);margin-bottom:var(--base-size);padding-bottom:var(--base-size)}.search-window-filters{display:flex;align-items:flex-start;padding:1em;gap:calc(2 * var(--base-size));flex-wrap:wrap}.deck{display:flex;flex-direction:column;gap:2em;flex-wrap:wrap}.board{position:relative}.board-view-grid{display:flex;flex-direction:row;gap:calc(1.5 * var(--base-size)) calc(3 * var(--base-size));flex-wrap:wrap}.board-view-stacked{display:flex;flex-direction:row;gap:calc(1.5 * var(--base-size));flex-wrap:wrap}.card-group-title{font-size:1.5em}.card-group-icon-title{width:1.1em;height:1.1em}.card-group-content-text{display:flex;flex-direction:column;gap:var(--card-group-gap);width:var(--card-size)}.card-group-content-grid{display:flex;flex-direction:row;gap:var(--card-group-gap);flex-wrap:wrap}.card-group-content-stacked{display:flex;flex-direction:column;width:var(--card-size)}.card-group-content-grid-stacked{display:flex;flex-direction:row;gap:var(--card-group-gap);flex-wrap:wrap}.commander-card-placeholder{border:2px solid var(--header-color);width:var(--card-size);height:calc(var(--card-size) * 1.375);display:flex;flex-direction:row;justify-content:center;align-items:center}.deck-card{position:relative;width:var(--card-size);scale:1;transition:scale .1s,position .5s;border-radius:var(--card-border-radius)}.deck-card-top-left-container{position:absolute;left:8%;top:11%;display:flex;justify-content:center;align-items:center;flex-direction:column}.deck-card-selected-icon{width:calc(2 * var(--base-size));height:calc(2 * var(--base-size));margin:0}.card-flip-button{width:2em;height:2em;display:flex;justify-content:center;align-items:center}.drag-card{position:absolute}.deck-card-image{width:100%;height:100%;object-fit:contain;border-radius:var(--card-border-radius);transition:rotate .5s}.stat-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.card-count-container{position:absolute;right:8%;top:11%}.card-count{font-size:calc(2.5 * var(--base-size));height:1em;display:flex;justify-content:center;align-items:center;background-color:var(--card-count-color);border-radius:var(--base-border-radius)}.deck-card-warning{box-shadow:0 0 5px 5px var(--danger-color)}.deck-card-selected{box-shadow:0 0 5px 5px var(--card-selected-color)}.deck-top-bar{gap:calc(.5 * var(--base-size));padding-block:var(--base-size);z-index:var(--sticky-elevation)}.deck-top-bar-elevated{z-index:var(--deck-top-bar-elevation)}.top-bar-sticky{position:sticky;top:0;background-color:var(--background-color)}.card-search-results{position:absolute;z-index:var(--sticky-elevation);display:flex;flex-direction:column}.card-search-result{display:flex;align-items:center;gap:var(--base-size);height:calc(6* var(--base-size))}.card-search-result-image{height:100%;object-fit:contain}.card-search-window{position:fixed;z-index:var(--modal-elevation);top:0;left:0;right:0;display:flex;flex-direction:column;height:100%;overflow-y:scroll;gap:var(--base-size);background-color:var(--background-color)}.search-symbol{width:40px;height:40px;padding:0;border-width:0;background-color:transparent}.search-symbol:hover,.search-symbol{background-color:transparent}.search-symbol-inactive{opacity:50%}.search-symbol-disabled{opacity:15%}.search-symbol>img{width:100%;height:100%}.card-search-window-results{display:flex;gap:1em;flex-wrap:wrap;position:relative;height:80vh}.card-count-edit-row{display:flex;gap:.5em;justify-content:center}.card-count-edit-row>button{width:25%}.card-count-edit-row>input{width:8em;height:1.5em;font-size:2em;max-width:50%;padding:0}.right-placed-item{margin-left:auto}.full-size{width:100%;height:100vh}.transparent-background{background-color:transparent}.font-size-1em{font-size:1em}.icon-button{padding:var(--base-size)}.icon-button-tiny{padding:0}.icon-button-small{padding:calc(.5 * var(--base-size))}.space-between{justify-content:space-between}.text-giant{font-size:calc(2 * var(--base-size))}.text-large{font-size:calc(1.5 * var(--base-size))}.text-medium{font-size:calc(1.25 * var(--base-size))}.text-small{font-size:calc(var(--base-size))}.text-danger{color:var(--danger-color)}.base-offset-left{margin-left:var(--base-size)}.base-offset-bottom{margin-bottom:var(--base-size)}.base-offset-top{margin-top:var(--base-size)}.group-elevated{z-index:var(--card-group-elevation)}.card-elevated{z-index:var(--deck-card-hover-elevation)}.deck-card-data-elevated{z-index:var(--deck-card-data-elevation)}.deck-card-categories{position:absolute;background-color:var(--theme-color-secondary);border-radius:var(--base-border-radius)}.full-width.full-width{width:100%}.font-size-1-5{font-size:1.5em}.deck-card-category-add{color:var(--theme-color-hover)}.preserve-3d{transform-style:preserve-3d}.flex-item-left{margin-right:auto}.flex-item-right{margin-left:auto}.commander-card-group{width:100%}.floating-menu{position:fixed;z-index:var(--sticky-elevation);display:flex;flex-direction:column;gap:calc(.25 * var(--base-size));bottom:1%}.floating-menu-left{left:1%}.floating-menu-right{right:1%}.multi-select-bar{position:fixed;z-index:calc(var(--sticky-elevation) + 1);left:0;bottom:0;padding-inline:calc(2 * var(--base-size));background-color:var(--background-color)}@media (min-width: 601px){body{padding:calc(.5 * var(--base-size))}}@media (max-width: 600px){body{margin:0}.deck-card{flex-grow:1;max-width:calc((100% - var(--card-group-gap)) / 2)}.icon-button-with-text{padding:var(--base-size)}.icon-button-with-text>span:last-child:not(.icon){display:none}}.essential-board{min-height:calc(2 * var(--card-size))}.modal{position:fixed;z-index:var(--modal-elevation);top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid black;border-radius:8px;background-color:#fff;padding:var(--base-size)}.modal-full-screen{--width: 100%}.pointer-events-none{pointer-events:none}.board-drop-container.board-drop-container{z-index:var(--board-drop-elevation)}.board-drag-container{z-index:calc(var(--board-drop-elevation) + 1)}.dropdown{width:calc(12 * var(--base-size));border-radius:var(--border-radius-small)}.dropdown-tiny,.dropdown-content.dropdown-tiny{width:calc(8 * var(--base-size))}.dropdown-small,.dropdown-content.dropdown-small{width:calc(10 * var(--base-size))}.dropdown-large,.dropdown-content.dropdown-large{width:calc(16 * var(--base-size))}.dropdown-giant,.dropdown-content.dropdown-giant{width:calc(20 * var(--base-size))}.dropdown-expanded{border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}.dropdown-content{width:calc(12 * var(--base-size))}.dropdown-option{text-align:start;border-radius:0}.dropdown-option-with-image{height:calc(5 * var(--base-size))}.dropdown-options-overflow{overflow-y:scroll;max-height:16rem;border-radius:0 0 var(--border-radius-small) var(--border-radius-small)}.dropdown-content>:last-child{border-radius:0 0 var(--border-radius-small) var(--border-radius-small)}.border-rounded-left{border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}.border-rounded-right{border-radius:0 var(--border-radius-small) var(--border-radius-small) 0}.border-rounded-top{border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}.border-rounded-bottom{border-radius:0 0 var(--border-radius-small) var(--border-radius-small)}.background-danger{background-color:var(--danger-color)}.base-width-3{width:calc(3 * var(--base-size))}select{font-size:calc(1.5 * var(--base-size));border-radius:4px}option:hover{background-color:var(--theme-color-hover)}.position-relative{position:relative}.position-absolute{position:absolute}.text-align-center{text-align:center}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.invisible{opacity:0}@media (prefers-color-scheme: light){:root{--color: black;--background-color: #ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.search-window-card-row{position:absolute;top:0;left:0;width:100%;display:flex;gap:1rem;justify-content:center}.deck-preview{position:relative;aspect-ratio:calc(var(--art-crop-size-ratio));width:20rem;background-color:transparent;justify-content:space-between;align-items:flex-start}.deck-preview-border{border-width:1px;border-color:#000}.deck-preview-background-image{position:absolute;width:100%;height:100%;border-radius:var(--base-border-radius);top:0;left:0;z-index:var(--deck-title-background-elevation)}.deck-preview-text{background-color:var(--deck-preview-text-background-color)}.deck-preview:hover:not(:disabled):not(.button-no-hover){background-color:transparent;box-shadow:0 0 15px 3px var(--card-selected-color)}.absolute-bottom-left{position:absolute;bottom:0;left:0}.text-align-start{text-align:start}.card-art-preview{aspect-ratio:calc(var(--art-crop-size-ratio));width:15rem}.card-art-preview-image{height:100%;border-radius:var(--base-border-radius)}.current-card-art{box-shadow:0 0 15px 3px var(--card-selected-color)}.card-art-print{width:calc(20 * var(--base-size))}.card-art-chosen-print{width:calc(15 * var(--base-size))}.card-art-print-image{width:100%;border-radius:var(--card-art-border-radius)}.nav-menu-title-button{width:100%;height:100%;background-color:inherit}.nav-bar{display:flex;flex-direction:row;height:5rem;background-color:var(--theme-color);border-radius:8px;gap:calc(.5 * var(--base-size))}.nav-bar-button{width:calc(15 * var(--base-size));font-size:calc(1.5 * var(--base-size));border-radius:8px;background-color:#06b600}.left-nav{margin-right:var(--base-size)}.right-nav{margin-left:auto}.login-nav{width:calc(7.5 * var(--base-size))}.logo{height:100%;object-fit:contain}.content{padding-inline:var(--base-size);min-height:90vh}.loading-wheel{animation:3s linear infinite rotate-items}@keyframes rotate-items{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-content{position:absolute;display:flex;flex-direction:column;z-index:var(--menu-elevation)}.icon{font-size:1.5em}.icon-tiny{font-size:.5em}.icon-small{font-size:1em}.icon-large{font-size:3em}.icon-giant{font-size:6em}.checkbox{width:1.5em;height:1.5em}.suggestion-highlighted{background-color:var(--theme-color-hover)}@keyframes fade-in{0%{opacity:0%;right:1em}to{opacity:100%;right:0}}.expandable-content{padding-inline:calc(1.5 * var(--base-size))}.flip-card{animation:3s linear infinite rotate-card}.loading-wheel-icon{width:40px;height:40px;padding:0;border-width:0;background-color:transparent}@keyframes rotate-card{0%{rotate:0}to{rotate:y 360deg}}.expanded-card{position:absolute;top:0;transition:scale .5s,opacity .5s,rotate .5s,left .5s,right .5s;scale:1;left:0;pointer-events:none;width:var(--card-size)}.view-text-expanded-card{opacity:0%}@keyframes expand-card{0%{scale:1;opacity:0%;left:0}to{scale:1.5;opacity:100%;left:330px}}.expanded-card-active{scale:1.5;opacity:100%}.expanded-card-active-left{left:130%}.expanded-card-active-right{left:-130%}.expanded-card-preview-active-left{left:30%}.expanded-card-preview-active-right{left:-30%}.battle-card-image{rotate:90deg}.battle-card.expanded-card-active-left{left:160%}.battle-card.expanded-card-active-right{left:-160%}.card-data-left{right:102%}.card-data-right{left:102%}.card-data-top{bottom:101%}.card-data-bottom{top:101%}.battle-card>.card-data-top{bottom:87%}.battle-card>.card-data-bottom{top:87%}.group-card-count{padding-bottom:calc(.3 * var(--base-size))}.category-drop-container{position:absolute;width:100%;height:100%;pointer-events:none}.category-drop-section{width:50%;color:#fff;font-size:calc(2 * var(--base-size))}.category-drop-section-full-size{width:100%;color:#fff;font-size:calc(2 * var(--base-size))}.category-drop-add{background-color:#004dc97f}.category-drop-add-hover{background-color:#004dc9bf}.category-drop-add-title{background-color:#00f;padding:.25em;z-index:var(--category-drop-title-elevation)}.category-drop-overwrite{background-color:#630ac27f}.category-drop-overwrite-hover{background-color:#630ac2bf}.category-drop-overwrite-title{background-color:purple;padding:.25em;z-index:var(--category-drop-title-elevation)}.title-button{background-color:transparent;padding:calc(.25 * var(--base-size));border:4px double transparent}.title-button:hover:not(:disabled):not(.button-no-hover){background-color:transparent;border-color:unset}.title-button-expanded{border-color:unset}input[type=text].title-edit{width:calc(16 * var(--base-size));font-size:calc(1.5 * var(--base-size));font-family:inherit}.deck-meta-data-container{position:relative;height:calc(45 * var(--base-size))}.deck-meta-data-text-container>p,.deck-meta-data-text-container>div{margin:var(--base-size)}.deck-meta-data-text-container{background-color:#8eb595e6;width:min(calc(40 * var(--base-size)),100%);margin-bottom:var(--base-size);padding-bottom:calc(.5 * var(--base-size));border-radius:var(--base-border-radius)}.deck-meta-data-background{position:absolute;width:100%;height:100%;object-fit:cover;top:0;z-index:var(--deck-title-background-elevation)}