*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,[contenteditable="true"]{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}
body{touch-action:manipulation}
.container-fluid{max-width:100%}
.h-vh-100{height:100dvh;overflow:hidden;box-sizing:border-box}
#index-section{display:flex;flex-direction:column;justify-content:space-between}
#header-section{flex:1;overflow:hidden}
.rankings{display:flex;align-items:flex-start;padding:10px;height:-webkit-fill-available;height:-moz-available;gap:10px;background-image:url(/images/giftcode/giftcode.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}
.rankings-layout{display:grid;grid-template-columns:1fr;gap:15px;height:100%;width:100%}
.rankings-main{height:100%;overflow:hidden;display:flex;flex-direction:column}
.rankings-info{width:100%;border-radius:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:10px;background:rgba(255,255,255,0.05);box-shadow:0 4px 15px rgba(0,0,0,0.2),inset 0 0 10px rgba(255,255,255,0.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,0.6);outline:1px solid rgba(255,255,255,0.8);height:100%;flex:1;overflow:hidden}
.rankings-tab{flex-direction:column;align-items:flex-start!important;border-bottom:none!important;width:auto!important}
.nav-item{width:max-content}
.nav-link{font-size:12px;color:#fff!important;padding:5px!important}
.nav-tabs .nav-link.active{color:#fd7e14!important}
#rankingsTabContent,.tab-pane{width:100%;display:flex!important;flex-direction:column;height:100%!important}
.tab-pane:not(.show){display:none!important}
.rankings-list{flex:1;overflow-y:auto;padding:5px;scrollbar-width:none;-ms-overflow-style:none}
.rankings-list::-webkit-scrollbar{display:none}
.rankings-container{border-bottom:1px solid #ccc;padding:5px;display:flex;justify-content:space-between;align-items:center}
.rankings-user{border-top:1px solid #ccc;padding:5px;display:flex;justify-content:space-between;align-items:center}
.rankings-container-user{display:flex;justify-content:flex-start;align-items:center;gap:15px;flex:1}
.rankings-container-user-rank{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.rankings-container-user-rank img{flex-shrink:0}
.rankings-container-user-rank-number{display:flex;align-items:center}
.rank-number{width:15px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.rank-number-text{width:auto;display:inline-block;text-align:center;white-space:nowrap}
.rankings-container-score{display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.rankings-container-score img{width:20px;height:20px}
.current-user{display:flex;flex-direction:column;gap:5px;padding:5px;font-size:12px}
.coins-col{font-size:14px;font-weight:600}
.score-km{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-width:40px}
.truncate-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.rankings-container span,.current-user span{font-size:12px}
.empty-data{flex:1;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0.8}
.empty-data i{font-size:30px}
.empty-data span{font-size:12px}
.loading-placeholder{height:100%;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0.8;font-size:18px}
.loading-placeholder i{font-size:30px;margin-bottom:10px;color:#fff}
.loading-placeholder span{font-size:14px;text-align:center}
.guide-sidebar{background:rgba(255,255,255,0.08);border-radius:5px;padding:10px;box-shadow:0 4px 15px rgba(0,0,0,0.15);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);height:100%;overflow-y:auto}
.guide-data{padding:10px}
.guide-data h4{color:#fd7e14;margin-bottom:15px;font-size:18px}
.guide-data ul{list-style:disc;padding-left:20px;margin-bottom:15px}
.guide-data li{margin-bottom:8px;font-size:14px}
.guide-gift{width:50px;filter:drop-shadow(0 0 20px var(--orange))}
.card-gift{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.card-gift-item{display:flex;flex-direction:column;align-items:center;gap:5px}
.card-gift-item img{width:100%;border-radius:5px;filter:drop-shadow(0 0 7px var(--orange))}
@media (min-width:768px){.rankings-layout{grid-template-columns:repeat(9,1fr)}.rankings-main{grid-column:span 5}.guide-sidebar{grid-column:span 4}#guide,#guide-tab,.d-md-none{display:none!important}}
@media (max-width:767px){.card-gift-item{font-size:10px}}
#journey-list .rankings-container{opacity:0;animation:fadeIn 0.5s ease-in forwards}
@keyframes fadeIn{to{opacity:1}}
.fa-spin{animation:fa-spin 2s infinite linear}