:root{line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-common: #9ca3af;--color-uncommon: #22c55e;--color-rare: #3b82f6;--color-legendary: #f59e0b}:root,button{font-family:Sansita,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body{margin:0;background-color:#0a0a0f;color:#e5e5e5}.screen{min-height:100%;box-sizing:border-box}.screen h1{margin:0 0 1rem;font-size:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{background:#1a1a24;border-radius:.5rem;padding:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.metric{display:flex;flex-direction:column;font-size:.75rem}.metric-label{color:#888;text-transform:uppercase}.metric-value{font-weight:600}.tabs{display:flex;justify-content:stretch;gap:.25rem;margin:1rem 0}.tab{flex-grow:1;background:#20489280;border:none;border-radius:.5rem;color:#888;cursor:pointer;text-transform:capitalize;white-space:nowrap;padding:.25rem 0}.tab.active{background:#6198ff80;color:#fff}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.spinner{width:24px;height:24px;border:2px solid #333;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ef4444;padding:1rem}.viewer-screen{padding:0;position:relative}.viewer-screen.empty{display:flex;align-items:center;justify-content:center}.viewer-container{width:100%;height:100vh}.back-button{position:absolute;top:1rem;left:1rem;z-index:10;padding:.5rem 1rem;background:#0009;color:#e5e5e5;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;cursor:pointer;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s}.back-button:hover{background:#000c}.planet-label{position:absolute;top:1rem;left:50%;transform:translate(-50%);text-align:center}.planet-label h2{margin:0;font-size:1.25rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.planet-owner{margin:.25rem 0 0;font-size:.9rem;color:#cbd5ff;text-shadow:0 1px 6px rgba(0,0,0,.8)}.viewer-metrics{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;background:#0009;padding:.5rem 1rem;border-radius:.5rem}.planet-card{border-left:3px solid var(--color-common)}.planet-card.rarity-uncommon{border-left-color:var(--color-uncommon)}.planet-card.rarity-rare{border-left-color:var(--color-rare)}.planet-card.rarity-legendary{border-left-color:var(--color-legendary)}.planet-name{margin:0 0 .5rem;font-size:1rem}.planet-stats{display:flex;flex-wrap:wrap;gap:.5rem}.leaderboard-table-wrapper{display:flex;flex-direction:column;height:100%}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed}.leaderboard-table th,.leaderboard-table td{text-align:center}.leaderboard-table th{color:#fff;font-size:.75rem;background:#6198ff80}.leaderboard-table-body-container{flex:1;overflow-y:auto;overflow-x:hidden}.leaderboard-table tbody tr{cursor:pointer}.leaderboard-table tbody tr:hover{background:#1a1a24}.leaderboard-table tr.rarity-common td:first-child{color:var(--color-common)}.leaderboard-table tr.rarity-uncommon td:first-child{color:var(--color-uncommon)}.leaderboard-table tr.rarity-rare td:first-child{color:var(--color-rare)}.leaderboard-table tr.rarity-legendary td:first-child{color:var(--color-legendary)}.leaderboard-screen{display:flex;flex-direction:column;height:100%}.leaderboard-screen .table-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.default-screen{display:flex;flex-direction:column;min-height:100vh}.default-content{flex:1;display:flex;align-items:center;justify-content:center}.coming-soon-btn{padding:1rem 2rem;font-size:1.25rem;background:#1a1a24;color:#888;border:2px solid #2a2a3a;border-radius:.5rem;cursor:default}.default-nav{display:flex;gap:1rem;padding-top:1rem}.nav-btn{flex:1;padding:.875rem 1.5rem;font-size:1rem;background:#2a2a3a;color:#e5e5e5;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s}.nav-btn:hover{background:#3a3a4a}.bottom-nav{display:flex;background:#0a0a0ff2;border-top:1px solid #2a2a3a;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:none;border:none;color:#888;cursor:pointer;transition:color .15s}.bottom-nav-tab:hover{color:#aaa}.bottom-nav-tab.active{color:#e5e5e5}.bottom-nav-icon{font-size:1.5rem}.bottom-nav-label{font-size:.75rem;text-transform:capitalize}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:none;flex-shrink:0}.top-bar .user-info .user-name{font-size:1rem;font-weight:500}.top-bar .user-balance{display:flex;gap:.5rem;align-items:center;border-width:4px;border-color:#04061a40;padding:.25rem .25rem .4rem .3rem}.top-bar .balance-value{color:#ff;text-shadow:}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden}