:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;--bg: #f0f4ff;--bg2: #e8eeff;--card: #ffffff;--card2: #f8faff;--border: rgba(0,0,0,.08);--text: #1a1a2e;--text2: #4a4a6a;--muted: #8888aa;--purple: #7c3aed;--purple2: #a855f7;--pink: #ec4899;--blue: #3b82f6;--cyan: #06b6d4;--green: #10b981;--yellow: #f59e0b;--orange: #f97316;--red: #ef4444;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}h1{font-size:1.8rem;font-weight:800}h2{font-size:1.3rem;font-weight:700}h3{font-size:1rem;font-weight:600}p{color:var(--text2)}.app{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.btn-lg{padding:.8rem 2rem;font-size:1rem}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{box-shadow:0 6px 20px #7c3aed66}.btn-accent{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 4px 15px #06b6d44d}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--purple);color:var(--purple)}.btn-sell{background:linear-gradient(135deg,var(--green),#059669);color:#fff}.input{width:100%;padding:.7rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s;background:#fff;color:var(--text)}.input:focus{border-color:var(--purple)}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text2)}.x-row{display:flex;align-items:center;gap:0}.x-prefix{padding:.7rem .6rem;background:var(--bg2);border:2px solid var(--border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);font-weight:600;color:var(--muted)}.x-input{border-radius:0 var(--radius) var(--radius) 0!important}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.orb1{width:400px;height:400px;background:var(--purple);top:-100px;left:-100px}.orb2{width:300px;height:300px;background:var(--pink);bottom:-50px;right:-50px;animation-delay:2s}.orb3{width:250px;height:250px;background:var(--cyan);top:50%;left:60%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.login-card{position:relative;z-index:1;max-width:420px;margin:5vh auto;padding:0;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.login-header{text-align:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff}.login-header h1{font-size:1.6rem;color:#fff}.login-sub{color:#fffc!important;font-size:.9rem}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#fff3;font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-body{padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem}.follow-x-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--radius);font-weight:600;background:#000;color:#fff;text-decoration:none;transition:all .2s;font-size:.9rem}.follow-x-btn:hover{background:#222;transform:translateY(-1px)}.login-note{text-align:center;font-size:.8rem;color:var(--muted)}.nav{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #0000000a}.nav-logo{cursor:pointer}.nav-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:.7rem;font-weight:800;color:#fff}.nav-links{display:flex;gap:.25rem;flex:1;overflow-x:auto}.nav-link{padding:.4rem .7rem;border-radius:8px;font-size:.8rem;font-weight:500;background:transparent;border:none;cursor:pointer;white-space:nowrap;color:var(--text2);transition:all .2s;font-family:inherit}.nav-link:hover{background:var(--bg2);color:var(--text)}.nav-active{background:linear-gradient(135deg,var(--purple),var(--pink))!important;color:#fff!important}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-tokens{font-weight:700;color:var(--yellow);font-size:.9rem}.nav-level{font-weight:700;color:var(--purple);font-size:.9rem}.main{max-width:960px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.page-desc{color:var(--muted);font-size:.9rem;margin-top:-.5rem}.dashboard-hero{text-align:center;padding:2rem;border-radius:16px;background:linear-gradient(135deg,var(--purple),var(--pink),var(--cyan));color:#fff;box-shadow:0 8px 30px #7c3aed4d}.dashboard-hero h1{color:#fff;font-size:2rem}.dashboard-hero p{color:#ffffffd9!important;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--purple)}.stat-tokens{border-color:var(--yellow)}.stat-level{border-color:var(--purple)}.stat-pulls{border-color:var(--pink)}.stat-items{border-color:var(--blue)}.stat-cards{border-color:var(--cyan)}.stat-daily{border-color:var(--green)}.stat-icon{font-size:1.5rem}.stat-value{display:block;font-size:1.2rem;font-weight:800}.stat-label{display:block;font-size:.75rem;color:var(--muted)}.xp-bar{width:100%;height:6px;background:var(--bg2);border-radius:3px;margin-top:.3rem;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:3px;transition:width .5s ease}.quick-actions h2{margin-bottom:.75rem}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem .75rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-family:inherit}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.action-gacha:hover{border-color:var(--purple);background:linear-gradient(135deg,#7c3aed0d,#ec48990d)}.action-sell:hover{border-color:var(--green);background:#10b9810d}.action-tcg:hover{border-color:var(--blue);background:#3b82f60d}.action-trade:hover{border-color:var(--cyan);background:#06b6d40d}.action-emoji{font-size:2rem}.action-label{font-size:.9rem;font-weight:700}.action-desc{font-size:.75rem;color:var(--muted)}.recent-items h2{margin-bottom:.5rem}.item-row{display:flex;gap:.5rem;flex-wrap:wrap}.mini-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#fff;border:2px solid;border-radius:8px;font-size:.85rem}.mini-emoji{font-size:1.2rem}.mini-name{font-weight:600}.mini-qty{color:var(--muted);font-size:.8rem}.gacha-header{text-align:center}.gacha-machine{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:var(--shadow)}.gacha-orb{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink),var(--cyan),var(--yellow));background-size:300% 300%;animation:orbShift 4s ease-in-out infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #7c3aed4d}.gacha-spinning{animation:orbSpin .3s linear infinite!important}@keyframes orbShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gacha-orb-inner{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.gacha-rates{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.rate-badge{padding:.25rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff}.gacha-info{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text2)}.gacha-actions{display:flex;gap:.75rem}.pull-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.pull-result{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);animation:popIn .4s ease;text-align:center;max-width:340px}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.pull-emoji{font-size:4rem}.pull-rarity{padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff}.pull-value{font-size:.9rem;color:var(--yellow);font-weight:700}.rarity-common{border:2px solid #94a3b8}.rarity-uncommon{border:2px solid #22c55e}.rarity-rare{border:2px solid #3b82f6}.rarity-epic{border:2px solid #a855f7}.rarity-legendary{border:2px solid #f59e0b;box-shadow:0 0 30px #f59e0b4d}.rarity-mythic{border:2px solid #ef4444;box-shadow:0 0 40px #ef444466;animation:mythicPulse 2s ease-in-out infinite}@keyframes mythicPulse{0%,to{box-shadow:0 0 20px #ef44444d}50%{box-shadow:0 0 40px #ef444499}}.multi-pull-result{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;animation:popIn .4s ease}.multi-pull-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}.mini-pull-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border-radius:8px;border:2px solid;background:var(--card2)}.mp-emoji{font-size:1.5rem}.mp-name{font-size:.65rem;font-weight:600;text-align:center}.mp-rarity{font-size:.6rem;font-weight:700}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.inv-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;background:#fff;border:2px solid;border-radius:var(--radius);cursor:pointer;transition:all .2s;position:relative}.inv-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.inv-emoji{font-size:2.5rem}.inv-name{font-size:.85rem;font-weight:700;text-align:center}.inv-rarity{font-size:.7rem;font-weight:700}.inv-qty{font-size:.8rem;color:var(--muted)}.inv-value{font-size:.8rem;color:var(--yellow);font-weight:600}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.detail-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);max-width:360px;animation:popIn .3s ease}.detail-emoji{font-size:4rem}.detail-rarity{padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff}.detail-value{font-size:.9rem;color:var(--yellow);font-weight:700}.detail-actions{display:flex;gap:.75rem}.shop-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.shop-stat{text-align:center;padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.shop-stat-value{display:block;font-size:1.2rem;font-weight:800}.shop-stat-label{display:block;font-size:.75rem;color:var(--muted)}.shop-items{display:flex;flex-direction:column;gap:.5rem}.shop-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid;border-radius:var(--radius)}.shop-item-rarity{font-size:.75rem;font-weight:600}.shop-item-value{margin-left:auto;color:var(--yellow);font-weight:700}.tcg-balance{text-align:center;padding:.75rem;background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:var(--radius);color:#fff;font-weight:600}.tcg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.tcg-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);transition:all .2s;text-align:center}.tcg-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tcg-owned{opacity:.6}.tcg-emoji{font-size:2.5rem}.tcg-rarity{font-size:.7rem;font-weight:700}.tcg-desc{font-size:.8rem;color:var(--muted)}.tcg-stats{display:flex;gap:1rem;font-weight:700;font-size:.9rem}.tcg-owned-badge{color:var(--green);font-weight:700}.trade-create{padding:1.5rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.trade-col{display:flex;flex-direction:column;gap:.5rem}.trade-items{display:flex;flex-wrap:wrap;gap:.4rem;min-height:32px}.trade-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:var(--bg2);border:2px solid;border-radius:8px;font-size:.8rem;font-weight:600}.trade-chip button{background:none;border:none;cursor:pointer;color:var(--red);font-weight:700}.trade-add{display:flex;flex-wrap:wrap;gap:.25rem}.trade-add-btn{width:36px;height:36px;border-radius:8px;border:2px solid;background:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.trade-add-btn:hover{transform:scale(1.15)}.trade-list{display:flex;flex-direction:column;gap:.75rem}.trade-card{padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.trade-from{font-size:.8rem;color:var(--muted)}.trade-side-label{font-size:.75rem;font-weight:700;color:var(--text2);margin-right:.5rem}.trade-offer-side,.trade-request-side{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.trade-item-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;background:var(--bg2);border:2px solid;border-radius:6px;font-size:.75rem}.lb-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:16px;color:#fff;box-shadow:0 8px 30px #7c3aed4d}.lb-avatar{width:72px;height:72px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lb-info h2{color:#fff;font-size:1.1rem}.lb-info p{color:#ffffffb3!important}.lb-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.lb-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.lb-stat-icon{font-size:1.5rem}.lb-stat-value{font-size:1.3rem;font-weight:800}.lb-stat-label{font-size:.75rem;color:var(--muted)}.lb-achievements h2{margin-bottom:.75rem}.ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.ach-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);text-align:center;position:relative;transition:all .2s}.ach-done{border-color:var(--green);background:#10b9810d}.ach-emoji{font-size:1.8rem}.ach-name{font-size:.8rem;font-weight:700}.ach-desc{font-size:.65rem;color:var(--muted)}.ach-badge{position:absolute;top:.5rem;right:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;text-align:center}.empty-emoji{font-size:3rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--text);color:#fff;border-radius:12px;font-weight:600;font-size:.9rem;z-index:200;animation:toastIn .3s ease;box-shadow:var(--shadow-lg)}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.tcg-grid{grid-template-columns:repeat(2,1fr)}.lb-stats{grid-template-columns:repeat(3,1fr)}.ach-grid{grid-template-columns:repeat(2,1fr)}.shop-summary,.trade-columns{grid-template-columns:1fr}.multi-pull-grid{grid-template-columns:repeat(3,1fr)}}