*,:before,:after{box-sizing:border-box}*{margin:0}html,body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,li{word-break:break-word;overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:Friendly Fire;src:local(Friendly Fire),url(/fonts/Friendly_Fire.ttf)}@font-face{font-family:Kenyan Coffee;src:local(Kenyan Coffee),url(/fonts/kenyan_coffee_rg.otf)}html,body{color:#fff;background:#2a1552}body{margin:.5rem}@media (width<=750px){.App.App{font-size:1rem}}a:link{color:#f2af1c;transition:color .1s}a:visited{color:#c89015}a:hover{color:#fff}a:active{color:#ff47b2}.App{text-transform:uppercase;text-shadow:-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000,0 -.1em #000,.1em 0 #000,0 .1em #000,-.1em 0 #000;letter-spacing:.1em;max-width:90rem;margin:auto;font-family:Friendly Fire;font-size:2rem}.myDeck{min-height:30rem;position:relative}.myDeck.hello{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-family:Kenyan Coffee;font-size:1.5rem;display:flex}.myDeck.hello>p{max-width:40rem}.myDeck>.row{flex-wrap:wrap;display:flex}.title{align-items:center;display:flex}.title>.logo{aspect-ratio:1;width:1.5em}.title>.text{margin-left:1rem}@media (width<=750px){.title>.text{display:none}}.ShareMenu,.LoadMenu{z-index:-1;transform-origin:top;visibility:hidden;pointer-events:none;background-color:#2a1552;border:.25rem solid #fff;border-top:#2a1552;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;outline:.25rem solid #000;width:calc(100% - 1rem);padding:1rem;font-size:.7em;transition:transform .1s,visibility 0s .1s;position:absolute;top:calc(100% - .5rem);bottom:auto;right:.5rem;transform:scaleY(0)}.ShareMenu.open,.LoadMenu.open{visibility:visible;pointer-events:auto;transition:transform .1s,visibility;transform:scaleY(1)}.ShareContainer{align-items:center;display:flex}.LoadContainer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}#decksHolder{flex-wrap:wrap;gap:1rem;display:flex}.ShareContainer>label{flex:none}.filters{background-color:#5440bb;border:0 solid #44339a;border-bottom-width:.1em;border-radius:.5rem;outline:.1em solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:2.5rem;padding:.5rem 1rem;display:flex}.filters>.cardTypes{flex-wrap:wrap;gap:1rem;display:flex}.filterControl{align-items:center;gap:.5rem;display:flex}.filterControl .TextInput{width:min(18rem,45vw)}.content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;min-height:30rem;margin:0 1rem;display:flex}.cardContainer{width:11em;height:15em;color:inherit;cursor:pointer;background:0 0;border:0;place-items:start center;padding:0;font-size:1rem;display:grid}@media (width<=750px){.cardContainer{font-size:.5rem}}.card{transform-style:preserve-3d;transform:scale(.9) perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY));border:.25em solid #0000;border-radius:.5em;transition:transform .1s,border-color .1s;display:block;position:relative}.cardContainer:hover>.card{transform:scale(1) perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY));border-color:#1cf272!important}.cardContainer:focus-visible{outline-offset:.25em;border-radius:.5em;outline:.25em solid #fff}.card:active{border-color:#1cf272!important}.card.equipped:before{content:"";background-color:#fff;position:absolute;inset:0}.cardContainer:hover>.card.equipped:before{background-color:#1cf272}.card:after{content:"Equipped";text-transform:uppercase;color:#000;text-shadow:none;letter-spacing:initial;font-size:1.25em;display:none;position:absolute;bottom:-1em;right:.5em}.card.equipped{border-color:#fff;border-bottom-width:1.5em;border-left-width:.5em;border-right-width:.5em;margin-bottom:0;margin-left:0;margin-right:0}.card.equipped:after{display:block}.card>.cardContent{aspect-ratio:5/7;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.5em;width:10em;display:block;position:relative}.card>.cardContent>.cost{aspect-ratio:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;width:16%;position:absolute;top:0;right:2%}.card>.cardContent>.level{aspect-ratio:2;pointer-events:none;opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:contain;width:17%;position:absolute;top:1%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.card{transition:border-color .1s;transform:scale(.9)}.cardContainer:hover>.card{transform:scale(1)}}.DropDown{width:5em;color:inherit;font:inherit;text-transform:uppercase;text-shadow:-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000,0 -.1em #000,.1em 0 #000,0 .1em #000,-.1em 0 #000;letter-spacing:.1em;cursor:pointer;background-color:#f2af1c;border:0;border-bottom:.2em solid #c89015;border-radius:.5em;outline:.1em solid #000;padding:0 .5em .3em;font-family:Friendly Fire}.DropDown:hover,.DropDown:focus-visible{outline-color:#fff}.DropDown option{color:#000;text-shadow:none;background:#fff}footer{opacity:.7;text-align:right;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 -1px #000,1px 0 #000,0 1px #000,-1px 0 #000;letter-spacing:.15em;margin-top:20em;margin-bottom:3em;font-family:Kenyan Coffee;font-size:.9rem;color:#fff!important}footer a{color:inherit!important}.content>.error{opacity:.5;text-align:center;place-items:center;width:100%;min-height:30rem;display:grid}.radio{-webkit-user-select:none;user-select:none;text-transform:uppercase;text-shadow:-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000,0 -.1em #000,.1em 0 #000,0 .1em #000,-.1em 0 #000;letter-spacing:.1em;background-color:#f2af1c;border:0 solid #c89015;border-bottom-width:.2em;border-radius:.5rem;outline:.1em solid #000;place-items:center;padding:.1rem .5rem .5rem;font-family:Friendly Fire;transition:border-color .1s,background-color .1s,color .1s,outline .1s;display:grid}.radio:focus-within{outline-color:#fff}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio:hover{border-color:#0000;outline:.1em solid #fff}.radio:active{background-color:#fff;border-color:#0000}.radio.checked{color:#ff47b2;background-color:#fff;border-color:#0000}.radio>div{transition:transform .1s;transform:scale(1)}.radio:hover>div,.radio:active>div,.radio.checked>div{transform:scale(.9)}.radio>*{transition:transform .1s;transform:scale(1)}.radio:hover>*,.radio:active>*,.radio.checked>*{transform:scale(.9)}.TextInput{color:inherit;letter-spacing:.1em;background:#160d2e;border:.25rem solid #f0eeda;border-radius:.75rem;padding:.5rem;font-family:Friendly Fire;font-size:1.25rem}.TextInput:focus-visible{outline-offset:.1rem;outline:.2rem solid #f2af1c}.Button{color:inherit;text-transform:uppercase;text-shadow:-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000,0 -.1em #000,.1em 0 #000,0 .1em #000,-.1em 0 #000;letter-spacing:.1em;-webkit-user-select:none;user-select:none;background:#f2af1c;border:0 solid #c89015;border-bottom-width:.2em;border-radius:.5rem;outline:.1em solid #000;padding:.1rem .5rem .5rem;font-family:Friendly Fire;transition:border-color .1s,background-color .1s,color .1s,outline .1s}.Button:hover{border-color:#0000;outline:.1em solid #fff}.Button:active{background-color:#fff;border-color:#0000}.Button.forceActive{color:#ff47b2;background-color:#fff;border-color:#0000}.Button>span{transition:transform .1s;transform:scale(1)}.Button:hover>span,.Button:active>span,.Button.forceActive>span{transform:scale(.9)}.Button>*{transition:transform .1s;transform:scale(1)}.Button:hover>*,.Button:active>*,.Button.forceActive>*{transform:scale(.9)}.modal{z-index:1000;visibility:hidden;box-sizing:border-box;background-color:#5440bb;border:0 solid #c89015;border-radius:.5rem;outline:.1em solid #000;flex-direction:column;align-items:center;gap:.8em;width:80%;max-width:30rem;padding:2em;transition:top .33s cubic-bezier(.6,-.28,.735,.045),visibility 0s linear .33s;display:flex;position:fixed;top:-50%;left:50%;transform:translate(-50%,-50%)}.modal.open{visibility:visible;transition:top .33s cubic-bezier(.175,.885,.32,1.275),visibility linear;top:50%}.modalBackdrop{z-index:999;pointer-events:none;opacity:0;visibility:hidden;background-color:#000;border:0;padding:0;transition:opacity .33s,visibility 0s linear .33s;position:fixed;inset:0}.modalBackdrop.open{opacity:.75;visibility:visible;pointer-events:auto;transition:opacity .33s,visibility linear}.modal h2,.modal p{text-align:center;margin:0 0 .5rem}.modal button{box-sizing:border-box;border-radius:.5rem;width:100%;padding:.5em}.topMenuContainer{z-index:100;background-color:#5440bb;border:0 solid #44339a;border-bottom-width:.1em;border-radius:.5rem;outline:.1em solid #000;margin:1rem;padding:.5rem;position:sticky;top:0}.topMenu{justify-content:space-between;align-items:center;gap:1rem;display:flex}.title{align-items:center;gap:.5rem;display:flex}.costMenu{gap:1rem;display:flex}.ShareMenu,.LoadMenu{transform-origin:top;margin-top:.5rem}.ShareContainer,.LoadContainer{align-items:center;gap:.5rem;display:flex}.ShareContainer>input{flex:auto}.topMenuActions{justify-content:end;gap:1rem;display:flex}.invalidTotal,.importError{color:#ff6060}.importError,.playerLogHint{margin:.75rem 0 0}.playerLogHint{overflow-wrap:anywhere}.playerNameHint{opacity:.5;font-style:italic}#snowContainer{z-index:-1;width:100%;height:100vh;transition:opacity .5s;position:fixed;inset:0;overflow:hidden}.snow{color:#87ceeb;pointer-events:none;animation:ease-in infinite fall,ease-in-out infinite sway;position:absolute}@keyframes fall{0%{opacity:0}50%{opacity:1}to{opacity:1;top:100vh}}@keyframes sway{0%{margin-left:0}25%{margin-left:50px}50%{margin-left:-50px}75%{margin-left:50px}to{margin-left:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}