: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}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}button:hover{border-color:#646cff}button:focus,button:focus-visible,input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s}input:focus,input: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}}.LoadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:9999}.LoadingOverlay-ProgressBar{width:40%;height:1%;background-color:#ffffff4d;border-radius:10px;overflow:hidden;margin-top:1em}.LoadingOverlay-ProgressBar-Fill{height:100%;background-color:#fff;transition:width .3s ease}.IndexPage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-image:url(/background.png);background-size:cover;background-position:center}.IndexPage-Modal{display:flex;width:30%;max-width:25rem;flex-direction:column;align-items:center;justify-content:center;background-color:#000c;box-shadow:4px 4px 6px #0000004d;padding:2rem;gap:2rem;border:1px solid white;color:#fff}.IndexPage-Modal a,.IndexPage-Modal button{width:100%;display:block}.GameBoard-Wrap{display:grid;place-items:center;height:100vh;width:100vw}.GameBoard{aspect-ratio:16 / 9;width:min(100vw,calc(100vh * 16 / 9));height:auto;max-height:100vh;margin:auto;background:#1e1e1e;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.GameBoard-Field,.GameBoard-Resource,.GameBoard-Win{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid white}.GameBoard-Resource-Glow{box-shadow:0 0 10px 5px green}.GameBoard-Field{inset:50% 27% 30% 36%}.GameBoard-Resource{inset:72% 65% 5% 10%}.GameBoard-Win{inset:10% 27% 70% 36%}.GameBoard-Resource-Indicator-Player,.GameBoard-Resource-Indicator-Opponent{position:absolute;display:flex;justify-content:center;width:5%;font-size:1rem;color:#fff;background-color:#00000080;padding:.2rem .5rem;border:1px solid white;left:23.5%}.GameBoard-Resource-Indicator-Player{bottom:20%}.GameBoard-Resource-Indicator-Opponent{top:20%}.GameBoard-Inspector{position:absolute;inset:10% 0 0 10%;pointer-events:none;z-index:20}.GameBoard-Inspector .CardDisplayer{width:20%}.GameBoard-EndTurnButton{position:absolute;right:1%;top:50%;transform:translateY(-50%)}.GameBoard-Player{position:absolute;left:2%;font-weight:700}.GameBoard-Player-Opponent{top:4%}.GameBoard-Player-Player{bottom:4%}.GameBoard-Guide-Button{position:absolute;bottom:1%;right:1%;z-index:5000}.CardDisplayer{position:relative;background-size:cover;background-position:center;aspect-ratio:2 / 3;-webkit-user-select:none;user-select:none;border-radius:4%}.CardDisplayer-HandHover:hover .CardDisplayer-Inner{transition:transform .25s ease-in-out;transform:scale(2.25) translateY(-70%)}.CardDisplayer-Inner{background-size:cover;background-position:center;pointer-events:none;position:absolute;border:1px solid black;inset:0;box-shadow:4px 4px 6px #0000004d;border-radius:4%}.CardDisplayer-Playable:not(.CardDisplayer-HandHover),.CardDisplayer-Playable.CardDisplayer-HandHover .CardDisplayer-Inner{box-shadow:0 0 10px 5px #fff}.CardDisplayer-PlayerSelection:not(.CardDisplayer-HandHover),.CardDisplayer-PlayerSelection.CardDisplayer-HandHover .CardDisplayer-Inner{box-shadow:0 0 10px 5px green}.CardDisplayer-OpponentSelection:not(.CardDisplayer-HandHover),.CardDisplayer-OpponentSelection.CardDisplayer-HandHover .CardDisplayer-Inner{box-shadow:0 0 10px 5px red;transform:scale(1.1) translateY(10%)}.CardDisplayer-Description{position:absolute;top:67%;left:2%;right:2%;background-color:#d3d3d3;border:2px solid black}.CardDisplayer-Name{position:absolute;top:55%;background-color:#000;border:1px solid white;left:-3%;right:-3%}.CardDisplayer-Overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;font-size:2rem;color:red;stroke:#000;stroke-width:15;pointer-events:none;opacity:.8}.CardDisplayer-Cost,.CardDisplayer-Power,.CardDisplayer-Icon{position:absolute;width:30%;z-index:10}.CardDisplayer-Power{top:95%;left:8%;transform:translate(-50%,-50%)}.CardDisplayer-Power-Decor,.CardDisplayer-Shield-Decor{stroke:#000;stroke-width:15}.CardDisplayer-Shield-Decor{width:45%;height:45%;transform:translate(-50%,-50%)}.CardDisplayer-Power-Decor{width:40%;height:40%;transform:rotate(90deg) translate(-84%,40%)}.CardDisplayer-Cost{bottom:95%;left:8%;transform:translate(-50%,50%)}.CardDisplayer-Icon{top:95%;height:auto;left:42%;width:28%;background-color:#000;border-radius:50%;border:1px solid white;border-style:inset;transform:translate(-50%,-50%);transition:color .3s ease-in-out}.CardDisplayer-Icon-Active{color:#ff4500}.GameBoard-Status-Minor,.GameBoard-Status-Major{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000}.GameBoard-Status-Minor>div,.GameBoard-Status-Major>div{background-color:#000;color:#fff;border:white solid 2px;padding:1rem 2rem;font-size:1.5rem;box-shadow:10px 10px 20px #00000080}.GameBoard-Status-Minor{pointer-events:none}.GameBoard-Status-Major{background-color:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.LineFromChild{height:.25%;position:relative;width:100%;background-color:#fff;border-radius:999px}.LineFromChild:after{content:"";position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:8%;min-width:.8rem;height:250%;min-height:1.5rem;background-color:#fff;clip-path:polygon(0 10%,100% 50%,0 90%);filter:drop-shadow(0 0 6px rgba(255,80,80,.5))}.Guide{position:fixed;inset:0;background-color:#000c;color:#fff;z-index:10000;display:flex;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Guide-Content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.Guide button{position:absolute;bottom:1%;right:1%}.Guide li{margin-bottom:.6rem}.Login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-image:url(/background.png);background-size:cover;background-position:center}.Login-Content{display:flex;flex-direction:column;gap:1rem;width:30rem;background-color:#000;border:1px solid white;box-shadow:4px 4px 6px #0000004d;padding:2rem 1.5rem}.Login-Content-Title{text-align:center}.Login-Content form{display:flex;flex-direction:column;gap:1rem}.Login-Content h2{margin:1rem 0 0}.Login-Discord{background-color:#5865f2;width:100%}.Decks{display:flex;gap:2%;width:100vw;height:100%;box-sizing:border-box;padding:2%}.DeckItem{position:relative;aspect-ratio:2 / 1;height:15%;min-height:8rem;border:1px solid black;box-shadow:4px 4px 6px #0000004d}.DeckItem-Cards{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.DeckItem-Cards>div{background-size:cover;background-position:center;background-position:0 -2rem}.DeckItem-Name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;color:#fff;border:1px solid white;box-sizing:border-box;padding:.2rem}.DeckItem-Button{position:absolute;bottom:0;left:0;transform:translate(-10%,20%)}.DeckEdit{display:flex;width:100vw;height:100%}.DeckEdit-Collection{box-sizing:border-box;padding:2%;flex:3;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:2%;height:100%;overflow-y:auto}.DeckEdit-Collection-Card{width:18%;max-width:11rem;flex:0 0 auto;align-self:flex-start}.DeckEdit-Deck{box-sizing:border-box;padding:2%;flex:1;height:100%;display:flex;flex-direction:column;gap:2%}.DeckEdit-Name label{display:flex;flex-direction:column;gap:.4rem}.DeckEdit-Name input{width:100%;box-sizing:border-box}.DeckEdit-DeckItem{-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;background-size:cover;background-position:center;background-position:0 -1rem;box-sizing:border-box;padding:4%;box-shadow:4px 4px 6px #0000004d;border:1px solid black}.DeckEdit-DeckList{display:flex;flex-direction:column;overflow-y:auto;gap:1%;flex:1}.DeckEdit-Actions{margin-top:auto;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.DeckEdit-Actions-Save{flex:1}.DeckEdit-Actions-Save>button{width:100%}.DeckEdit-Factions{position:absolute;inset:0;background-color:#000c;color:#fff;z-index:5000;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;overflow-x:hidden}.DeckEdit-Factions>div{padding:2rem}.DeckEdit-Factions>div:first-child,.DeckEdit-Factions>div:last-child{display:flex;justify-content:center}.DeckEdit-Factions-Options{flex:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100vw;gap:1%;box-sizing:border-box;padding:0 5rem}.DeckEdit-Factions-Card{background-size:140%;background-position:center;aspect-ratio:2 / 3;width:20%;min-width:25rem;border:2px solid black;box-shadow:4px 4px 6px #0000004d;box-sizing:border-box;padding:1% 2%;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:1%;transition:transform .2s,box-shadow .2s,background-size .2s}.DeckEdit-Factions-Card>div{transition:opacity .2s}.DeckEdit-Factions-Card.Faction-Selected{box-shadow:2px 2px 12px green;transform:scale(1.025);background-size:150%}.DeckEdit-Factions-Card.Faction-Selected>div{opacity:0}.Layout{height:100vh;width:100vw;display:flex;flex-direction:column;box-sizing:border-box}.Layout-Main{flex:1;position:relative;overflow:hidden}.Layout-Header,.Layout-Footer{height:4rem;box-sizing:border-box;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;background-color:#000}.Layout-Header{border-bottom:1px solid white}.Layout-Footer{border-top:1px solid white}