@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);:root{--primary-color:#3498db;--secondary-color:#2ecc71;--background-color:#f5f5f5;--text-color:#333;--button-hover:#2980b9}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:linear-gradient(#000000b3,#000000b3),url(/static/media/background-main.e29af3c119df5eb5cd86.png);background-position:50%;background-size:cover;color:#333;color:var(--text-color);font-family:Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:#1a1a1a;padding:0;width:100%}h1,h2,h3{color:#333;margin-bottom:20px}p,span{color:#333;color:var(--text-color)}.mode-selector{display:flex;gap:16px;justify-content:center;margin-bottom:30px}button{background-color:#3498db;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}button:hover{background-color:#2980b9;background-color:var(--button-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}button.active{background-color:#2ecc71;background-color:var(--secondary-color)}main{box-shadow:0 2px 4px #0000000d;padding:30px}ul{list-style-type:none;padding:0}li{border-radius:5px;margin:10px 0;padding:10px}.team-slots{display:flex;justify-content:center;margin-bottom:20px}.team-slot{height:150px;margin:0 10px;position:relative;width:150px}.slot-image{height:100%;object-fit:contain;width:100%}.character-info{align-items:center;display:flex;flex-direction:column;height:28px;line-height:1.2;margin-top:2px;width:100%}.character-image{height:80%;object-fit:contain;width:80%}.character-info p{font-size:14px;margin:5px 0;text-align:center}.team-display{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:20px auto}.character-card{max-width:none;min-width:auto;width:auto}.character-card img{display:block}.character-card p{word-wrap:break-word;align-items:center;display:flex;font-size:14px;height:40px;justify-content:center;margin:5px 0 0;max-width:100%;text-align:center}.available-characters{grid-gap:5px;gap:5px}.character-item{align-items:center;display:flex;flex-direction:column;height:120px;width:80px}.character-item button{background-color:initial;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:80px;overflow:hidden;padding:0;transition:all .2s ease-out;width:80px}.character-item button img{height:100%;object-fit:cover;transition:transform .2s ease-out;width:100%}.character-item button.selected img,.character-item button:hover:not(:disabled) img{transform:scale(1.1)}.character-item button:disabled{cursor:not-allowed;opacity:.5}.character-item button:disabled img{filter:grayscale(100%)}.character-item button.selected{border:3px solid gold;box-shadow:0 0 10px gold;z-index:1}.character-item button.selected:after{border:3px solid gold;bottom:-3px;box-shadow:0 0 10px gold;box-sizing:initial;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}.character-item button.selected img{filter:brightness(1.2)}.character-name{color:#3498db;color:var(--primary-color);font-size:11px;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.character-card.chosen{animation:chosenAnimation .5s ease-in-out}.character-card{overflow:hidden;transition:all .3s ease}.ratio-team-builder{display:flex;flex-wrap:wrap;gap:40px}.left-column{flex:0 0 auto;position:sticky;top:20px;width:350px}.right-column{flex:1 1;min-width:300px}.available-characters{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));justify-content:center;padding:.5rem}.team-buttons{gap:10px;margin-top:20px}.team-buttons,.team-buttons button{display:flex;justify-content:center}.team-buttons button{align-items:center;flex:1 1;max-width:45%;text-align:center}.primary-button{background-color:#3498db;background-color:var(--primary-color);font-weight:700}.main-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.2rem 2rem}.nav-logo{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:2rem}.nav-links a{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;padding:.5rem 0;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:#3498db;color:var(--primary-color)}.team-display-large{margin:auto}.team-display-large .character-card{height:350px}.team-display-large .character-name{font-size:18px;font-weight:700;height:24px;margin-top:10px;text-align:center}@keyframes chosenAnimation{0%{box-shadow:0 0 0 0 #ffd700b3;transform:scale(1)}50%{box-shadow:0 0 20px 10px #ffd700b3;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ffd700b3;transform:scale(1)}}.character-card.chosen img{animation:chosenAnimation .5s ease-in-out}.navbar{background-color:#282828;padding:1rem 0;width:100%}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:#fff;font-size:1.1rem;text-decoration:none}.navbar-links a.active,.navbar-links a:hover{color:#3498db;color:var(--primary-color)}.content-container{background-image:url(/static/media/container-bg.940926a4bf5354d2c009.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:1rem auto;max-width:1060px;padding:1rem}@media (max-width:768px){.content-container{margin:.5rem auto;padding:.5rem}.content-wrapper{padding:.25rem}}.points-display{align-items:center;border-radius:8px;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.points-display p{font-size:16px;font-weight:700;margin:0}.total-points{color:#3498db;color:var(--primary-color)}.remaining-points{color:#2ecc71;color:var(--secondary-color)}.ratio-team-builder h2{margin-bottom:10px;margin-top:10px}.team-generator-button{font-size:18px;overflow:hidden;padding:15px 30px;text-overflow:ellipsis;width:250px}@media (max-width:768px){.team-generator-button{margin:0 auto;max-width:300px;width:100%}}button.generating,button:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.navbar-logo img{height:18px;width:auto}.navbar-left{align-items:center;display:flex}.support-link{color:#fff;font-size:.9rem;margin-left:1rem;opacity:.8;text-decoration:none;transition:opacity .3s ease}.support-link:hover{opacity:1}@media (max-width:768px){.hamburger-menu{display:flex}.navbar-links{background-color:#282828;flex-direction:column;height:100vh;padding-top:3.5rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:300px}.navbar-links.open{transform:translateX(0)}.navbar-links a{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left;width:100%}.navbar-container{justify-content:space-between}.ratio-team-builder{align-items:center;flex-direction:column}.left-column,.right-column{max-width:350px;width:100%}.left-column{margin-bottom:20px;position:static}.available-characters,.team-display{justify-content:center}.team-display{flex-wrap:wrap}.character-card{margin:5px}.team-display{flex-wrap:nowrap;justify-content:space-between}.character-card{margin:0;width:32%}.character-card img{max-height:300px}.character-card p{font-size:14px}}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background-color:#fff;border-radius:8px;flex-direction:column;max-width:400px;padding:2rem;text-align:center;width:90%}.donate-button,.twitter-button{border-radius:4px;display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease;width:200px}.donate-button{background-color:#3498db;background-color:var(--primary-color);color:#fff}.donate-button:hover{background-color:#2980b9;background-color:var(--button-hover)}.twitter-button{background-color:#1da1f2;color:#fff}.twitter-button:hover{background-color:#0c85d0}.close-modal{color:#666;font-size:.9rem;margin-top:1rem;text-decoration:none;transition:color .3s ease}.close-modal:hover{color:#333}.modal-content p a{color:#1da1f2;text-decoration:none;transition:color .3s ease}.modal-content p a:hover{color:#0c85d0;text-decoration:underline}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;padding:0;width:2rem;z-index:10}.hamburger-menu div{background:#fff;border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}@media (max-width:768px){.hamburger-menu{display:flex}.navbar-links{background-color:#282828;flex-direction:column;height:100vh;padding-top:3.5rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:300px}.navbar-links.open{transform:translateX(0)}.navbar-links a{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left;width:100%}.navbar-container{justify-content:space-between}}.character-select-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.character-select-modal .modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%}.character-select-modal .close-modal{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;z-index:1}.character-select-modal h3{margin-bottom:8px}.character-select-modal .modal-characters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.character-select-modal .character-item{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;width:60px}.character-select-modal .character-item button{background-color:initial;border:none;cursor:pointer;height:60px;padding:0;width:60px}.character-select-modal .character-item img{height:100%;object-fit:cover;width:100%}.character-select-modal .character-info{font-size:10px;margin-top:5px;text-align:center}@media (max-width:768px){.character-select-modal .modal-content{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}.character-select-modal .modal-characters{align-content:flex-start;display:flex;flex-grow:1;flex-wrap:wrap;gap:10px;justify-content:flex-start;overflow-y:auto}.character-select-modal .character-item{margin-bottom:10px;width:calc(20% - 8px)}.character-select-modal .character-item button{aspect-ratio:1/1;height:auto;width:100%}.character-select-modal .character-info{font-size:10px}}.desktop-only{display:block}@media (max-width:768px){.desktop-only{display:none}.ratio-team-builder{align-items:center;flex-direction:column}.left-column{max-width:350px;width:100%}.team-display{flex-wrap:nowrap;justify-content:space-between}.character-card{margin:0;width:32%}.character-card img{max-height:300px}.character-card p{font-size:14px}.character-select-modal .modal-content{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.character-select-modal .modal-characters{gap:10px}.character-select-modal .character-item button{aspect-ratio:1/1;height:auto;width:100%}}.character-select-modal .character-item button.selected{border:3px solid gold;box-shadow:0 0 10px gold}.character-select-modal .character-item button.selected img{filter:brightness(1.2)}.modal-points-display{align-items:center;display:flex;font-size:16px;gap:20px;justify-content:center;margin-bottom:20px}.modal-points-display .remaining-points,.modal-points-display .total-points{font-weight:700;margin:0}.modal-points-display .total-points{color:#3498db;color:var(--primary-color)}.modal-points-display .remaining-points{color:#2ecc71;color:var(--secondary-color)}@media (max-width:768px){.modal-points-display{font-size:16px}}.primary-button,.secondary-button,.team-generator-button{border:none;border-radius:4px;cursor:pointer;display:block;font-size:18px;font-weight:700;letter-spacing:.5px;max-width:300px;overflow:visible;padding:15px 30px;text-overflow:clip;text-transform:uppercase;transition:all .3s ease;white-space:normal;width:100%}.primary-button,.team-generator-button{background-color:#3498db;background-color:var(--primary-color);color:#fff}.secondary-button{background-color:initial;border:2px solid #3498db;border:2px solid var(--primary-color);color:#3498db;color:var(--primary-color)}.primary-button:hover,.team-generator-button:hover{background-color:#2980b9;background-color:var(--button-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.secondary-button:hover{background-color:#3498db1a;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.primary-button.generating,.primary-button:disabled,.secondary-button:disabled,.team-generator-button.generating,.team-generator-button:disabled{background-color:#ccc;border-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}@media (max-width:768px){.primary-button,.secondary-button,.team-generator-button{max-width:300px;padding:15px 20px;width:100%}}.mobile-instructions{color:#3498db;color:var(--primary-color);display:none;font-weight:700;margin-bottom:1rem;text-align:center}@media (max-width:768px){.desktop-only{display:none}.mobile-instructions{display:block}.ratio-team-builder{align-items:center;flex-direction:column}.left-column{max-width:350px;width:100%}.team-buttons{flex-direction:row;gap:10px;justify-content:center}.team-buttons button{flex:1 1;max-width:45%}}.team-generator-button{max-width:300px;min-width:250px;width:auto}.character-card.spinning{height:450px}@keyframes fastSpin{0%{opacity:1}50%{opacity:0}to{opacity:1}}.character-slot .character-name{font-family:Bangers,system-ui;font-size:36px}.character-name{font-size:24px;text-align:center;width:100%}.character-name,.character-select-modal .character-info .character-name{color:#fff;font-family:Bangers,system-ui;font-style:normal;font-weight:400;letter-spacing:1px;text-shadow:calc(1px - .26042vw) 0 0 #003b61,0 .2604166667vw 0 #003b61,.2604166667vw 0 0 #003b61,0 calc(1px - .26042vw) 0 #003b61,calc(1px - .57292vw) .5729166667vw 0 #003b61}.character-select-modal .character-info .character-name{font-size:20px}.character-slot .character-name{min-height:65px;padding:0}.team-display-large .character-card{margin-bottom:0}.team-display-large{width:100%}.character-slot{gap:15px;height:800px}.character-slot .character-name{align-items:center;bottom:0;display:flex;justify-content:center;margin:0;min-height:130px;overflow:visible;position:absolute}.character-card{justify-content:center}.character-slot .character-name{word-wrap:break-word;color:#fff;font-family:Bangers,cursive;font-size:54px;font-style:normal;font-weight:400;letter-spacing:1px;line-height:1.2;margin-top:-20px;padding:0 10px;text-align:center;text-shadow:calc(1px - .26042vw) 0 0 #003b61,0 .2604166667vw 0 #003b61,.2604166667vw 0 0 #003b61,0 calc(1px - .26042vw) 0 #003b61,calc(1px - .57292vw) .5729166667vw 0 #003b61;white-space:normal;width:100%}.team-display-large{max-width:1000px}.character-card .character-name{padding:40px 10px 10px}.team-generator-button-container{margin-top:5px}.character-card,.character-slot{align-items:center;display:flex;flex-direction:column;position:relative;width:300px}.character-card{height:650px}.character-card img{height:100%;object-fit:contain;width:100%}.character-card .character-name{word-wrap:break-word;bottom:20px;color:#fff;font-family:Bangers,cursive;font-size:54px;font-style:normal;font-weight:400;left:0;letter-spacing:1px;line-height:1.2;margin:0;padding:10px;position:absolute;right:0;text-align:center;text-shadow:calc(1px - .26042vw) 0 0 #003b61,0 .2604166667vw 0 #003b61,.2604166667vw 0 0 #003b61,0 calc(1px - .26042vw) 0 #003b61,calc(1px - .57292vw) .5729166667vw 0 #003b61;white-space:normal}.team-display-large{align-items:flex-start;display:flex;gap:30px;justify-content:center;margin:10px auto}.character-card.spinning{height:650px;width:300px}.character-card.spinning img{animation:fastSpin .2s linear infinite;height:100%;object-fit:contain;width:100%}.team-display-large .character-slot{align-items:center;display:flex;flex-direction:column;height:auto!important;width:300px}.team-display-large .character-card{align-items:center;display:flex;height:450px!important;justify-content:center;position:relative;width:300px}.team-display-large .character-card img{height:100%;object-fit:contain;width:100%}.team-display-large .character-card .character-name{bottom:0;left:0;margin:0;padding:10px;position:absolute;right:0}.team-generator-header h2{align-items:center;background-image:url(/static/media/banner.dd29aad99fbcd696e02e.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;color:#000;display:flex;font-size:1.5rem;font-weight:400!important;justify-content:center;margin:0 auto 10px;padding:10px 40px;position:relative;width:75%}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center;width:100%}main.content-container{align-items:center;background-image:url(/static/media/container-bg.940926a4bf5354d2c009.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;margin:10rem auto 15rem;max-width:1060px;padding:1rem 3rem}.content-wrapper{padding:.5rem;width:100%}.team-generator-button{align-items:center;background:linear-gradient(90deg,#e5dba8,#604a1e 15%,#ac543e 50%,#604a1e 85%,#e7dba7);border:1px solid #dbaa5d;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;height:46px;justify-content:center;letter-spacing:.5px;padding:11px 227px;text-shadow:1px 1px 2px #00000080;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;width:606px}.team-generator-button:hover{box-shadow:0 5px 15px #dbaa5d4d;filter:brightness(1.2);transform:translateY(-1px)}.team-generator-button:active{box-shadow:0 2px 8px #dbaa5d33;filter:brightness(.95);transform:translateY(1px)}.team-generator-button:disabled{background:linear-gradient(90deg,#a39c7a,#443618 15%,#7a3c2c 50%,#443618 85%,#a39c7a);border-color:#8b7b4b;box-shadow:none;cursor:not-allowed;filter:brightness(.8);opacity:.9;transform:none}.team-generator-button-container{display:flex;justify-content:center;margin-top:20px;width:100%}@media (max-width:768px){.team-generator-button{max-width:300px;padding:11px 20px;width:100%}}
/*# sourceMappingURL=main.e19d49a4.css.map*/