@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;900&family=Orbitron:wght@700;900&display=swap";:root{--bg-deep:#050811;--bg-surface:#0d1225;--text-main:#f0f2f5;--text-dim:#6b7280;--neon-gold:#ffb300;--neon-gold-dim:#ffb30040;--neon-cyan:#00e5ff;--neon-pink:#ff2d75;--neon-purple:#b24bff;--glass-bg:#0d1225bf;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--radius-sm:clamp(6px, 2.5cqi, 10px);--radius-md:clamp(10px, 4cqi, 16px);--radius-lg:clamp(16px, 6cqi, 24px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{width:100%;height:100%}body{color:var(--text-main);touch-action:none;background:radial-gradient(circle at 50% 100%,#1a0a3a 0%,#020005 100%);place-items:center;min-height:100dvh;margin:0;font-family:Outfit,sans-serif;display:grid;overflow:hidden}#start-screen,#app,#ad-overlay{grid-area:1/1;width:100%;height:100dvh;position:relative;overflow:hidden;container-type:inline-size}@media (width>=500px) and (height>=600px){#start-screen,#app,#ad-overlay{aspect-ratio:9/16;border-radius:clamp(16px,4cqi,32px);width:auto;height:90dvh;max-height:900px;box-shadow:0 30px 60px #000c,inset 0 0 0 2px #ffffff1a}}@media (width>=500px) and (height<=599px){#start-screen,#app,#ad-overlay{aspect-ratio:9/16;width:auto;height:100dvh}}.hidden{display:none!important}#start-screen{z-index:100;background:radial-gradient(circle at 50% 100%,#1a0a3a 0%,#05030a 70%);justify-content:center;align-items:center;display:flex}#start-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#00e5ff1a 1px,#0000 1px),linear-gradient(90deg,#00e5ff1a 1px,#0000 1px);background-size:clamp(20px,8cqi,40px) clamp(20px,8cqi,40px);animation:10s linear infinite bgGridFlow;position:absolute;inset:0;transform:perspective(500px)rotateX(60deg)translateY(-100px)scale(3)}@keyframes bgGridFlow{0%{transform:perspective(500px)rotateX(60deg)translateY(-100px)scale(3)translateZ(0)}to{transform:perspective(500px)rotateX(60deg)translateY(-100px)scale(3)translateZ(40px)}}.start-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,8cqi,40px);width:100%;height:100%;padding:clamp(10px,4cqi,20px);display:flex;position:relative}.start-logo{text-align:center;margin-bottom:clamp(10px,4cqi,20px)}.logo-diamond{color:#00e5ff;filter:drop-shadow(0 0 15px #00e5ffcc)drop-shadow(0 0 30px #ffd70066);width:clamp(100px,35cqi,150px);height:clamp(80px,25cqi,120px);margin:0 auto clamp(10px,4cqi,20px);animation:4s ease-in-out infinite float,2s infinite alternate pulse-dia;display:block}@keyframes pulse-dia{0%{color:#00e5ff}to{color:#fffacd}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-title{letter-spacing:2px;background:linear-gradient(#fff8cc 0%,#fc0 30%,#b8860b 50%,#fc0 70%,#fff8cc 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 2px #321e00cc)drop-shadow(0 0 20px #ffd70066);text-transform:uppercase;-webkit-background-clip:text;margin:0;font-family:Orbitron,Outfit,sans-serif;font-size:clamp(2.5rem,11cqi,3.5rem);font-weight:900;line-height:1.05;transform:perspective(500px)rotateX(10deg)}.logo-subtitle{letter-spacing:4px;color:#0ff;text-shadow:0 0 5px #0ff,0 0 15px #0ff,0 0 30px #00e5ff;margin-top:clamp(8px,3cqi,15px);font-family:Outfit,sans-serif;font-size:clamp(1rem,4.5cqi,1.4rem);font-weight:900}.glass-btn{letter-spacing:1px;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(#ffffff26 0%,#b24bff4d 100%);border:1px solid #fff6;border-radius:50px;margin-bottom:clamp(10px,4cqi,20px);padding:clamp(12px,4.5cqi,18px) clamp(30px,11cqi,50px);font-family:Outfit,sans-serif;font-size:clamp(1.1rem,4.5cqi,1.4rem);font-weight:800;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 32px #b24bff4d,inset 0 2px 10px #fff3}.glass-btn:before{content:"";opacity:0;background:radial-gradient(circle,#ffd7004d 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.glass-btn:hover:before{opacity:1}.glass-btn:active{transform:scale(.95);box-shadow:0 4px 15px #b24bff80}.glass-btn span{z-index:1;text-shadow:0 2px 4px #00000080;position:relative}.start-bottom-icons{gap:clamp(20px,7cqi,30px);margin-top:clamp(10px,4cqi,20px);display:flex}.start-bottom-icons span{cursor:pointer;filter:drop-shadow(0 5px 10px #00000080);font-size:clamp(1.8rem,7cqi,2.2rem);transition:transform .2s,filter .2s}.start-bottom-icons span:hover{transform:translateY(-5px)scale(1.1)}.icon-cash{filter:drop-shadow(0 0 15px #00ff8880)!important}.icon-dia{filter:drop-shadow(0 0 15px #00e5ff80)!important}.icon-crown{filter:drop-shadow(0 0 15px #ffd70080)!important}#app{perspective:1200px;z-index:10;background:radial-gradient(at 50% 0,#1a1040,#020005);flex-direction:column;display:flex}.top-bar{z-index:10;border-bottom:1px solid var(--glass-border);background:#050811f2;flex-direction:column;gap:clamp(6px,2cqi,10px);padding:clamp(8px,2.5cqi,12px) clamp(10px,3.5cqi,16px) clamp(6px,2cqi,10px);display:flex}.score-row{justify-content:space-between;align-items:center;display:flex}.score-container{color:#00e5ff;text-shadow:0 0 15px #00e5ff66;align-items:center;gap:clamp(4px,1.5cqi,6px);font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,7cqi,2.2rem);font-weight:900;transition:transform .1s;display:flex}.score-container.pop{color:#fff;text-shadow:0 0 20px #00e5ff;transform:scale(1.1)}.stats-container{align-items:center;gap:clamp(6px,2cqi,10px);display:flex}.stat-icon{font-size:clamp(.7rem,3cqi,.85rem)}.stat-pill{border:1px solid var(--glass-border);color:#fff;background:#ffffff0a;border-radius:50px;align-items:center;gap:clamp(3px,1cqi,5px);padding:clamp(4px,1.5cqi,6px) clamp(10px,3.5cqi,14px);font-size:clamp(.8rem,3.5cqi,1rem);font-weight:700;display:flex}.stat-label{color:var(--text-dim);font-size:clamp(.55rem,2.5cqi,.65rem)}.exp-row{align-items:center;gap:clamp(8px,3cqi,12px);display:flex}.level-badge{background:linear-gradient(135deg, var(--neon-purple), var(--neon-pink));box-shadow:0 0 10px var(--neon-purple);border-radius:8px;padding:clamp(3px,1cqi,4px) clamp(8px,2.5cqi,10px);font-family:Orbitron,sans-serif;font-size:clamp(.75rem,3.5cqi,.9rem);font-weight:900}.progress-bar-container{border:1px solid var(--glass-border);background:#ffffff1a;border-radius:10px;flex:1;height:clamp(12px,4cqi,16px);position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--neon-cyan), #0f8);width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.exp-text{color:#fff;text-shadow:0 0 4px #000;justify-content:center;align-items:center;font-size:clamp(.55rem,2.5cqi,.65rem);font-weight:700;display:flex;position:absolute;inset:0}#game-container{background-color:#0000;flex:1;width:100%;min-height:0;margin:0;position:relative}canvas{width:100%;height:100%;display:block}.touch-layer{z-index:5;flex-direction:column;display:flex;position:absolute;inset:0}.batter-zone{z-index:6;touch-action:none;height:25%;position:absolute;bottom:0;left:0;right:0}.drop-countdown-display{z-index:4;pointer-events:none;position:absolute;top:15%;left:50%;transform:translate(-50%)}.drop-countdown-display span{color:#00e5ff40;text-shadow:0 0 30px #00e5ff26;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,12cqi,4rem);font-weight:900;transition:color .3s,text-shadow .3s}.drop-countdown-display.urgent span{color:#ff2d7599;text-shadow:0 0 40px #ff2d754d;animation:.5s ease-in-out countPulse}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.timer-pill{transition:all .3s}.timer-pill.urgent{animation:.5s ease-in-out infinite alternate timerFlash;background:#ff2d7526!important;border-color:#ff2d7580!important}@keyframes timerFlash{0%{box-shadow:0 0 5px #ff2d7533}to{box-shadow:0 0 15px #ff2d7580}}.tutorial-text{pointer-events:none;z-index:4;opacity:.5;flex-direction:column;align-items:center;padding-top:25cqh;display:flex;position:absolute;inset:0}.tutorial-text.hidden{opacity:0}.tut-top{color:#fff;text-shadow:0 0 10px #000;margin-bottom:60cqh;font-size:clamp(.8rem,3.5cqi,1rem);font-weight:700}.tut-bottom{color:#fff;text-align:center;text-shadow:0 0 10px #000;font-size:clamp(.8rem,3.5cqi,1rem);font-weight:700}.overlay{z-index:50;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.draft-panel,.game-over-panel,.ad-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;background:#0d1225d9;border:1px solid #00e5ff66;width:clamp(280px,85cqi,380px);padding:clamp(20px,7.5cqi,30px);animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards panelPopIn;box-shadow:0 20px 50px #000c,inset 0 0 20px #00e5ff26}@keyframes panelPopIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.draft-title{color:#0f8;text-shadow:0 0 15px #0f8;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,7cqi,2.2rem);font-weight:900}.draft-subtitle{color:#888;margin-bottom:clamp(10px,4cqi,20px);font-size:clamp(.8rem,3.5cqi,.9rem)}.relic-cards{flex-direction:column;gap:clamp(8px,3cqi,12px);display:flex}.relic-card{border-radius:var(--radius-md);text-align:left;cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff1a;align-items:center;gap:clamp(10px,3.5cqi,15px);padding:clamp(10px,3.5cqi,15px);font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0003}.relic-card:hover{background:#00e5ff1a;border-color:#00e5ffcc;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #00e5ff33}.relic-card:active{background:#00e5ff33;transform:scale(.98)}.relic-icon{flex-shrink:0;font-size:clamp(1.5rem,6cqi,2rem)}.relic-info{flex-direction:column;display:flex}.relic-name{color:var(--neon-gold);margin-bottom:clamp(2px,1cqi,4px);font-size:clamp(.9rem,4cqi,1.1rem);font-weight:700}.relic-desc{color:#bbb;font-size:clamp(.7rem,3cqi,.8rem);line-height:1.3}.go-icon{margin-bottom:clamp(8px,3cqi,10px);font-size:clamp(3rem,12cqi,4rem);animation:2s infinite float}.game-over-panel h2{color:var(--neon-pink);margin-bottom:clamp(10px,4cqi,15px);font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,6cqi,2rem)}.go-score{margin-bottom:clamp(8px,3cqi,10px);font-size:clamp(1rem,4.5cqi,1.2rem);font-weight:700}.go-score span{color:var(--neon-cyan)}#ad-overlay{z-index:999;justify-content:center;align-items:center;display:flex}.ad-panel{text-align:center;color:#fff;background:#000000e6;border:2px solid #fff;border-radius:clamp(16px,5cqi,20px);width:clamp(280px,85cqi,350px);padding:clamp(30px,10cqi,40px) clamp(15px,5cqi,20px)}.ad-panel h2{color:#00e5ff;margin-bottom:clamp(8px,3cqi,10px);font-size:clamp(1.4rem,6cqi,1.8rem)}.ad-panel p{color:#aaa;margin-bottom:clamp(15px,6cqi,20px);font-size:clamp(.8rem,3.5cqi,1rem)}.ad-panel div{margin-bottom:clamp(15px,6cqi,20px);font-size:clamp(2.5rem,10cqi,3rem)}.toast{background:var(--glass-bg);border:1px solid var(--glass-border-bright);z-index:200;pointer-events:none;color:#fff;border-radius:50px;padding:clamp(8px,3cqi,10px) clamp(15px,6cqi,20px);font-size:clamp(.8rem,3.5cqi,.9rem);font-weight:700;animation:2s forwards toastAnim;position:absolute;top:clamp(100px,15cqh,120px);left:50%;transform:translate(-50%)}@keyframes toastAnim{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.guide-icon-btn{cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:50%;width:48px;height:48px;font-size:1.5rem;transition:all .3s;animation:2s ease-in-out infinite guidePulse}.guide-icon-btn:hover{border-color:var(--neon-cyan);background:#00e5ff26;transform:scale(1.15);box-shadow:0 0 20px #00e5ff4d}@keyframes guidePulse{0%,to{box-shadow:0 0 6px #00e5ff33}50%{box-shadow:0 0 18px #00e5ff80}}#guide-overlay{justify-content:center;align-items:center;display:flex}.guide-panel{border-radius:var(--radius-lg);background:linear-gradient(145deg,#0a0c1ef7,#050612fa);border:1px solid #ffffff1f;flex-direction:column;width:clamp(300px,90%,420px);max-height:85dvh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c,inset 0 1px #ffffff14}.guide-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(12px,4cqi,18px) clamp(16px,5cqi,22px);display:flex}.guide-header h2{color:var(--neon-cyan);text-shadow:0 0 12px #00e5ff66;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1rem,4.5cqi,1.3rem)}.guide-close-btn{color:#aaa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;width:32px;height:32px;font-size:1rem;transition:all .2s}.guide-close-btn:hover{color:#ff2d75;background:#ff2d7533;border-color:#ff2d75}.guide-scroll{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:clamp(12px,4cqi,18px);overflow-y:auto}.guide-scroll::-webkit-scrollbar{width:4px}.guide-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.guide-section{margin-bottom:clamp(14px,5cqi,20px)}.guide-section h3{color:var(--neon-gold);text-shadow:0 0 8px #ffb3004d;margin-bottom:clamp(8px,3cqi,12px);font-family:Orbitron,sans-serif;font-size:clamp(.8rem,3.5cqi,.95rem)}.guide-grid{flex-direction:column;gap:clamp(6px,2cqi,10px);display:flex}.guide-item{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:clamp(8px,3cqi,12px);padding:clamp(8px,3cqi,12px);transition:all .2s;display:flex}.guide-item:hover{background:#ffffff14;border-color:#ffffff1f}.guide-item strong{color:#eee;font-size:clamp(.8rem,3cqi,.9rem)}.guide-item small{color:#888;font-size:clamp(.65rem,2.5cqi,.75rem);line-height:1.4}.guide-dot{border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 0 8px}.guide-skill-icon{text-align:center;flex-shrink:0;width:30px;font-size:clamp(1.3rem,5cqi,1.6rem)}.guide-ball-list{flex-direction:column;gap:3px;display:flex}.guide-ball{color:#ccc;background:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:clamp(4px,1.5cqi,6px) clamp(8px,3cqi,12px);font-size:clamp(.72rem,2.8cqi,.82rem);transition:background .2s;display:flex}.guide-ball:hover{background:#ffffff0f}.guide-ball span{font-size:1.1rem}.guide-ball em{color:var(--neon-cyan);margin-left:auto;font-style:normal;font-weight:600}.guide-tip{border-radius:var(--radius-sm);color:var(--neon-cyan);background:#00e5ff0f;border:1px solid #00e5ff26;margin-top:clamp(8px,3cqi,12px);padding:clamp(8px,3cqi,10px);font-size:clamp(.7rem,2.8cqi,.8rem)}#login-screen{z-index:150;background:radial-gradient(circle at 50% 100%,#1a0a3a 0%,#05030a 70%);grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden;container-type:inline-size}#login-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#b24bff14 1px,#0000 1px),linear-gradient(90deg,#b24bff14 1px,#0000 1px);background-size:clamp(20px,8cqi,40px) clamp(20px,8cqi,40px);animation:10s linear infinite bgGridFlow;position:absolute;inset:0;transform:perspective(500px)rotateX(60deg)translateY(-100px)scale(3)}@media (width>=500px) and (height>=600px){#login-screen{aspect-ratio:9/16;border-radius:clamp(16px,4cqi,32px);width:auto;height:90dvh;max-height:900px;box-shadow:0 30px 60px #000c,inset 0 0 0 2px #ffffff1a}}@media (width>=500px) and (height<=599px){#login-screen{aspect-ratio:9/16;width:auto;height:100dvh}}.login-content{z-index:2;flex-direction:column;align-items:center;gap:clamp(24px,8cqi,40px);width:100%;padding:clamp(20px,6cqi,30px);display:flex;position:relative}.login-logo{text-align:center}.login-box{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;background:#0d1225cc;border:1px solid #ffffff1f;width:clamp(280px,85%,360px);padding:clamp(24px,8cqi,36px);animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards panelPopIn;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff14}.login-title{color:var(--neon-cyan);text-shadow:0 0 15px #00e5ff66;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,5cqi,1.6rem);font-weight:900}.login-desc{color:#888;margin-bottom:clamp(16px,5cqi,24px);font-size:clamp(.75rem,3cqi,.9rem);line-height:1.4}.login-btn{cursor:pointer;border:1px solid #fff3;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:clamp(12px,4cqi,16px);font-family:Outfit,sans-serif;font-size:clamp(.9rem,3.5cqi,1rem);font-weight:700;transition:all .25s;display:flex}.login-google{color:#333;background:#fffffff2}.login-google:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #4285f44d}.login-guest{color:#fff;background:#b24bff33;border-color:#b24bff66}.login-guest:hover{background:#b24bff59;transform:translateY(-2px);box-shadow:0 8px 25px #b24bff40}.login-note{color:#666;margin-top:8px;font-size:clamp(.6rem,2.5cqi,.7rem);line-height:1.3}.logged-in-info{align-items:center;gap:10px;margin-top:clamp(8px,3cqi,12px);display:flex}.user-name{color:var(--neon-cyan);text-shadow:0 0 8px #00e5ff4d;font-size:clamp(.8rem,3cqi,.95rem);font-weight:700}.logout-btn{color:#ff6b8a;cursor:pointer;background:#ff2d7526;border:1px solid #ff2d754d;border-radius:50px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:clamp(.65rem,2.5cqi,.75rem);font-weight:600;transition:all .2s}.logout-btn:hover{color:#fff;background:#ff2d754d}.bottom-icon-btn{cursor:pointer;background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.bottom-icon-btn:hover{transform:translateY(-5px)scale(1.15);box-shadow:0 8px 20px #0000004d}.bottom-icon-btn.icon-cash{filter:drop-shadow(0 0 10px #00ff884d);border-color:#00ff884d}.bottom-icon-btn.icon-cash:hover{border-color:#0f89;box-shadow:0 0 20px #00ff884d}.bottom-icon-btn.icon-crown{filter:drop-shadow(0 0 10px #ffd7004d);border-color:#ffd7004d}.bottom-icon-btn.icon-crown:hover{border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d}.ranking-panel{border-radius:var(--radius-lg);background:linear-gradient(145deg,#0a0c1ef7,#050612fa);border:1px solid #ffd70033;flex-direction:column;width:clamp(300px,90%,420px);max-height:85dvh;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards panelPopIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c,inset 0 1px #ffd7001a}.ranking-header{border-bottom:1px solid #ffd7001f;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(12px,4cqi,18px) clamp(16px,5cqi,22px);display:flex}.ranking-header h2{color:gold;text-shadow:0 0 12px #ffd70066;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1rem,4.5cqi,1.3rem)}.ranking-tabs{border-bottom:1px solid #ffffff14;flex-shrink:0;gap:0;display:flex}.ranking-tab{color:#777;cursor:pointer;background:0 0;border:none;flex:1;padding:clamp(10px,3.5cqi,14px);font-family:Outfit,sans-serif;font-size:clamp(.75rem,3cqi,.85rem);font-weight:700;transition:all .25s;position:relative}.ranking-tab.active{color:gold}.ranking-tab.active:after{content:"";background:linear-gradient(90deg,gold,#fa0);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15%;right:15%;box-shadow:0 0 10px #ffd70080}.ranking-tab:hover:not(.active){color:#bbb}.my-rank-summary{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffd70014,#b24bff14);border:1px solid #ffd70033;flex-shrink:0;align-items:center;gap:12px;margin:clamp(8px,3cqi,12px);padding:clamp(10px,3.5cqi,16px);display:flex}.my-rank-badge{flex-direction:column;align-items:center;min-width:65px;display:flex}.my-rank-label{color:#999;font-size:clamp(.55rem,2cqi,.65rem);font-weight:600}.my-rank-number{color:var(--neon-cyan);text-shadow:0 0 12px #00e5ff80;font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,5cqi,1.6rem);font-weight:900}.my-rank-score{flex-direction:column;flex:1;display:flex}.my-rank-name{color:#fff;font-size:clamp(.8rem,3cqi,.95rem);font-weight:700}.my-rank-value{color:gold;text-shadow:0 0 8px #ffd7004d;font-family:Orbitron,sans-serif;font-size:clamp(.9rem,3.5cqi,1.1rem);font-weight:700}.ranking-scroll{scrollbar-width:thin;scrollbar-color:#ffd70026 transparent;flex:1;padding:0 clamp(8px,3cqi,12px) clamp(8px,3cqi,12px);overflow-y:auto}.ranking-scroll::-webkit-scrollbar{width:4px}.ranking-scroll::-webkit-scrollbar-thumb{background:#ffd70026;border-radius:4px}.ranking-list{counter-reset:rank;margin:0;padding:0;list-style:none}.ranking-list li{border-radius:var(--radius-sm);border-bottom:1px solid #ffffff0a;align-items:center;gap:clamp(8px,3cqi,12px);padding:clamp(8px,2.5cqi,12px) clamp(8px,3cqi,12px);transition:background .2s;display:flex}.ranking-list li:hover{background:#ffffff08}.ranking-list li.rank-me{background:#00e5ff14;border:1px solid #00e5ff40}.rank-pos{text-align:center;color:#777;min-width:32px;font-family:Orbitron,sans-serif;font-size:clamp(.7rem,2.8cqi,.85rem);font-weight:900}.rank-pos.top1{color:gold;text-shadow:0 0 8px #ffd70080;font-size:clamp(.85rem,3.5cqi,1rem)}.rank-pos.top2{color:silver;text-shadow:0 0 8px #c0c0c080}.rank-pos.top3{color:#cd7f32;text-shadow:0 0 8px #cd7f3280}.rank-name{color:#ddd;flex:1;font-size:clamp(.75rem,2.8cqi,.85rem);font-weight:600}.rank-name.is-me{color:var(--neon-cyan);font-weight:800}.rank-score{color:gold;font-family:Orbitron,sans-serif;font-size:clamp(.65rem,2.5cqi,.75rem);font-weight:700}.wallet-panel{border-radius:var(--radius-lg);background:linear-gradient(145deg,#0a0c1ef7,#050612fa);border:1px solid #00e5ff33;flex-direction:column;width:clamp(300px,90%,400px);max-height:80dvh;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards panelPopIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c,inset 0 1px #00e5ff1a}.wallet-header{border-bottom:1px solid #00e5ff1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(12px,4cqi,18px) clamp(16px,5cqi,22px);display:flex}.wallet-header h2{color:var(--neon-cyan);text-shadow:0 0 12px #00e5ff66;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1rem,4.5cqi,1.3rem)}.wallet-body{flex-direction:column;gap:clamp(10px,3.5cqi,14px);padding:clamp(12px,4cqi,18px);display:flex}.wallet-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:clamp(10px,3.5cqi,14px);padding:clamp(14px,4cqi,20px);transition:all .2s;display:flex}.wallet-card:hover{background:#ffffff0f;border-color:#ffffff1f}.wallet-card-mini{padding:clamp(10px,3cqi,14px)}.wallet-card-icon{flex-shrink:0;font-size:clamp(1.8rem,7cqi,2.5rem)}.wallet-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.wallet-card-label{color:#888;font-size:clamp(.65rem,2.5cqi,.75rem);font-weight:600}.wallet-card-value{color:#fff;text-shadow:0 0 10px #ffffff26;font-family:Orbitron,sans-serif;font-size:clamp(1rem,4cqi,1.3rem);font-weight:900}.wallet-upload-btn{color:gold;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffd70026,#ffaa0040);border:1px solid #ffd7004d;border-radius:50px;flex-shrink:0;padding:8px 14px;font-family:Outfit,sans-serif;font-size:clamp(.7rem,2.5cqi,.8rem);font-weight:700;transition:all .25s}.wallet-upload-btn:hover{background:linear-gradient(135deg,#ffd70040,#fa06);transform:scale(1.05);box-shadow:0 4px 15px #ffd70033}.wallet-upload-btn:active{transform:scale(.95)}.upload-confirm-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;background:#0d1225f2;border:1px solid #ffd7004d;width:clamp(280px,85%,360px);padding:clamp(24px,8cqi,36px);animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards panelPopIn;box-shadow:0 20px 50px #000c,inset 0 0 20px #ffd7000d}.upload-confirm-icon{margin-bottom:10px;font-size:clamp(2.5rem,10cqi,3.5rem);animation:2s infinite float}.upload-confirm-title{color:gold;text-shadow:0 0 10px #ffd7004d;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:clamp(1rem,4cqi,1.2rem);font-weight:900}.upload-confirm-desc{color:#999;margin-bottom:6px;font-size:clamp(.75rem,3cqi,.85rem);line-height:1.4}.upload-confirm-detail{color:var(--neon-cyan);margin-bottom:clamp(16px,5cqi,24px);font-size:clamp(.85rem,3.5cqi,1rem);font-weight:700}.upload-confirm-buttons{gap:10px;display:flex}.upload-btn-yes{color:var(--neon-cyan);cursor:pointer;background:linear-gradient(135deg,#00e5ff33,#00c86433);border:1px solid #00e5ff66;border-radius:50px;flex:1;padding:clamp(10px,3.5cqi,14px);font-family:Outfit,sans-serif;font-size:clamp(.85rem,3.5cqi,1rem);font-weight:800;transition:all .25s}.upload-btn-yes:hover{background:linear-gradient(135deg,#00e5ff59,#00c86459);transform:translateY(-2px);box-shadow:0 8px 20px #00e5ff33}.upload-btn-no{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50px;flex:1;padding:clamp(10px,3.5cqi,14px);font-family:Outfit,sans-serif;font-size:clamp(.85rem,3.5cqi,1rem);font-weight:700;transition:all .25s}.upload-btn-no:hover{color:#ff6b8a;background:#ff2d7526;border-color:#ff2d754d}#ranking-overlay,#wallet-overlay,#upload-confirm-overlay{background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}