body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App>:not(header){display:flex;flex:1 1;flex-direction:column}.universal-topbar{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex;height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.kaijuro-title{color:#333;cursor:pointer;flex-shrink:0;font-size:1.5rem;margin:0 2rem 0 0;transition:color .3s ease}.kaijuro-title:hover{color:#363636}.main-nav{flex-grow:1}.main-nav,.nav-item{align-items:center;display:flex;transition:all .3s ease}.nav-item{margin-right:1rem;position:relative}.main-button,.sub-button{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.main-button{font-weight:700}.main-button:hover,.sub-button:hover{background-color:#e0e0e0}.main-button.active{background-color:#d0d0d0}.sub-nav{align-items:center;background-color:#f8f8f8;display:flex;gap:4px;height:100%;left:calc(100% + 8px);opacity:0;padding:0 4px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease}.sub-nav.visible{opacity:1;pointer-events:auto}.sub-button{border:1px solid #e0e0e0;font-size:.9rem}.sub-button.active{background-color:#d0d0d0}.nav-item.active{margin-right:1rem;margin-right:calc(var(--sub-nav-width, 0px) + 1rem)}.main-page{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;height:100%;justify-content:center}.main-page h1{font-size:2.5em;margin-bottom:1em}.main-page nav ul{list-style-type:none;padding:1em}.main-page nav ul li{margin:2em 0}.main-page nav ul li a{border:1px solid #333;border-radius:5px;color:#333;font-size:1.2em;padding:.5em 1em;text-decoration:none;transition:all .3s ease}.main-page nav ul li a:hover{background-color:#333;color:#fff}.card{background-color:#2d3748;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:300px;overflow:hidden;position:relative;transition:transform .2s ease-in-out;width:220px}.card:hover:not(.disabled){transform:translateY(-5px);z-index:10}.card.disabled{cursor:not-allowed;opacity:.5}.card-image-container{height:100%;left:0;position:absolute;top:0;width:100%}.card-image{height:100%;object-fit:cover;width:100%}.card-cost{display:flex;flex-direction:column;height:50px;left:0;overflow:hidden;position:absolute;top:0;width:35px;z-index:2}.card-cost-slice{flex-grow:1;width:100%}.card-cost-text{align-items:center;color:#fff;font-size:1em;font-weight:700;height:100%;justify-content:center;left:0;width:100%}.card-cost-text,.card-info{display:flex;position:absolute;top:0}.card-info{flex-direction:column;left:35px;right:0;z-index:1}.card-name{font-weight:700}.card-name,.card-tribes{align-items:center;color:#fff;display:flex;justify-content:center;min-height:20px;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.card-tribes{background-color:#00000080;font-size:.8em}.card-bottom-container{background-color:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;left:0;max-height:50%;position:absolute;right:0}.card-text{font-size:12px;max-height:calc(100% - 30px);overflow-y:auto}.card-power,.card-text{color:#fff;padding:5px;text-align:center}.card-power{font-weight:700;height:20px}.card-text p{margin:0 0 5px}.card-text strong{color:gold;font-weight:700}.card-text em{color:#add8e6;font-style:italic}.package-card .component-content,.package-card .package-content{height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease;width:100%}.package-card.hovered .package-content{opacity:0;pointer-events:none}.package-card .package-content{opacity:1;transition:opacity .05s ease}.package-card .component-content{opacity:0;pointer-events:none;z-index:2}.package-card.hovered .component-content{opacity:1;pointer-events:auto}.package-card-images{bottom:0;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}.package-card-image-slice{background-repeat:no-repeat;height:100%}.card.art-mode{background-color:initial;border:none;box-shadow:none}.card.art-mode .card-image{border-radius:8px}.card.art-mode .card-bottom-container,.card.art-mode .card-cost,.card.art-mode .card-info{display:none}.card.foil .card-image-container{overflow:hidden;position:relative}.foil-overlay{animation:foilShimmer 1s linear infinite;background-image:url(https://assetdelivery.roblox.com/v1/asset?ID=2185700871);background-size:100% 100%;height:200%;left:-100%;mix-blend-mode:color;opacity:.15;pointer-events:none;position:absolute;top:-100%;width:200%}@keyframes foilShimmer{0%{transform:rotate(0deg) translate(0)}to{transform:rotate(0deg) translate(50%,50%)}}.card.foil .card-name,.card.foil .card-power,.card.foil .card-text,.card.foil .card-tribes{text-shadow:0 0 3px #ffffff80}.card-list-container{box-sizing:border-box;flex-grow:1;overflow:hidden}.card-list,.card-list-container{height:100%;width:100%}.card-cell{align-items:center;display:flex;justify-content:center}.card-list .card:hover{z-index:10}.card-list .card.selected{box-shadow:0 0 10px #007bff80}.card-list-empty{color:#666}.card-list-empty,.card-list-loading{align-items:center;display:flex;font-size:1.2em;height:100%;justify-content:center}.card-list-loading{color:#333}.card-list .card{transition:transform .2s ease-in-out}.ability{align-items:center;background-color:#2d3748;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;height:120px;overflow:hidden;padding:10px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:300px}.ability:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.ability.selected{box-shadow:0 0 10px #ffffff80}.ability-image-container{align-items:center;border:3px solid;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.ability-image{height:100%;object-fit:cover;width:100%}.ability-content{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between;overflow:hidden;padding-left:15px}.ability-name{font-size:1.1em;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ability-cooldown{font-size:.8em;margin:2px 0}.ability-text{align-items:center;display:flex;flex-grow:1;font-size:.8em;overflow:hidden}.ability-text>div{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ability-text p{margin:0}.ability-text strong{color:gold;font-weight:700}.ability-text em{color:#add8e6;font-style:italic}.ability.disabled:hover,.card.disabled:hover{box-shadow:none}.ability-list-container{box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:20px 0;width:100%}.ability-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}@media (max-width:768px){.ability-list{justify-content:center}}@media (max-width:480px){.ability-list{gap:10px}}.item-details{display:flex;justify-content:center;max-height:80vh;max-width:1200px;width:100%}.item-details.without-tokens{max-width:340px}.item-details-content{align-items:flex-start;display:flex;flex-shrink:0}.item-details-container{align-items:center;background-color:#0000;border-radius:8px;display:flex;flex-direction:column;padding:20px}.item-details.with-tokens .item-details-content{margin-right:20px}.item-details-container .main-item{align-items:center;display:flex;justify-content:center}.item-details-container .card,.item-details-container .package-card{height:450px;width:328px}.item-details-container .ability{width:300px}.item-details-small-card-container{align-items:center;display:flex;height:450px;margin-right:20px}.item-details-expansion{color:#fff;font-size:14px;margin-top:10px;text-align:center}.item-details-tokens-container{background-color:#ffffff1a;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:fit-content;max-height:600px;min-width:200px;overflow-y:auto;padding:20px;width:fit-content}.item-details-tokens-container h3{margin-bottom:10px;margin-top:0}.item-details-tokens-list{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,220px);justify-content:start;max-width:840px;width:100%}.item-details-tokens-list:has(.ability){grid-template-columns:repeat(auto-fit,300px)}.item-details-tokens-list .card,.item-details-tokens-list .package-card{height:300px;margin:0;width:220px}.item-details-tokens-list .ability{height:120px;margin:0;width:300px}.item-details-tokens-container::-webkit-scrollbar{width:8px}.item-details-tokens-container::-webkit-scrollbar-track{background:#f1f1f11a}.item-details-tokens-container::-webkit-scrollbar-thumb{background-color:#88888880;border-radius:4px}.item-details-tokens-container::-webkit-scrollbar-thumb:hover{background-color:#55555580}.search-bar{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-left:auto;max-width:300px;padding:.5rem .75rem;width:100%}:root{--topbar-height:60px}.battlegrounds-page,.standard-page{height:100vh;overflow:hidden;padding-top:60px;padding-top:var(--topbar-height)}.search-bar-container{align-items:center;display:flex;height:60px;height:var(--topbar-height);padding:.5rem;position:fixed;right:1rem;top:0;z-index:1001}.main-content{display:flex;height:calc(100vh - 60px);height:calc(100vh - var(--topbar-height));overflow:hidden}.content-area{flex:1 1}.content-area,.sidebar{box-sizing:border-box;overflow-y:auto}.sidebar{background-color:#f0f0f0;width:300px}@media (max-width:1000px){.content-area{width:calc(100% - 250px)}}@media (min-width:1600px){.content-area{width:calc(100% - 400px)}}.item-details-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}body{margin:0;padding:0}.tabbed-sidebar{background-color:red;display:flex;flex-direction:column;height:100%;overflow:hidden;width:300px;z-index:1001}.sidebar-tabs{display:flex;width:100%}.sidebar-tabs,.tab{background-color:#e0e0e0}.tab{border:none;border-bottom:1px solid #bdbdbd;color:#333;cursor:pointer;flex:1 1;font-weight:700;overflow:hidden;padding:10px 0;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tab:first-child{border-top-left-radius:0}.tab:last-child{border-top-right-radius:0}.tab:hover{background-color:#f0f0f0}.tab.active{background-color:#f8f8f8;border-bottom:none;color:#333}.sidebar-content{background-color:#f8f8f8;flex-grow:1;overflow-x:hidden;overflow-y:auto}.tabbed-sidebar *{box-sizing:border-box;max-width:100%}.main-content{overflow:visible!important}.deck-sidebar{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:visible;padding:1rem;position:relative;width:300px;z-index:1}.deck-sidebar-content{max-height:100%;overflow-y:auto;width:100%}.deck-sidebar h2{color:#333;margin-bottom:1rem;margin-top:0;text-align:center;width:100%}.saved-deck{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-bottom:.5rem;padding:.5rem;text-align:center;transition:transform .2s ease-in-out;width:100%}.saved-deck:hover{transform:translateY(-2px)}.saved-deck span{color:#333;flex-grow:1;margin-right:.5rem;text-align:center}.create-deck{background-color:#008cba;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:1rem auto;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.element-selector{flex-wrap:wrap;gap:10px;margin-bottom:1rem;width:100%}.element-circle,.element-selector{display:flex;justify-content:center}.element-circle{align-items:center;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:60px;transition:transform .2s,opacity .3s;width:60px}.element-circle:hover{transform:scale(1.1)}.deck-name-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:.5rem;width:100%}.deck-ability,.deck-element,.deck-name-input,.deck-stats{margin-bottom:1rem;text-align:center}.deck-ability h3,.deck-element h3,.deck-stats p{margin:.5rem 0}.deck-cards-list{display:flex;flex-direction:column;gap:5px;margin-bottom:1rem;width:100%}.deck-card-container,.deck-cards-list{position:relative}.deck-card{cursor:pointer;height:30px;overflow:hidden;padding:5px 10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.deck-card:hover{background-color:#f0f0f0}.deck-card-cost{font-weight:700;margin-right:10px}.deck-card-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-card{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:9999}.deck-code{margin-bottom:1rem;text-align:center}.deck-code h3{margin-bottom:.5rem}.deck-code input{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:.5rem;text-align:center;width:100%}.deck-sidebar button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:4px auto;max-width:250px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.deck-sidebar button:hover{background-color:#45a049}.deck-sidebar button.delete-button{background-color:#f44336}.deck-sidebar button.delete-button:hover{background-color:#d32f2f}.water{background-color:#1565c0}.light{background-color:#fbc02d}.fire{background-color:#c62828}.darkness{background-color:#6e2594}.nature{background-color:#2e7d32}.neutral{background-color:#757575}.deck-sidebar>*{animation:fadeIn .3s ease-in-out}.deck-ability-container{cursor:pointer;margin-bottom:10px}.deck-ability-container .ability{font-size:.9em;height:auto;min-height:60px;width:100%}.deck-ability-container .ability-image-container{height:40px;width:40px}.deck-ability-container .ability-content{padding-left:10px}.deck-ability-container .ability-name{font-size:1em}.deck-ability-container .ability-cooldown{font-size:.8em}.deck-ability-container .ability-text{line-clamp:2;-webkit-line-clamp:2;font-size:.8em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.advanced-filters-sidebar{padding:20px}.filter-option{margin-bottom:15px}.filter-option label{align-items:center;cursor:pointer;display:flex}.filter-option input[type=checkbox]{margin-right:10px}.standard-page .main-content{display:flex}.standard-page .content-area{flex:1 1;overflow-y:auto}.standard-page .tabbed-sidebar{background-color:#f0f0f0;overflow-y:auto;width:300px}.deck-building-area{padding:1rem}.deck-list{margin-bottom:1rem}.deck-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.deck-stats{font-size:.9rem;margin-top:1rem}.ability.disabled,.card.disabled{cursor:not-allowed;opacity:.5}.ability.disabled:hover,.card.disabled:hover{transform:none}.battlegrounds-page .main-content{display:flex}.battlegrounds-page .content-area{flex:1 1;overflow-y:auto}.ability-list,.card-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.ability,.card{cursor:pointer;transition:transform .2s ease-in-out}.ability:hover,.card:hover{transform:scale(1.05)}.battlegrounds-info{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;margin-bottom:1rem;padding:1rem}.battlegrounds-stats{display:flex;justify-content:space-around;margin-top:1rem}.battlegrounds-stat{text-align:center}.battlegrounds-stat-value{font-size:1.2rem;font-weight:700}.battlegrounds-stat-label{color:#666;font-size:.9rem}.account-page{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:var(--topbar-height)}.account-page h1,.user-info{margin-bottom:20px}.user-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;padding:20px;width:100%}.user-details{align-items:flex-start;display:flex;margin-bottom:20px}.user-avatar{border-radius:50%;height:100px;margin-right:20px;width:100px}.user-text-info{align-items:flex-start;display:flex;flex-direction:column}.user-text-info h2{font-size:1.5em;margin:0 0 5px}.user-text-info p{font-size:1em;margin:0 0 5px}.session-list{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.session-list h3{margin-bottom:10px}.session-list ul{list-style-type:none;padding:0}.session-list li{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;padding:10px;position:relative}.session-list li.current-session{background-color:#e6f7ff;border-color:#91d5ff}.session-list li span{color:#1890ff;font-weight:700}.cancel-session-button{background-color:#ff4d4d;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background-color .3s}.cancel-session-button:hover{background-color:#e60000}.login-button,.logout-button{background-color:#7289da;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s}.login-button:hover,.logout-button:hover{background-color:#5f73bc}.logout-button{background-color:#ff4d4d}.logout-button:hover{background-color:#e60000}
/*# sourceMappingURL=main.8c73014c.css.map*/