*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}#app{width:100%;height:100%}.page-container{width:100%;height:100%;display:flex;flex-direction:column}.header{padding:12px 16px;background:#1890ff;color:#fff;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:18px;font-weight:500}.header button{padding:6px 12px;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer}.map-container{flex:1;position:relative}.status-panel{position:absolute;bottom:20px;left:20px;right:20px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000026}.login-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1890ff,#096dd9)}.login-box{background:#fff;padding:32px;border-radius:8px;width:320px;box-shadow:0 4px 12px #00000026}.login-box h2{text-align:center;margin-bottom:24px;color:#333}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#666;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1890ff}.btn{width:100%;padding:12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.btn:hover{background:#40a9ff}.btn:disabled{background:#d9d9d9;cursor:not-allowed}.player-info{display:flex;justify-content:space-between;align-items:center}.distance{font-size:24px;font-weight:700;color:#1890ff}.coords{font-size:12px;color:#999;margin-top:4px}.leaderboard{max-height:200px;overflow-y:auto}.leaderboard-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.leaderboard-item:last-child{border-bottom:none}.rank{width:24px;height:24px;background:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;color:#666}.rank-1{background:gold;color:#fff}.rank-2{background:silver;color:#fff}.rank-3{background:#cd7f32;color:#fff}.player-marker{background:#1890ff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.player-marker:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1890ff}.error-msg{color:#ff4d4f;font-size:14px;text-align:center;margin-bottom:16px}.loading{text-align:center;padding:20px;color:#999}