@import"https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&display=swap";.user-menu{display:flex;align-items:center;gap:8px;background-color:var(--secondary-color);color:#fff;padding:4px 4px 4px 8px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.user-menu:hover{background-color:#ffffff1a}.dashboard-button{color:#fff;font-weight:500;text-decoration:none}.loading-indicator{color:#888;font-size:14px}.main-nav{background-color:var(--card-bg-color);width:100%;padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1.2rem}.logo-image{height:48px;margin-right:8px}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-size:1rem;display:flex;align-items:center;transition:color .2s}.nav-link:hover{color:#e6c46c}.search-icon{width:16px;height:16px;margin-left:4px}.auth-section{display:flex;align-items:center}.login-button{background-color:#ffc107;color:#000;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .2s}.login-button:hover{background-color:#ffca2c}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{width:100%;justify-content:center}}.user-avatar-container{display:inline-block;vertical-align:middle}.user-avatar{width:32px;height:32px;border-radius:50%;vertical-align:middle;object-fit:cover}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.user-menu{display:flex;align-items:center}.homepage{color:var(--text-color);background-color:var(--background-color);overflow-x:hidden;width:100%;background-color:#0d0d0d;min-height:100vh;color:#fff}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;min-height:calc(100vh - 60px);position:relative;overflow:hidden;background:radial-gradient(circle at center,#1a1a1a,#0d0d0d)}.hero-section:before{content:"";position:absolute;width:200vw;height:200vh;top:-50vh;left:-50vw;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 2000 2000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") repeat;opacity:.15;animation:grain 1s steps(1) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.hero-section:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:linear-gradient(circle at center,rgba(255,193,7,.1) 0%,transparent 50%);animation:rays 8s infinite linear}@keyframes rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cards-display{margin-bottom:2rem;perspective:1000px;position:relative;z-index:1}.card-showcase{position:relative;width:100%;max-width:640px;height:400px;margin:auto}.showcase-card{position:absolute;width:224px;height:auto;border-radius:4px;box-shadow:0 0 20px #00000080;transition:transform .2s ease,box-shadow .2s ease}.showcase-card:hover{box-shadow:0 0 30px #ffc10799;transform-origin:center;cursor:pointer}.left-card{left:50%;transform:translate(-230px) rotate(-15deg);z-index:1}.left-card:hover{transform:translate(-280px) rotate(-15deg) scale(1.05);z-index:4}.center-card{left:50%;transform:translate(-125px);z-index:3}.center-card:hover{transform:translate(-125px) scale(1.1);z-index:5}.right-card{left:50%;transform:translate(-20px) rotate(15deg);z-index:2}.right-card:hover{transform:translate(30px) rotate(15deg) scale(1.05);z-index:4}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-content h1{font-size:4rem;font-weight:700;color:#fff}.cta-container{margin-bottom:2rem}.cta-button{display:inline-block;background-color:#ffc107;color:#000;font-weight:700;padding:1rem 2rem;border-radius:4px;text-decoration:none;transition:.2s;font-size:1.1rem}.cta-button:hover{background-color:#ffca2c;box-shadow:0 0 20px #ffc107cc;translate:0 -2px}.hero-description{font-size:2rem;max-width:600px;margin:auto;margin-bottom:2rem;line-height:1.6;color:#fffc}@media (max-width: 768px){.showcase-card{width:180px}.left-card{transform:translate(-160px) rotate(-15deg)}.center-card{transform:translate(-90px)}.right-card{transform:translate(-20px) rotate(15deg)}.hero-content h1{font-size:2.2rem}}@media (max-width: 480px){.showcase-card{width:140px}.left-card{transform:translate(-120px) rotate(-15deg)}.center-card{transform:translate(-70px)}.right-card{transform:translate(-20px) rotate(15deg)}}.hero-content{flex:1;max-width:var(--max-content-width);margin:0 auto;padding:0 2rem}.hero h1{font-size:4rem;margin-bottom:1.5rem;font-weight:700}.hero p{font-size:1.3rem;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.btn{padding:1rem 2rem;border-radius:4px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.btn.primary{background-color:#fff;color:var(--primary-color)}.btn.primary:hover{background-color:#f0f0f0;transform:translateY(-2px)}.btn.secondary{background-color:transparent;border:2px solid white;color:#fff}.btn.secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #0003}.features{width:100%;padding:6rem 2rem;text-align:center}.features h2{font-size:3rem;margin-bottom:4rem}.feature-grid{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:var(--max-content-width);margin:0 auto;padding:24px}.feature-card{width:640px;background-color:var(--card-background);padding:2.5rem;border-radius:8px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.8rem;margin-bottom:1.2rem}.commands{width:100%;padding:6rem 2rem;text-align:center}.commands h2{font-size:3rem;margin-bottom:4rem}.command-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:var(--max-content-width);margin:0 auto}.command-item{background-color:var(--background-color);padding:2rem;border-radius:8px;text-align:left}.command-item code{display:inline-block;background-color:#0000004d;padding:.7rem 1.2rem;border-radius:4px;font-family:monospace;margin-bottom:.8rem;color:var(--primary-color);font-size:1.1rem}.command-item p{font-size:1.1rem}footer{width:100%;background-color:var(--background-color);padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-content-width);margin:0 auto;flex-wrap:wrap;gap:2rem}.footer-logo h3{font-size:1.8rem;margin-bottom:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--accent-color);text-decoration:none;transition:color .3s ease;font-size:1.1rem}.footer-links a:hover{color:var(--primary-color)}@media (max-width: 1400px){.feature-grid,.command-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{flex-direction:column;padding:3rem 1rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.hero-content{order:2;padding:1rem}.hero-image{order:1;margin-bottom:2rem;max-width:90%}.feature-grid,.command-list{grid-template-columns:1fr}.features h2,.commands h2{font-size:2.2rem}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;text-align:center;padding:.8rem 1.5rem;font-size:1rem}.feature-card,.command-item{padding:1.5rem}}.board-page{min-height:100vh;margin-bottom:100px}.board-container{max-width:800px;height:800px;margin:2rem auto;background-image:url(/images/board-background.jpg);background-size:cover;background-position:center;border-radius:10px;box-shadow:0 10px 30px #00000080}.player-stats{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;border-radius:8px 8px 0 0;margin-bottom:.5rem}.player-info{width:240px;display:flex;flex-direction:column}.player-name{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.player-value{display:flex;flex-direction:column;width:240px;align-items:flex-end}.value-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.gold-icon{width:28px;height:100%}.value-amount{justify-content:center;font-weight:700;color:gold;font-size:1.2rem}.player-power{width:240px;display:flex;flex-direction:column;align-items:center}.power-label,.value-label{font-size:.8rem;opacity:.8;margin-bottom:.2rem}.power-amount{font-weight:700;font-size:1.2rem}.game-board{padding:.2rem .8rem}.board-row{display:flex;margin-bottom:.6rem}.board-row:last-child{margin-bottom:0}.row-icon{display:flex;align-items:center;justify-content:center;width:129px;font-size:1.5rem;margin-right:2.5rem}.board-cell{width:137px;height:204px;margin-right:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.board-cell:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.board-cell:last-child{margin-right:0}.cell-number{font-size:2rem;font-weight:700;color:#ffffffb3}.card{width:90%;height:90%;overflow:hidden;border-radius:4px;background-color:#2c2f33;display:flex;align-items:center;justify-content:center}.card img{height:100%;object-fit:cover}.card-placeholder{font-size:2rem;font-weight:700}.loading,.error{display:flex;align-items:center;justify-content:center;height:calc(100vh - 70px);font-size:1.5rem}.error{color:#f55}@media (max-width: 768px){.board-container{padding:.5rem}.player-stats{flex-direction:column;gap:1rem}.board-row{flex-direction:column;margin-bottom:.5rem}.row-icon{width:100%;height:40px;margin-right:0;margin-bottom:.5rem;border-radius:8px 8px 0 0}.board-cell{width:100%;height:100px;margin-right:0;margin-bottom:.5rem}}.board-search-container{max-width:800px;margin:1rem auto;padding:0 1rem}.board-search-form{display:flex;gap:.5rem}.board-search-input{flex:1;padding:.8rem 1rem;border-radius:4px;border:1px solid #2C2F33;background-color:#2c2f33;color:#fff;font-size:1rem}.board-search-input:focus{outline:none;border-color:#5865f2;box-shadow:0 0 0 2px #5865f24d}.board-search-button{padding:.8rem 1.5rem;background-color:#5865f2;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.board-search-button:hover{background-color:#4752c4}@media (max-width: 768px){.board-search-form{flex-direction:column}.board-search-button{width:100%}}.board-actions{max-width:800px;margin:0 auto 1rem;padding:0 1rem;display:flex;justify-content:flex-end}.card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 8px #0003;transition:transform .2s ease}.card-image{width:100%;height:auto;object-fit:cover}.upgrade-star-icon{width:8px;height:8px}.card{position:relative;transition:transform .2s,box-shadow .2s}.board-card-stats{position:absolute;bottom:0;color:#fff;font-size:.6rem;font-weight:700}.rarity-common{box-shadow:0 1px 4px 1px #c8c8c81a}.rarity-uncommon{box-shadow:0 1px 4px 2px #0f03}.rarity-rare{box-shadow:0 0 8px 2px #1e90ff66}.rarity-epic{box-shadow:0 1px 12px 1px #f700ff99}.rarity-legendary{box-shadow:0 0 16px 6px #fca90fc5}.rarity-immortal{box-shadow:0 0 18px 7px #f00c;animation:immortalPulse 2s infinite alternate}.rarity-god{box-shadow:0 0 20px 8px #ffffffe6;animation:godRainbow 3s infinite}@keyframes immortalPulse{0%{box-shadow:0 0 18px 7px #f00c}to{box-shadow:0 0 22px 9px #ff0000e6}}@keyframes godRainbow{0%{box-shadow:0 0 20px 8px #f00c}20%{box-shadow:0 0 20px 8px #ffa500cc}40%{box-shadow:0 0 20px 8px #ff0c}60%{box-shadow:0 0 20px 8px #0f0c}80%{box-shadow:0 0 20px 8px #00fc}to{box-shadow:0 0 20px 8px #8a2be2cc}}.card:hover{transform:scale(1.05);z-index:10}.game-board-container{display:flex;justify-content:space-between}.game-board{flex:3;padding:.2rem .8rem}.trait-synergies-column{flex:0 0 auto;padding-top:7rem;padding-right:3.2rem;display:flex;flex-direction:column;align-items:center;max-width:120px}.synergies-container{margin-bottom:16px;max-height:500px;position:relative}.bg-tier-0{background-image:url(/images/traits-bg/0.png);filter:drop-shadow(0px 10px 4px #393429)}.bg-tier-1{background-image:url(/images/traits-bg/1.png);filter:drop-shadow(0px 10px 4px #5b5c61)}.bg-tier-2{background-image:url(/images/traits-bg/2.png);filter:drop-shadow(0px 4px 4px #ddc444)}.bg-tier-3{background-image:url(/images/traits-bg/3.png);filter:drop-shadow(0px 4px 8px #3eff4e)}.bg-tier-4{background-image:url(/images/traits-bg/4.png);filter:drop-shadow(0px 4px 15px #85ffcc)}.synergy-item{padding:16px;margin-bottom:16px;background-size:100%;background-position:top;background-repeat:no-repeat}.synergy-item:hover{transform:scale(1.1)}.synergy-image-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.synergy-image{width:100%;height:100%}.synergy-info{position:absolute;top:0%;left:25%;transform:translate(50%);background-color:#000c;border-radius:4px;padding:.5rem;width:150px;display:none;z-index:100}.synergy-item:hover .synergy-info{display:block}.synergy-name{font-weight:700;font-size:.9rem;margin-bottom:.2rem;text-align:center}.synergy-count{font-size:.8rem;color:#aaa;margin-bottom:.2rem;text-align:center}.synergy-effect{font-size:.75rem;color:#fc0;text-align:center}@media (max-width: 900px){.game-board-container{flex-direction:column}.trait-synergies-column{max-width:100%;margin-top:1rem;margin-right:0}.synergies-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.synergy-item{width:calc(50% - .5rem)}}@media (max-width: 600px){.synergy-item{width:100%}}.board-card-stats{display:flex;justify-content:center;border-radius:9px;background-color:#00000080;padding:1px 2px}.stat.attack{color:#f55}.stat.health{color:#5f5}.stat-separator{color:#fff}.card-page{width:100%;margin:0 auto}.page-container{padding:24px;max-width:1440px;margin:0 auto}.card-filters{padding:24px;margin-bottom:4px}.search-filter-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width: 768px){.search-filter-container{flex-direction:row;justify-content:space-between;align-items:center}}.search-container{flex:1}.search-input{width:100%;padding:10px 15px;background-color:var(--background-color);color:var(--text-color);border:1px solid #505050;border-radius:4px;font-size:16px}.filter-container{display:flex;gap:8px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:24px}.filter-group label{font-weight:700;white-space:nowrap}.filter-select{padding:12px;border:1px solid #505050;border-radius:4px;background-color:var(--background-color);color:var(--text-color);min-width:150px}.results-count{font-style:italic;color:#a1a1a1}.cards-container{overflow-x:auto}.cards-table{width:100%;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;border-radius:8px;background-color:#1e1e1e;border:1px solid #505050;overflow:hidden}.cards-table th,.cards-table td{padding:4px 16px;min-width:160px;text-align:left;border-bottom:1px solid var(--border-color)}.cards-table th{background-color:#333;font-weight:700;position:sticky;top:0;z-index:10}.card-row{cursor:pointer;transition:background-color .2s}.card-row:hover{background-color:#272727}.attack-type-icon{width:20px;height:20px;vertical-align:middle;margin-right:5px}.card-image-container{width:120px;height:180px;overflow:hidden;border-radius:4px}.card-thumbnail{width:100%;height:100%;object-fit:cover}.skills-preview{display:flex;flex-direction:column;gap:4px}.name-preview{font-weight:semi-bold;font-size:1.25rem;margin-bottom:4px;min-width:240px}.skill-item{font-size:.9em}.skill-name{font-weight:700}.no-skills{color:#999;font-style:italic}.no-results{text-align:center;padding:40px;color:#666;font-size:18px;background-color:#f9f9f9;border-radius:8px;margin-top:20px}.loading,.error-message{text-align:center;padding:40px;font-size:18px}.error-message{color:#d9534f}.results-pagination-container{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.results-count{font-size:14px;color:#555}.pagination{display:flex;align-items:center;gap:10px}.pagination-button{padding:4px 8px;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.pagination-button:hover:not(:disabled){background-color:#1a252f}.pagination-button:disabled{opacity:.25;cursor:not-allowed}.page-info{font-size:14px;color:#2c3e50}.skeleton{opacity:.7;animation:pulse 1.5s infinite}.skeleton-image{width:60px;height:80px;background-color:#e0e0e0;border-radius:4px}.skeleton-text{height:16px;margin:5px 0;background-color:#e0e0e0;border-radius:4px;width:80%}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.how-to-play{width:100%;margin:auto;justify-items:center}.guide-content{max-width:1200px;padding:2rem;border-radius:12px;margin-top:2rem}.guide-content h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:2rem}.getting-started{margin-bottom:3rem}.guide-step{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;border-radius:8px}.guide-step code{display:inline-block;background:#c1c1c1;color:#151515;padding:.25rem .75rem;border-radius:4px;margin:.5rem;font-weight:700}.step-number{background:#272727;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin-right:1.5rem;flex-shrink:0}.step-content{flex-grow:1}.step-content h3{color:#fff;margin-bottom:.5rem}.command-section{margin-bottom:3rem}.command-section h2{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.command-card{background:#ffffff1a;padding:1.5rem;border-radius:8px;transition:transform .2s,background-color .2s}.command-card:hover{transform:translateY(-2px);background:#ffffff26}.command-card code{display:inline-block;background:#c1c1c1;color:#151515;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-weight:700}.command-card p{color:#fff;margin:0;font-size:.9rem}.help-section{text-align:center;padding:2rem;background:#ffffff0d;border-radius:8px}.help-section code{background:#c1c1c1;color:#111;padding:.25rem .5rem;border-radius:4px;font-weight:700}.help-links{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.help-link{color:#ffc107;text-decoration:none;transition:color .2s;font-weight:700}.help-link:hover{color:#fff}@media (max-width: 768px){.how-to-play,.guide-content{padding:1rem}.command-grid{grid-template-columns:1fr}.guide-content h1{font-size:2rem}}.card-details-page{display:flex;background-color:var(--background-color, #23272A);color:var(--text-color, #FFFFFF);min-height:calc(100vh - 60px);flex-direction:column;align-items:center}.loading-details,.error-details{margin-top:4rem;font-size:1.5rem;text-align:center}.details-container{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;padding:2rem;max-width:1200px;width:100%;background-color:var(--secondary-color, #2C2F33);border-radius:8px;margin-top:2rem;box-shadow:0 4px 15px #0000004d}.card-image-large-container{flex:1 1 400px;max-width:450px;display:flex;justify-content:center;align-items:flex-start}.card-image-large{max-width:100%;height:auto;border-radius:10px;box-shadow:0 0 20px #00000080}.card-info-container{flex:1 1 600px;max-width:600px;display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;background-color:var(--secondary-color, #2C2F33)}.card-detailed-name{position:relative;font-size:2rem;font-weight:700;margin:0;flex:1}.card-rarity{font-size:1.2rem;font-style:semibold;margin:0 0 0 1rem;padding:.3rem .8rem;border-radius:4px;background-color:#0003;white-space:nowrap}.card-meta,.card-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:1rem;color:var(--accent-color, #99AAB5);background-color:#0003;padding:.75rem;border-radius:4px}.card-stats span{background-color:#ffffff1a;padding:.3rem .6rem;border-radius:3px;white-space:pre}.gold-icon{height:auto}.card-description,.card-skills{margin-top:1rem}.card-description h2,.card-skills h2{font-size:1.5rem;margin-bottom:.5rem;padding-bottom:.3rem;color:var(--text-color)}.card-description p{line-height:1.6;color:#ffffffe6}.card-skills ul{list-style:none;padding:0}.card-skills li{background-color:#00000026;padding:.75rem;margin-bottom:.5rem;border-radius:4px;line-height:1.5}.card-skills li strong{color:var(--primary-color, #ffc107)}@media (max-width: 768px){.details-container{flex-direction:column;align-items:center;gap:2rem;padding:1.5rem}.card-image-large-container,.card-info-container{flex-basis:auto;max-width:90%}}.dashboard-page{min-height:100vh}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.user-profile-header{display:flex;align-items:center;gap:1rem;background-color:var(--background-color);border-radius:8px;margin-bottom:2rem}.profile-user-avatar{width:96px;height:96px;border-radius:12px;overflow:hidden}.avatar-placeholder{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.user-info{flex:1}.username{font-size:2rem;margin:0 0 .5rem;color:var(--primary-color)}.user-level{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.user-resources{display:flex;gap:1.5rem}.resource{display:flex;align-items:center;gap:.5rem}.resource-icon{width:24px;height:24px}.resource-value{font-size:1.2rem;font-weight:700}.user-stats{display:flex;gap:2rem;margin-left:auto}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.9rem;color:var(--text-color)}.rank-display{display:flex;align-items:center;gap:1rem}.rank-badge{width:48px;height:48px;object-fit:contain}.rank-details{display:flex;flex-direction:column}.dashboard-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-button{background:none;border:none;color:var(--text-color);font-size:1.2rem;padding:.75rem 1.5rem;cursor:pointer;position:relative;transition:color .3s}.tab-button:hover{color:var(--text-color)}.tab-button.active{color:var(--primary-color)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color)}.collection-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-input{padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#0003;color:var(--text-color);width:300px}.filter-group{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#0003;color:var(--text-color)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card-item{margin:auto;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.25rem}.profile-card-image-container{position:relative;width:100%;padding-top:150%;overflow:hidden}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-level{position:absolute;top:0;background-color:#00000026;color:#ffc107;padding:.1rem .2rem;border-radius:2px;font-weight:700;font-size:.4rem}.card-name-rarity-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:4px}.card-name{font-size:1rem;font-weight:700}.rarity-image{height:32px;width:auto}.card-stats{color:var(--text-color);font-weight:700;font-size:.75rem;padding:.5rem}.no-results{text-align:center;padding:2rem;font-size:1.2rem;color:#e0e0e0}.cooldowns-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.cooldown-item{display:flex;align-items:center;background-color:#0000004d;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000004d}.cooldown-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0006}.cooldown-item.available{border:2px solid #4caf50}.cooldown-icon{font-size:2.5rem;margin-right:1.5rem}.cooldown-info{flex:1}.cooldown-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.cooldown-time{font-size:1rem;color:#e0e0e0}.cooldown-item.available .cooldown-time{color:#4caf50;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.stats-card h3{font-size:1.5rem;margin-top:0;margin-bottom:1rem;color:#ffc107;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.stats-row{display:flex;justify-content:flex-start;gap:1rem;margin-right:.8rem;font-size:1.1rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.5rem}.error-message{background-color:#f003;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}:root{height:fit-content;font-family:Caudex,serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #ffc107;--secondary-color: #2C2F33;--accent-color: #99AAB5;--text-color: #FFFFFF;--background-color: #23272A;--card-background: #2C2F33;--border-color: #333333;--error-color: #dc3545;--success-color: #28a745;--info-color: #17a2b8;--warning-color: #ffc107;--max-content-width: 1440px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-x:hidden}#root{display:flex;flex-direction:column}.homepage{flex:1;display:flex;flex-direction:column;width:100%}h1{font-size:2.5em;color:#ffc107;line-height:1.1}h2{font-size:1.5em;color:#ffc107;line-height:1.1;margin-bottom:.5rem}.skill-value{color:#fff39b;font-family:monospace;font-size:1.1em;background-color:#ffffff1a;padding:0 4px;border-radius:3px}.login-button{background-color:var(--primary-color);color:#000;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:700;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 4px #0003}.login-button:hover{background-color:#e6ac00;transform:translateY(-2px)}.logout-button{background-color:var(--error-color);color:#fff;padding:12px 16px;border-radius:6px;border:none;font-family:Caudex,serif;font-weight:400;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003}.logout-button:hover{background-color:var(--error-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.legal-page{color:#fff;background-color:#23272a;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:0 20px}.legal-header{background-color:var(--background-color);padding:40px 0;text-align:center}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:20px;font-weight:500;position:absolute;left:20px;top:20px}.back-link:hover{text-decoration:underline}.legal-header h1{font-size:2.5rem;margin:0 0 10px}.legal-content{flex:1;padding:40px 0}section{margin-bottom:32px}h2{margin-bottom:24px}h3{margin-bottom:16px}p,ul,li{line-height:1.6;margin-bottom:16px}ul{padding-left:20px}li{margin-bottom:8px}.legal-footer{background-color:#2c2f33;padding:20px 0;text-align:center}.footer-links{margin-top:10px}.footer-links a{color:#99aab5;text-decoration:none;margin:0 10px}.footer-links a:hover{color:#5865f2;text-decoration:underline}@media (max-width: 768px){.legal-header{padding:60px 0 30px}.back-link{position:static;margin-bottom:20px;display:block}}