*{box-sizing:border-box}body{color:#fff;background:#0b0e14;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.landing h1{margin-bottom:10px;font-size:64px}.landing p{color:#a8b0c2;font-size:20px}.stats{gap:25px;margin:40px 0;display:flex}.stat-card{background:#151a25;border-radius:15px;width:200px;padding:25px}.stat-card h2{margin:0;font-size:35px}button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:10px;padding:15px 35px;font-size:18px}button:hover{opacity:.85}.layout{min-height:100vh;display:flex}.sidebar{background:#111620;width:260px;padding:30px}.sidebar h2{margin-bottom:40px;font-size:28px}.sidebar p{color:#a8b0c2;cursor:pointer;padding:12px 0}.sidebar p:hover{color:#fff}.content{flex:1;padding:40px}.sidebar a{color:#a8b0c2;padding:12px 0;text-decoration:none;transition:all .2s;display:block}.sidebar a:hover{color:#fff;transform:translate(5px)}.hero-card{background:linear-gradient(135deg,#151a25,#20283a);border-radius:20px;margin-bottom:30px;padding:35px}.hero-card h1{margin:0 0 10px;font-size:42px}.license-status{background:#0b0e14;border-radius:12px;justify-content:space-between;max-width:300px;margin-top:25px;padding:15px;display:flex}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px;display:grid}.dashboard-card{background:#151a25;border-radius:18px;padding:25px}.dashboard-card h2{margin-top:0}.big-number{font-size:42px;font-weight:700}.xp-bar{background:#0b0e14;border-radius:20px;width:100%;height:12px;overflow:hidden}.xp-progress{background:#5865f2;width:35%;height:100%}.announcement{margin-top:20px}.champion-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.champion-card{background:#151a25;border-radius:18px;padding:25px;transition:all .2s}.champion-card:hover{transform:translateY(-5px)}.champion-card h2{margin-top:15px}.tier{background:#5865f2;border-radius:20px;padding:6px 12px;font-size:14px;display:inline-block}.champion-card button{width:100%;margin-top:15px}.champion-details{max-width:900px}.details-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin:30px 0;display:grid}.champion-details button{margin-top:20px}.trade-layout{grid-template-columns:1fr 1fr;gap:25px;display:grid}.trade-item{cursor:pointer;background:#0b0e14;border-radius:12px;justify-content:space-between;margin:10px 0;padding:15px;display:flex}.trade-item:hover{background:#20283a}.trade-item button{padding:8px 15px;font-size:14px}.trade-item p{margin:5px 0}hr{background:#30384d;border:none;height:1px;margin:25px 0}.trade-container{grid-template-columns:1fr 1fr;gap:30px;display:grid}.trade-panel{background:#151a25;border-radius:20px;padding:25px}.trade-card{background:#0b0e14;border-radius:14px;justify-content:space-between;align-items:center;margin:12px 0;padding:15px;display:flex}.trade-card h3{margin:0}.trade-card p{color:#a8b0c2;margin:5px 0}.trade-card button{padding:10px 15px;font-size:14px}.wanted-box{background:#20283a;border-radius:15px;padding:20px}.offer-item{background:#0b0e14;border-radius:10px;margin:8px 0;padding:12px}.modal-overlay{background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.trade-modal{background:#151a25;border-radius:20px;width:450px;padding:30px}.modal-section{background:#0b0e14;border-radius:12px;margin:15px 0;padding:15px}.modal-buttons{justify-content:flex-end;gap:15px;display:flex}.profile-card{background:#151a25;border-radius:20px;margin-bottom:25px;padding:30px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:25px;display:grid}.mission-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.leaderboard{flex-direction:column;gap:15px;display:flex}.leader-card{background:#151a25;border-radius:18px;padding:20px}.competition-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.rarity-badge{color:#fff;background:#5865f2;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.traits{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.trait{color:#a8b0c2;background:#0b0e14;border-radius:12px;padding:4px 10px;font-size:13px}.offer-item{background:#0b0e14;border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0;padding:12px;display:flex}.remove-offer-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:4px 10px;font-size:12px}.remove-offer-btn:hover{opacity:.8}.trade-card p{margin:4px 0}.trade-card .rarity-badge{color:#fff;background:#5865f2;border-radius:16px;margin-bottom:6px;padding:3px 10px;font-size:12px;display:inline-block}