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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;width:calc(100% - 200px)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.home-container{position:relative}.page-header{background-blend-mode:overlay;background-color:#0000004d;background-image:url(/DarkDeity2/static/media/MainLogo.d274a1938eba98bbe37f.jpg);background-position:0;background-size:50% auto;color:#fff;display:flex;height:10vh;position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-body,.page-header{align-items:center;justify-content:center}.page-body{background-color:#83a8f1;color:#410202;flex:1 1;flex-direction:column;font-size:calc(10px + 2vmin);min-height:calc(90vh - 20px);padding:20px 20px 20px 200px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.box-holder{display:flex;justify-content:space-between}.info-box{border:2px solid #000;width:40%}.info-box:first-child{margin-right:auto}.info-box:last-child{margin-left:auto}.battle-result-line{display:flex;justify-content:space-around}.unit-info{margin-right:10px}.menu-bar{background-color:#282c34;box-shadow:2px 0 5px #0000001a;color:#fff;height:100vh;left:0;padding:20px;position:fixed;top:0;width:10vw;z-index:100}.menu-title{border-bottom:1px solid #83a8f1;color:#83a8f1;padding-bottom:10px}.menu-list{list-style:none;padding:0}.menu-list li{margin:15px 0}.menu-list a{color:#fff;font-size:1.1rem;text-decoration:none;transition:color .3s}.menu-list a:hover{color:#83a8f1}.home-link{background:#6a5acd;border-radius:4px;color:#fff;display:inline-block;margin-top:20px;padding:8px 16px;text-decoration:none;transition:background .3s}.home-link:hover{background:#5a4acd}.modal-close-button{align-items:center;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:background .2s ease;width:30px}.modal-close-button:hover{background:#e0e0e0}.modal-close-button:before{content:"X";line-height:1}.character-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.character-card{background:#f7e9aa;border:1px solid #ddd;border-radius:8px;height:auto;padding:1vw;text-align:center;width:15vw}.character-image-full{background:#a7d6ec;border:5px solid #5e5e02;height:400px;padding:10px;width:25vw}.character-image{aspect-ratio:1;height:auto;padding:10px;width:10vw}.character-detail{width:70vw}.upgrade-box.active:before{border:4px solid #fff;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sub-divider1{align-items:stretch;display:flex;gap:50px;justify-content:space-between;width:70vw}.class-card{background:#afafaf;border:1px solid #ddd;border-radius:8px;height:100px;padding:1vw;width:200px}.class-image{aspect-ratio:1;height:140px;padding:10px;width:180px}.class-table{background-color:#b8b6b6;border:2px solid #410202;border-collapse:collapse;margin-bottom:10px}.class-table th{background-color:#282c34;border-bottom:1px solid #f8f7f7;color:#fff;text-align:center;width:100px}.class-table td{border:1px solid #410202;text-align:center;width:12vw}.stat-table{border:3px solid #410202;text-align:center;width:70vw}.stat-table thead{background-color:#282c34;color:#fff}.stat-table td,.stat-table th{border:2px solid #410202;padding:8px;width:8vw}.stat-table thead th{border-right:2px solid #fff}.stat-table thead th:last-child{border-right:2px solid #410202}.stat-table tr{border:3px solid #410202}.text-paragraph{width:70vw}.passive-table{background-color:#b8b6b6;border:2px solid #410202;border-collapse:collapse;width:100%}.passive-table th{background-color:#282c34;border-bottom:1px solid #f8f7f7;color:#fff;padding:8px 16px;text-align:right;width:60px}.passive-table td{border-bottom:1px solid #410202;padding:8px 16px;text-align:left}.active-table{background-color:#b8b6b6;border:2px solid #410202;border-collapse:collapse;width:100%}.active-table th{background-color:#282c34;border-bottom:1px solid #f8f7f7;color:#fff;padding:8px 16px;text-align:right;width:60px}.active-table td{border-bottom:1px solid #410202;padding:8px 16px}.upgrade-box{border-right:1px solid #000;height:50px;padding:4px;position:relative;text-align:center;transition:all .3s ease;width:150px}.upgrade-box.active{border:none}.page-body>div>p{margin:0 auto;max-width:70vw}.filter-controls{align-items:center;display:flex;gap:10px;margin:20px 0}.tag-select{border-radius:4px;min-width:150px;padding:8px}.ring-table{border:2px solid #410202;border-collapse:collapse;margin-left:4vw;width:70vw}.ring-table th{background-color:#5c667a;border-bottom:1px solid #f8f7f7;color:#fff;width:20px}.ring-table td,.ring-table th{padding:8px 16px;text-align:center}.ring-table td{background-color:#a0aeca;border-bottom:1px solid #410202}.ring-image{aspect-ratio:1;height:auto;padding:10px;width:3vw}.ore-table{border:2px solid #410202;border-collapse:collapse;margin-left:4vw;text-align:center;width:70vw}.ore-table th{background-color:#48505f;border-right:2px solid #fff;color:#fff}.ore-table td{background-color:#bcd1f8;border-bottom:2px solid #410202;border-right:2px solid #410202;padding-bottom:5px}.bond-table{border:2px solid #1a074e;border-collapse:collapse;margin-left:4vw;text-align:center;width:70vw}.bond-table th{background-color:#224d66;color:#fff;padding:5px}.bond-table td{background-color:#d2dceb;border:2px solid #1a074e;padding:5px}.bond-image{height:50px;width:auto}.battle-stat{border:3px solid #000;border-collapse:collapse;flex:1 1;text-align:center}.battle-stat td{border:2px solid #000;padding:8px}.page-body{display:flex;gap:20px}.list-container{flex:1 1}.sim-container{display:flex;gap:30px;margin-top:20px;width:100%}.enemy-panel,.unit-panel{background:#ffffff1a;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:1 1;padding:15px}.unit-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.unit-list li{background:#ffffffe6;border-left:4px solid #4a6baf;border-radius:6px;padding:12px}.unit-list button{background:none;border:none;color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:700;padding:4px 0;text-align:left;width:100%}.unit-list button:hover{color:#4a6baf}@media (max-width:768px){.sim-container{flex-direction:column;gap:20px}}.modal-content{display:flex;flex-direction:column;height:100%}.battle-container{display:flex;flex-grow:1;gap:15px}.right-content{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;width:50vw}.units-table{border-collapse:collapse;margin:0 auto;width:70%}.units-table th{font-weight:700;padding:12px;text-align:center}.units-table td{padding:12px;text-align:center;vertical-align:middle}.class-item,.unit-item{align-items:center;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:90%;padding:10px}.class-stats,.unit-stats{color:#383838;font-size:.9em;margin-top:5px;text-align:center}.units-table button{background-color:#4e2721;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:8px 10px;transition:background-color .3s}.units-table button:hover{background-color:#444}.sim-modal{position:fixed}.sim-modal-overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.sim-modal-content{-webkit-overflow-scrolling:touch;background:#fff;border:none;border-radius:4px;height:90vh;left:50%;max-height:90vh;max-width:90vw;outline:none;overflow:auto;padding:20px;position:absolute;top:50%;transform:translate(-45%,-45%);width:90vw;z-index:10000}.weapon-image{height:35px;padding:3px;width:35px}.weapon-table{background-color:#c2b2b2;border:3px solid #410202;border-collapse:collapse;text-align:left;width:75vw}.weapon-table thead{background-color:#404755;color:#fff;font-weight:700;height:50px;text-align:center}.weapon-table td{width:25vw}.weapon-table thead td{border-right:2px solid #b1b0b0}.weapon-table tbody td{border-right:2px solid #410202}.rune-table{background-color:#c2b2b2;border:3px solid #410202;border-collapse:collapse;text-align:left;width:75vw}.rune-table thead{background-color:#404755;color:#fff;font-weight:700;height:50px;text-align:center}.rune-table tbody td{border:1px solid #410202;padding:3px}.big-image{height:200px;margin-top:0;width:200px}.detail-table{background-color:#c2b2b2;border:3px solid #410202;border-collapse:collapse;text-align:left;text-align:center;width:75vw}.detail-table th{background-color:#404755;border-right:2px solid #fff;color:#fff}.detail-table td{border-right:2px solid #410202;padding:5px}.calc-term-container{margin:0 auto;max-width:80vw;padding:20px}.tab-container{display:flex;margin-bottom:-1px}.tab-button{background:#f0f0f0;border:none;border-top:3px solid #ccc;-webkit-clip-path:polygon(0 0,85% 0,100% 100%,15% 100%);clip-path:polygon(0 0,85% 0,100% 100%,15% 100%);cursor:pointer;font-size:1rem;font-weight:700;margin:0 -10px;padding:12px 24px;position:relative;transition:all .3s ease;z-index:1}.tab-button.active{background:#fff;border-top:3px solid #6a5acd;color:#6a5acd;z-index:2}.content-box{background:#fff;border:1px solid #ddd;border-radius:0 5px 5px 5px;box-shadow:0 3px 10px #0000001a;left:3vw;min-height:300px;padding:25px;position:relative;width:70vw}.content-page{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-table{background-color:#b8b6b6;border:2px solid #410202;border-collapse:collapse;margin-bottom:10px}.stat-table th{background-color:#282c34;border-bottom:2px solid #f8f7f7;border-right:2px solid #83a8f1;color:#fff;text-align:center;width:100px}.stat-table td{border:2px solid #410202}
/*# sourceMappingURL=main.b0e86290.css.map*/