@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);#root,body,html{height:100%;margin:0;padding:0}body{background:linear-gradient(180deg,#1d1c25,#131442)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#1d1c25;height:60px;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{width:100%}.navbar-logo{color:#fff;font-size:24px;margin-left:10px;text-decoration:none}.nav-menu-desktop{align-items:center;display:flex;margin-left:auto}.nav-menu-desktop ul{display:flex;list-style-type:none;margin:0;padding:0}.nav-menu-desktop ul li{margin:0 15px}.nav-menu-desktop ul li a{align-items:center;color:#fff;display:flex;font-size:18px;text-decoration:none}.nav-menu-desktop ul li a .nav-icon{margin-right:8px}.nav-menu-desktop ul li a:hover{text-decoration:underline}.menu-icon{background-color:initial;border:none;color:#fff;cursor:pointer;display:none;font-size:28px}.subscription-status{align-items:center;color:#fff;display:flex;font-size:16px;margin-right:20px}.subscription-status .subscribed{background-color:#4caf50;border-radius:4px;padding:8px 16px}.subscribe-button{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.subscribe-button:hover{background-color:#f57f17}.nav-menu-mobile{display:none}@media screen and (max-width:768px){.nav-menu-desktop,.profile-button,.subscription-status{display:none}.menu-icon{display:block;margin-right:10px}.nav-menu-mobile{align-items:flex-start;background-color:#1d1c25;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;padding-left:20px;padding-top:80px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:80%;z-index:999}.nav-menu-mobile.active{transform:translateX(0)}.nav-menu-mobile ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;width:100%}.nav-menu-mobile ul li{margin:20px 0;width:100%}.nav-menu-mobile ul li a,.nav-menu-mobile ul li button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;padding:10px 0;text-decoration:none;width:100%}.nav-menu-mobile ul li a .nav-icon,.nav-menu-mobile ul li button .nav-icon{font-size:28px;margin-right:15px}.nav-menu-mobile ul li a:hover,.nav-menu-mobile ul li button:hover{color:#f0f0f0}.mobile-signout-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;padding:0}}body{background-color:#f5f5f5;background-color:linear-gradient(180deg,#1d1c25,#131442);color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}.App{display:flex;flex:1 1;flex-direction:column;text-align:center}.App-header{align-items:center;background-color:#282c34;display:flex;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}nav ul{display:flex;list-style-type:none;margin:0;padding:0}nav ul li{margin:0 10px}nav ul li a{color:#fff;font-size:16px;text-decoration:none}nav ul li a:hover{text-decoration:underline}.profile-button{background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s ease}.profile-button.signed-in{background-color:#4caf50}.profile-button:hover{background-color:#ffffff1a}.sign-in-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;opacity:0;padding:16px;pointer-events:none;position:absolute;right:20px;top:100%;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.sign-in-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0)}main{display:flex;flex:1 1;flex-direction:column}.hero{background-color:#f0f0f0;border-radius:8px;margin-bottom:40px;padding:40px}.hero h1{font-size:2.5em;margin-bottom:20px}.cta-button,.signout-button,.subscribe-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.subscribe-button{background-color:#008cba}.signout-button{background-color:#f44336}.user-actions{margin-bottom:20px}.features{display:flex;flex-wrap:wrap;justify-content:space-around}.feature{background-color:#f9f9f9;border-radius:8px;flex-basis:30%;margin-bottom:20px;padding:20px}.feature h3{color:#333}footer{background-color:#282c34;color:#fff;margin-top:40px;padding:20px}.loading{align-items:center;color:#333;display:flex;font-size:24px;height:100vh;justify-content:center}.sign-in-with-apple-button{background:url(data:image/png;base64,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) no-repeat 50%;background-size:contain;border:none;cursor:pointer;font-size:0;height:40px;width:210px}.sign-in-with-apple-button:hover{opacity:.9}.sign-in-with-apple-button:active{opacity:.8}#appleid-signin,.sign-in-with-apple-button .apple-logo,.sign-in-with-apple-button span{display:none}.signed-in-status{align-items:center;display:flex;flex-direction:column}.signed-in-status p{color:#333;font-weight:700;margin-bottom:10px}.signed-in-status .signout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.signed-in-status .signout-button:hover{background-color:#d32f2f}.search-screen{background:linear-gradient(180deg,#1d1c25,#131442);min-height:calc(100vh - 60px);overflow-y:auto;padding-top:60px}.search-navbar,.search-screen{box-sizing:border-box;width:100%}.search-navbar{align-items:center;background-color:#242031;border-bottom:1px solid #ffffff40;display:flex;height:60px;padding:0 20px;position:sticky;top:0;z-index:999}.search-input{background-color:#1d1c25;border:none;border-radius:30px;color:#d7d7d7;flex-grow:1;font-size:16px;margin-right:10px;min-width:0;padding:12px 16px}.search-input::placeholder{color:#888}.view-dropdown{background-color:#1d1c25;border:none;border-radius:30px;color:#d7d7d7;cursor:pointer;font-size:16px;padding:10px 16px}.view-dropdown option{background-color:#242031;color:#d7d7d7}.filter-bar{background-color:#242031;border-bottom:1px solid #ffffff40;flex-wrap:wrap;gap:15px;padding:15px 20px}.filter-bar,.filter-item{align-items:center;display:flex}.filter-item{gap:10px}.filter-item label{color:#d7d7d7;font-weight:500}.filter-item input,.filter-item select{background-color:#1d1c25;border:none;border-radius:30px;color:#d7d7d7;cursor:pointer;font-size:14px;padding:10px 16px}.filter-item select option{background-color:#242031;color:#d7d7d7}@media screen and (max-width:768px){.search-navbar{flex-direction:column;height:auto;padding:10px}.search-input,.view-dropdown{margin-bottom:10px;width:100%}.filter-bar{align-items:stretch;flex-direction:column}.filter-item{justify-content:space-between;width:100%}.filter-item input,.filter-item select{width:100%}}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-content:center;padding:20px}.card-tile{border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding-top:139.64%;position:relative;width:100%}.card-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.card-list{overflow-x:auto;padding:20px}.card-list table{background-color:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 1px 3px #0000001a;font-size:16px;width:100%}.card-list td,.card-list th{border-bottom:1px solid #e0e0e0;font-size:16px;padding:12px 15px;text-align:left;transition:background-color .2s ease}.card-list th{background-color:#f8f9fa;color:#333;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding-right:25px;position:relative;text-transform:uppercase;transition:background-color .2s ease}.card-list th:hover{background-color:#e9ecef}.sort-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.card-list tr:last-child td{border-bottom:none}.card-list tr:nth-child(2n){background-color:#f8f9fa}.card-list tr:hover{background-color:#f1f3f5}.card-list td{color:#333;font-weight:400}.pagination{align-items:center;background-color:#242031;display:flex;gap:15px;justify-content:center;padding:15px 0}.pagination button{background-color:#007bff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.pagination button:disabled{background-color:#444;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#0056b3}.pagination .page-info{color:#d7d7d7;font-size:16px;font-weight:500}@media screen and (max-width:768px){.pagination{flex-direction:column;gap:10px;padding:10px 0}.pagination .page-info{order:-1}.pagination button{width:100%}.card-list table{font-size:12px}.card-list td,.card-list th{padding:5px}}@media screen and (min-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (min-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.color-tag.red{background-color:#ff4136}.color-tag.blue{background-color:#0074d9}.color-tag.yellow{background-color:#ffdc00;color:#000}.color-tag.green{background-color:#2ecc40}.color-tag.purple{background-color:#b10dc9}.color-tag.black{background-color:#111}.color-tag.white{background-color:#ddd;color:#000}.type-tag.character{background-color:#ff851b}.type-tag.event{background-color:#39cccc}.type-tag.site{background-color:#3d9970}.type-tag.action-point{background-color:#85144b}.trigger-tag{background-color:#b10dc9}.raid-tag{background-color:#ff4136}.card-full{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.full-card-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;max-width:800px;overflow:hidden;width:calc(50% - 10px)}.full-card-image{flex:0 0 40%;max-width:40%}.full-card-image img{height:auto;object-fit:contain;width:100%}.card-details{overflow-y:auto;padding:20px}.card-name{font-size:1.5em;margin:0 0 5px}.card-attribute{color:#666;font-size:.9em;margin:0 0 10px}.card-tags{margin-bottom:15px}.card-info p{font-size:.9em;margin:5px 0}.card-effect,.card-trigger-effect{margin-top:15px}.card-effect h3,.card-trigger-effect h3{font-size:1em;margin-bottom:5px}.card-effect p,.card-trigger-effect p{font-size:.9em;margin:5px 0}@media screen and (max-width:1200px){.full-card-container{width:100%}}@media screen and (max-width:768px){.full-card-container{flex-direction:column}.full-card-image{max-width:100%}.card-details{max-height:none}}.card-stats{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:15px;padding:12px}.stat-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stat-row:last-child{margin-bottom:0}.stat-item{align-items:center;display:flex;flex:1 1}.stat-label{color:#666;font-size:.85em;font-weight:600;margin-right:8px;text-transform:uppercase;width:80px}.stat-value{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333;font-size:1.1em;font-weight:700;min-width:30px;padding:4px 8px;text-align:center}.stat-power{justify-content:center}.stat-power .stat-value{background-color:#007bff;color:#fff}.card-detail-screen{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.back-button{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px}.card-detail-container{background-color:initial;border-radius:10px;display:flex;gap:30px;overflow:hidden}.card-detail-image{align-items:center;display:flex;flex:0 0 40%;flex-direction:column;max-width:40%}.card-detail-image img{height:auto;object-fit:contain;width:100%}@media screen and (max-width:768px){.card-detail-container{flex-direction:column}.card-detail-image{max-width:100%}}.card-details{flex:1 1}.card-name{color:#333;font-size:22px;font-weight:700;margin:0}.card-attribute{color:#555;font-size:18px;margin:8px 0 0}.card-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-left:0;margin-top:10px}.card-info{margin-bottom:20px}.card-info .stats-table{border-collapse:collapse;font-family:Open Sans,sans-serif;margin-bottom:20px;width:100%}.stats-table td{padding:10px;text-align:center;vertical-align:middle}.series-row td{background-color:#f5f5f5;font-size:18px;font-weight:700}.stat-cell .label{color:#555}.stat-cell .value{color:#333;font-size:16px}.stats-table td{border:none}.stats-table tr:not(:last-child) td{border-bottom:1px solid #e0e0e0}.stats-table tr td:not(:last-child){border-right:1px solid #e0e0e0}.card-effects{margin-top:20px}.card-effects h3{color:#fff;font-size:1.5em;margin-bottom:10px;padding-bottom:5px}.effect-groups{margin:0;padding:0}.effect-group{margin-bottom:10px;position:relative}.effect-group:last-child{margin-bottom:0}.effect-content{background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px}.effect-group.raid-effect-group .effect-content{border-left:4px solid red;padding-left:10px}.main-effect p{color:#333;font-size:1em;margin:0}.sub-effects{margin-top:5px;padding-left:15px}.sub-effects .sub-effect p{color:#555;font-size:.95em;margin:0}body{background-color:#1d1c25}.card-details h3,.card-info .label,body{color:#fff}.stats-table .info-label,.stats-table .stat-cell{background-color:#ffffffe6;border:1px solid #ddd;color:#333;padding:10px;text-align:center}.info-label .label,.stat-cell .label{color:#555}.card-info-under-image{background-color:#ffffffe6;border-radius:8px;margin-top:15px;padding:10px;text-align:center}.card-info-under-image .card-name{color:#333;font-size:22px;font-weight:700;margin:0}.card-info-under-image .card-attribute{color:#555;font-size:18px;margin:8px 0 0}.card-info-under-image .card-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}.color-tag,.raid-tag,.trigger-tag,.type-tag{border-radius:3px;color:#fff;display:inline-block;font-size:.8em;font-weight:700;margin-right:5px;padding:2px 5px}.stats-table{border-collapse:collapse;margin-top:20px;width:100%}.stats-table .stat-cell{background-color:#ffffffe6;border:1px solid #ddd;color:#333;padding:10px;text-align:center}.stat-cell .label{display:block;font-weight:700;margin-bottom:5px}.stat-cell .value{display:block;font-size:1.2em}.stats-table .series-row .info-label{background-color:#ffffffe6;border:1px solid #ddd;color:#333;padding:10px;text-align:center}.effect-content p,.sub-effects .sub-effect p{text-align:left}.app-links{align-items:center;display:flex;flex-direction:column;margin-top:20px}.app-link{align-items:center;background-color:orange;border-radius:8px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;margin-bottom:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.app-link:hover{background-color:#e69500}.union-arena-logo{height:24px;margin-right:10px;width:24px}.app-store-link img{height:auto;width:150px}.home{align-items:center;background:linear-gradient(180deg,#1d1c25,#131442);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.home-content{color:#fff;margin-bottom:200px;margin-left:auto;margin-right:auto;max-width:800px;padding:0 20px;position:relative;width:100%;z-index:2}.home h1{font-size:3em;font-weight:700}.home h2{color:#ccc;font-size:1.5em;font-weight:400}.homepage-form{margin:20px auto 0;position:relative;width:100%}.home-search{background-color:#242031;border:1px solid #ffffff40;border-radius:2px;box-shadow:0 0 2px #00000080;font-size:20px;line-height:1.25;padding:14px 16px;width:100%}.home-search,.home-search::placeholder{color:#d7d7d7}.home-buttons{display:flex;justify-content:center;margin-top:15px}.home-button{background-color:#242031;border:1px solid #ffffff40;border-radius:2px;color:#d7d7d7;cursor:pointer;font-size:18px;margin:0 10px;padding:12px 24px}.home-button:hover{background-color:#2e2a44}.search-results{background-color:#242031;border:1px solid #ffffff40;border-radius:0 0 2px 2px;left:0;max-height:300px;overflow-y:auto;position:absolute;top:42%;width:100%;z-index:3}.search-result-item{cursor:pointer;display:flex;padding:10px}.search-result-item:hover{background-color:#2e2a44}.result-image{margin-right:10px;width:50px}.result-details{align-items:flex-start;display:flex;flex-direction:column}.result-name{color:#d7d7d7;font-weight:700}.result-number,.result-type{color:#aaa;font-size:.9em}.homepage-collage{bottom:0;height:250px;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.homepage-collage-cards{height:100%;margin:0 auto;position:relative;width:100%}.homepage-collage a{display:block;position:absolute;transition:transform .3s}.homepage-collage a img{height:auto;width:100%}.homepage-collage a:hover{transform:translateY(-10px)}@media screen and (min-width:765px){.home h1{font-size:4em}.home-search{font-size:30px;padding:18px 20px}}@media screen and (max-width:764px){.home h1{font-size:2.5em}.home-search{font-size:24px;padding:18px 20px}.result-image{width:40px}.result-name{font-size:.9em}.homepage-collage{height:200px}.homepage-collage a{bottom:0;transform:translateY(0)}.homepage-collage a:first-child{left:0;width:20%}.homepage-collage a:nth-child(2){left:20%;width:20%}.homepage-collage a:nth-child(3){left:40%;width:20%}.homepage-collage a:nth-child(4){left:60%;width:20%}.homepage-collage a:nth-child(5){left:80%;width:20%}}*,:after,:before{box-sizing:border-box}
/*# sourceMappingURL=main.f768eb27.css.map*/