.hub{width:890px;padding:30px;background:linear-gradient(140deg,#284338,#152b26 75%)}.hub-head{display:flex;justify-content:space-between;align-items:center}.hub-head h2{margin:10px 0}.hub-balance{font:24px 'Space Grotesk';color:#f4d390;margin-right:25px}.hub-tabs{display:flex;gap:5px;overflow:auto;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.hub-tabs button{background:#ffffff06;border-radius:5px;padding:9px 12px;white-space:nowrap;font-size:11px;color:#a8baa1}.hub-tabs button.active{background:#d9bd7a22;color:#ffe0a0}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hub-card{background:#ffffff05;border:1px solid var(--line);border-radius:9px;padding:17px}.hub-card h3{margin:8px 0;font-size:14px}.hub-card p{font-size:10px;margin:7px 0}.hub-card .primary,.hub-card .secondary{padding:10px 12px;font-size:10px;width:100%;margin-top:10px}.hub-metric{font:30px 'Space Grotesk';color:#f4d390;display:block;margin:10px 0}.hub small{font-size:9px;color:#a8baa1;line-height:1.6}.hub input,.hub select{background:#10251d;border:1px solid var(--line);border-radius:5px;padding:10px;color:#e7dfc9;font:12px 'DM Sans';max-width:100%}.hub select{width:100%}.hub .progress-line{height:7px;border-radius:5px;background:#ffffff0a;margin:15px 0}.hub .progress-line i{display:block;height:100%;background:#d5c18a;border-radius:5px}.level-track{display:flex;justify-content:space-between;gap:6px;margin:20px 0}.level-track span{border:1px solid var(--line);width:36px;height:36px;display:grid;place-items:center;border-radius:7px;color:#7f967f;font-size:11px}.level-track span.done{background:#e2c182;color:#263b2b;border-color:#e2c182}.product-table{width:100%;border-collapse:collapse;font-size:11px}.product-table td,.product-table th{border-bottom:1px solid var(--line);text-align:left;padding:12px 8px}.product-table th{font-size:9px;font-weight:400;color:#9fb094}.product-table input{width:65px}.product-table button{padding:8px 10px;font-size:10px}.hub-row{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.hub-row input{flex:1;min-width:100px}.hub-notice{font-size:10px;line-height:1.7;color:#b7bc9b;background:#d0b67a0a;border:1px solid #d0b67a22;border-radius:7px;padding:13px;margin:15px 0}.skin-preview{font-size:38px;line-height:1.5;text-align:center;filter:drop-shadow(0 6px 7px #0004)}.arena-state{padding:25px;text-align:center;border:1px solid #d8b66e4d;border-radius:10px;background:radial-gradient(ellipse,#b7873e18,transparent)}.arena-state h3{font-size:23px}.hp-row{display:flex;gap:20px;justify-content:center}.hp-row>div{width:40%}.hub button:disabled{opacity:.35}.hub .ref-code{font:28px 'Space Grotesk';letter-spacing:3px;color:#efce8c}.battle-hud{position:fixed;left:50%;top:90px;transform:translateX(-50%);background:#142d29ec;border:1px solid #e6c37d55;border-radius:9px;padding:12px 18px;z-index:8;text-align:center;min-width:280px}.battle-hud b{font-size:12px;display:block}.battle-hud small{font-size:10px;color:#d6c6a1;display:block;margin-top:6px}.battle-hud .bar{width:230px}.battle-hud button{background:#c8aa70;color:#26382c;border-radius:5px;padding:8px;margin-top:8px;font-size:10px}.hub-bottom{font-size:8px;color:#81967e;margin-top:17px}.hub .tab-title{font:21px 'Space Grotesk';margin:0 0 13px}.quest-reward{color:#e5cd91;font-size:10px}.hub .claim{width:auto;float:right;padding:7px 12px}.depth-badge{position:fixed;right:24px;bottom:18px;font-size:8px;color:#d4cfad;text-shadow:0 2px 3px #000}.hub-level{display:flex;align-items:center;gap:15px}.hub-level svg{width:75px}.hub .quest-card{margin-bottom:10px}.hub label{font-size:8px;letter-spacing:1px}.hub .wallet-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}@media(max-width:750px){.hub{padding:20px}.hub-head h2{font-size:21px}.hub-balance{font-size:17px;margin-right:20px}.hub-grid{grid-template-columns:1fr}.hub-tabs{gap:3px}.hub-tabs button{font-size:9px;padding:8px}.product-table{font-size:9px}.product-table th,.product-table td{padding:10px 3px}.product-table input{width:47px;padding:7px}.product-table button{font-size:8px;padding:6px}.hub .ref-code{font-size:21px}.level-track{gap:3px}.level-track span{width:26px;height:29px;font-size:9px}.battle-hud{top:200px;min-width:210px;padding:9px}.battle-hud .bar{width:180px}.depth-badge{display:none}}

.upgrade-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.practice-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border:1px solid #dec88d55;border-radius:9px;background:#d9b86c12;margin:16px 0}.practice-banner b{font-size:14px}.practice-banner p{font-size:10px;margin:7px 0 0}.practice-banner .primary{white-space:nowrap}.referral-table-wrap{overflow:auto}.joined-date{display:block;font-size:8px!important;margin-top:5px}.ref-positive{color:#d5dba5}.ref-empty{text-align:center;padding:35px 15px;color:#a4b597;font-size:12px;border:1px dashed #c5cba337;border-radius:9px}.fight-actions{display:flex;gap:7px;justify-content:center}.fight-actions button{font-size:9px}.hub-level svg{filter:drop-shadow(0 0 10px #ddc67a22)}@media(max-width:750px){.upgrade-options{grid-template-columns:1fr}.practice-banner{align-items:start;flex-direction:column}.referral-table-wrap table{min-width:520px}}

.rank-10{filter:drop-shadow(0 0 12px #ffdf82)!important;animation:rankGlow 2s ease-in-out infinite}@keyframes rankGlow{50%{filter:drop-shadow(0 0 22px #ffe7a6)}}