@font-face{font-family:Xique;src:url(../font/xique.ttf) format("truetype")}@font-face{font-family:BratsyScript;src:url(../font/BratsyScriptDemoReguler-9YYB0.ttf) format("truetype"),url(../font/BratsyScriptDemoReguler.otf) format("opentype")}:root{--color-gold: #d4a853;--color-gold-light: #f0d78c;--color-red: #8b2323;--color-red-dark: #5c1515;--color-cream: #f5efe6;--color-brown: #4a3728;--color-black: #1a1a1a;--gradient-gold: linear-gradient(180deg, #f0d78c 0%, #d4a853 50%, #b8860b 100%);--gradient-red: linear-gradient(180deg, #a52a2a 0%, #8b2323 50%, #5c1515 100%);--gradient-bg: linear-gradient(180deg, #2d1810 0%, #1a0f0a 100%);--gradient-overlay: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%);--font-main: "Xique", "Noto Serif TC", "Noto Serif SC", serif;--font-display: "Xique", "Ma Shan Zheng", cursive;--font-script: "BratsyScript", cursive}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--gradient-bg);color:var(--color-cream)}#app{width:100%;height:100%;position:relative;overflow:hidden}.page{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto;background:var(--gradient-bg)}.page-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--gradient-gold);color:var(--color-brown);font-size:14px}.section-title{text-align:center;font-size:24px;color:var(--color-gold);margin:20px 0;font-family:var(--font-display)}.btn-primary{background:var(--gradient-gold);color:var(--color-brown);border:none;padding:16px 48px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:var(--font-main)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a85366}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-gold);border:2px solid var(--color-gold);padding:14px 32px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-gold);color:var(--color-brown)}.login-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d181066,#1a0f0a99),url(../images/introduction/bg.jpeg) left/cover no-repeat}.login-container-v2{width:100%;max-width:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.login-info-bg{width:90%;max-width:380px;object-fit:contain;position:relative}.login-content{position:absolute;bottom:25%;width:80%;left:20%}.login-title-img-v2{width:90%;max-width:350px;margin-bottom:50px;object-fit:contain;mix-blend-mode:screen}.login-actions{position:absolute;width:100%}.btn-garena-login-img{width:80%;position:absolute;bottom:20%}.btn-garena-login-img:active{transform:scale(.95)}.btn-garena-login-v2{background:var(--gradient-gold);color:var(--color-brown);padding:16px 40px;border-radius:50px;font-family:var(--font-display);font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .2s}.btn-garena-login-v2:active{transform:scale(.95)}.privacy-trigger{position:absolute;bottom:10%;right:10%;width:40px;height:40px;cursor:pointer;transition:transform .2s;z-index:10}.privacy-trigger img{width:100%;height:100%;object-fit:contain}.privacy-trigger:hover{transform:scale(1.1)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.privacy-popup{position:relative;width:90%;max-width:380px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 10px 40px rgba(0,0,0,.6))}.popup-bg{width:100%;height:auto;object-fit:contain}.popup-buttons-stacked{position:absolute;bottom:12%;left:50%;transform:translate(-50%);width:80%;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.popup-confirm-btn,.popup-cancel-btn{width:65%;cursor:pointer;transition:transform .2s}.popup-confirm-btn img,.popup-cancel-btn img{width:100%;height:auto;display:block}.popup-confirm-btn:active,.popup-cancel-btn:active{transform:scale(.95)}.landing-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d181066,#1a0f0a99),url(../images/introduction/bg.jpeg) left/cover no-repeat}.landing-container{width:100%;max-width:430px;aspect-ratio:9 / 16;position:relative;display:flex;flex-direction:column;background:transparent;overflow:hidden}.landing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:40px 20px;text-align:center;z-index:1}.landing-title-img{position:absolute;top:5%;left:50%;transform:translate(-50%);width:90%;max-width:350px;object-fit:contain;mix-blend-mode:screen;z-index:2}.landing-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:5%}.btn-start-img{width:80%;max-width:280px;cursor:pointer;transition:transform .2s;z-index:11}.btn-leaderboard-img{width:40%;max-width:140px;cursor:pointer;transition:transform .2s;z-index:11}.btn-start-img:hover,.btn-leaderboard-img:hover{transform:scale(1.05)}.btn-start-img:active,.btn-leaderboard-img:active{transform:scale(.95)}.progress-info{font-size:10px;color:var(--color-gold-light);opacity:.8}.bg-front-overlay{position:absolute;margin-top:7%;margin-left:13%;width:80%;height:86%;object-fit:contain;pointer-events:none;z-index:10}.logo-area{margin-bottom:20px}.game-logo{font-size:14px;color:var(--color-gold-light)}.game-title{font-size:48px;font-family:var(--font-display);color:var(--color-gold);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:10px}.game-subtitle{font-size:14px;color:var(--color-cream);opacity:.8;margin-bottom:30px}.character-preview{margin:20px 0}.character-placeholder{font-size:120px}.btn-challenge{display:flex;align-items:center;gap:10px;margin-top:30px}.btn-icon{font-size:20px}.game-mode-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d181066,#1a0f0a99),url(../images/introduction/bg.jpeg) left/cover no-repeat}.game-mode-content{width:100%;max-width:430px;aspect-ratio:9 / 16;position:relative;display:flex;flex-direction:column;padding:20px;z-index:1;overflow:hidden}.user-icon-trigger{position:absolute;top:10px;right:15px;width:32px;height:32px;cursor:pointer;z-index:100;transition:transform .2s}.user-icon-trigger img{width:100%;height:100%;object-fit:contain}.back-icon-trigger{position:absolute;top:10px;left:15px;width:32px;height:32px;cursor:pointer;z-index:100;transition:transform .2s}.back-icon-trigger img{width:100%;height:100%;object-fit:contain;opacity:.7}.instructions-content-v2 .user-icon-trigger,.character-select-container-v2 .user-icon-trigger,.game-over-content .user-icon-trigger,.instructions-content-v2 .back-icon-trigger,.character-select-container-v2 .back-icon-trigger,.game-over-content .back-icon-trigger{top:70px}.user-icon-trigger:active,.back-icon-trigger:active{transform:scale(.9)}.privacy-bottom-trigger{position:absolute;bottom:5%;right:5%;width:40px;height:40px;cursor:pointer;transition:transform .2s;z-index:10}.privacy-bottom-trigger img{width:100%;height:100%;object-fit:contain}.game-mode-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:55px}.game-mode-title-container{width:75%;margin-bottom:25px}.game-mode-title-img{width:100%;height:auto}.game-mode-instruction-container{width:85%;margin-bottom:35px}.game-mode-instruction-img{width:100%;height:auto}.mode-buttons-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:40px}.mode-btn{width:85%;max-width:320px;cursor:pointer;transition:transform .2s}.mode-btn:hover{transform:scale(1.05)}.mode-btn:active{transform:scale(.95)}.mode-btn-bg{width:100%;height:auto;display:block}.game-mode-footer-container{width:95%;margin-top:auto;padding-bottom:40px}.game-mode-footer-img{width:100%;height:auto}.instructions-page,.character-select-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d181066,#1a0f0a99),url(../images/introduction/bg.jpeg) left/cover no-repeat}.instructions-content-v2,.character-select-container-v2{width:100%;max-width:430px;aspect-ratio:9 / 16;position:relative;display:flex;flex-direction:column;padding:0;z-index:1;overflow:hidden}.page-header-img-container{position:fixed;top:0;left:0;width:100vw;height:55px;z-index:999;display:flex;align-items:center;justify-content:center;overflow:hidden}.top-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:1}.top-bar-logo{position:relative;height:90%;width:auto;z-index:2;object-fit:contain}.instr-body-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:65px 10px 0;position:relative}.instr-title-img{width:85%;height:auto;z-index:10;margin-bottom:-13%}.instr-panel-stack{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.instr-bg-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:105%;height:auto;z-index:1;opacity:.8}.instr-main-layer{position:relative;width:95%;height:auto;z-index:2;object-fit:contain}.instr-footer-v2{width:100%;display:flex;justify-content:center;padding-bottom:30px;margin-top:auto}.btn-confirm-img{width:56%;max-width:250px;cursor:pointer;transition:transform .2s;z-index:11;position:absolute;bottom:22%}.instructions-page .btn-confirm-img{bottom:6%}.btn-confirm-img:hover{transform:scale(1.05)}.btn-confirm-img:active{transform:scale(.95)}.character-select-content{flex:1;display:flex;flex-direction:column;padding:0;z-index:1}.sel-body-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:65px 10px 0;position:relative}.sel-title-img{width:73%;height:auto;z-index:10;margin-bottom:-7%}.sel-panel-stack{margin-top:0%;position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.sel-bg-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:105%;height:auto;z-index:1;opacity:.8}.sel-main-layer{position:relative;width:95%;height:auto;z-index:2;object-fit:contain}.sel-carousel-wrapper{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:107%;z-index:10;padding:0 10px}.character-carousel{display:flex;align-items:center;justify-content:center;gap:40px;width:100%}.character-display{flex:1;display:flex;justify-content:center}.character-card{background:none;border:none;padding:0;box-shadow:none;width:100%;max-width:400px;display:flex;justify-content:center}.character-frame{display:flex;flex-direction:column;align-items:center;width:100%}.character-image{width:100%;display:flex;justify-content:center}.character-image img{width:215%;height:auto;border-radius:10px;object-fit:contain;transition:transform .3s ease}.char-animating{animation:characterFlash .5s ease-out}@keyframes characterFlash{0%{opacity:.3;filter:brightness(3) contrast(1.5);transform:scale(.9)}to{opacity:1;filter:brightness(1) contrast(1);transform:scale(1)}}.character-name{font-size:20px;font-family:var(--font-display);margin-bottom:2px;color:#fff}.character-desc{font-size:11px;opacity:.9;line-height:1.3;color:#fff}.carousel-btn{background:none;border:none;width:85px;height:auto;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;z-index:20;margin-top:50px}.carousel-btn img{width:100%;height:auto;display:block}.carousel-btn:hover{transform:scale(1.1)}.carousel-btn:active{transform:scale(.9)}.btn-select{margin-top:20px;width:80%;max-width:250px}.countdown-page{display:flex;align-items:center;justify-content:center;background:#000}.game-container-v2{width:100%;max-width:430px;aspect-ratio:9 / 16;position:relative;overflow:hidden;background:#2d1810;display:flex;flex-direction:column;z-index:1}.game-bg-scroller{position:absolute;top:0;left:0;height:100%;display:flex;width:max-content;animation:bgScroll 20s linear infinite;z-index:-1}.game-bg-scroller img{height:100%;width:auto;display:block}@keyframes bgScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.camera-container{position:absolute;top:0;left:0;width:100%;height:82%;z-index:0;overflow:hidden;background:#000}.camera-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.game-bg-scroller.face-mode-bg{top:0;bottom:0;height:100%;z-index:1;clip-path:inset(82% 0 0 0)}.game-bg-scroller.face-mode-bg img{height:100%;width:auto;object-fit:cover}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:15;pointer-events:none}.damage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:25;box-shadow:inset 0 0 100px #f000;border:0px solid rgba(255,0,0,0);transition:all .1s ease}.damage-overlay.active{animation:damageFlash .5s ease-out forwards}@keyframes damageFlash{0%{box-shadow:inset 0 0 150px #f00c;background:#ff00001a;border:15px solid rgba(255,0,0,.5)}to{box-shadow:inset 0 0 50px #f000;background:#f000;border:0px solid rgba(255,0,0,0)}}.player-character{position:absolute;bottom:0;left:10%;transition:transform .05s linear;z-index:16}.countdown-body{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;pointer-events:none}.countdown-slogan{width:80%;max-width:370px;height:auto}.countdown-number-wrapper{height:140px;display:flex;align-items:center;justify-content:center}#countdown-img{height:100%;width:auto;animation:countdownPulse 1s ease-in-out infinite}.go-text{font-size:100px;font-family:var(--font-display);color:#fff;text-shadow:0 0 40px rgba(212,168,83,.8);animation:countdownPulse .5s ease-in-out infinite}@keyframes countdownPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.player-character{position:absolute;bottom:10%;left:3%;transition:transform .05s linear;z-index:10}.game-footer-container{position:absolute;bottom:0;left:0;width:100%;z-index:10;pointer-events:none}.bottom-bar-img{width:100%;max-height:70px;height:auto;display:block;object-fit:contain}.lives-ui-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:45%;max-width:250px;display:flex;justify-content:center;align-items:center;z-index:11}.lives-bg-img{width:100%;height:auto;display:block}.lives-icons-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:1%;padding:0}.live-icon-img{width:26%;height:auto;display:block}.character-silhouette{font-size:80px;opacity:.5;margin-top:30px}.game-page{display:flex;align-items:center;justify-content:center;background:#000}.game-header{display:none}.game-arena-v2{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:5}.score-system-v3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.score-main-area{position:absolute;top:60px;left:50%;transform:translate(-50%);width:260px;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.game-container-v2 .page-header-img-container{height:55px}.game-container-v2 .top-bar-logo{height:65%}.score-bg-v2{width:100%;height:auto;display:block}.score-value-v2{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:45px;font-weight:900;font-family:var(--font-display);color:#fff;text-shadow:0 2px 0 #b37e1a,0 4px 0 #8c6214,0 6px 8px rgba(0,0,0,.8);z-index:102;letter-spacing:5px}.lives-ui-container-v2{position:relative;margin-top:-10%;width:140px;height:50px;display:flex;justify-content:center;align-items:center;z-index:101;transition:opacity .3s ease}.lives-bg-img-v2{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.lives-icons-wrapper{position:relative;display:flex;gap:5px;z-index:1}.live-icon-img{width:28px;height:auto;transition:opacity .3s}.invincibility-ui-v2{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%) translateY(-10px);width:100%;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.invincibility-ui-v2.active{opacity:1;transform:translate(-50%,-50%) translateY(0)}.invincibility-label{width:200px;height:auto}.volume-meter-system-v2{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:45px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:auto}.audio-meter-asset{width:100%;height:auto}.volume-meter-v3{position:absolute;top:15.5%;left:49%;transform:translate(-50%);width:36%;height:78%;background:#00000080;border-radius:4px;overflow:hidden;z-index:2}.volume-bar-v3{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(to top,#8b0000,#e63900,#f60);transition:height .1s linear}.collision-dialogue-container{position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:60%;display:flex;justify-content:center;align-items:center;z-index:110;opacity:0;pointer-events:none;transition:opacity .3s ease}.circular-timer:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:3px;background:#fff;border-radius:1.5px 1.5px 0 0}.timer-sector{width:100%;height:100%;border-radius:50%;background:conic-gradient(#8b0000 var(--progress, 0%),#fff 0)}.light-effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:none}.light-effect-overlay.active{display:block}.light-effect-overlay img{width:100%;height:100%;object-fit:cover}.collectible{position:absolute;width:50px;height:50px;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:auto}.collectible img{width:180%;height:auto}.collectible.emperor img{width:300%}.rival-character{position:absolute;width:120px;height:auto;z-index:9;transform:scaleX(-1);display:flex;justify-content:center;align-items:flex-end;transition:transform .1s linear}.rival-character.rival-fly-away{pointer-events:none;animation:flyAwayToTopRight .6s ease-in forwards}@keyframes flyAwayToTopRight{0%{transform:scaleX(-1) translate(0) rotate(0);opacity:1}to{transform:scaleX(-1) translate(600px,-1000px) rotate(1800deg);opacity:0}}.rival-character img{width:100%;height:auto;display:block}.player-flash{animation:flashEffect .2s ease-in-out 3}.player-glow{filter:drop-shadow(0 0 15px rgba(255,215,0,1))!important;animation:glowPulse 1s ease-in-out infinite alternate}@keyframes glowPulse{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 25px rgba(255,215,0,1)) drop-shadow(0 0 5px #fff)}}@keyframes flashEffect{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(2.5) contrast(1.2) drop-shadow(0 0 20px #fff)}}.game-start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:var(--color-gold);font-family:var(--font-display);transition:opacity .5s}.game-start-ready{font-size:60px;text-shadow:0 0 20px var(--color-gold);animation:ready-pulse 1s infinite alternate}@keyframes ready-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.player-character{position:absolute;bottom:10%;left:2%;transition:transform .05s linear;z-index:10}.character-shield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;pointer-events:none;z-index:11;display:none}.character-shield.active{display:block}.character-shield img{width:100%;height:100%;object-fit:contain}.character-sprite{width:150px;height:auto;display:flex;justify-content:center;align-items:flex-end}.character-sprite img{width:100%;height:auto;display:block}@keyframes idle-bob{0%,to{transform:scaleY(1)}50%{transform:scaleY(.95) scaleX(1.05)}}.player-character.jumping .character-sprite{animation:jump-stretch .3s ease-out}@keyframes jump-stretch{0%{transform:scaleY(.8) scaleX(1.2)}50%{transform:scaleY(1.2) scaleX(.8)}to{transform:scaleY(1) scaleX(1)}}.score-popup{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:var(--color-gold);opacity:0;transition:all .3s}.score-popup.show{opacity:1;top:-40px}.collectible{position:absolute;animation:float 2s ease-in-out infinite;cursor:pointer;transition:transform .2s}.collectible:hover{transform:scale(1.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-footer{padding:15px;background:var(--gradient-gold)}.action-buttons{display:flex;justify-content:center;gap:20px}.btn-game-action{background:var(--color-cream);border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer}.debug-volume{position:fixed;bottom:100px;right:10px;background:#000000b3;color:#0f0;padding:5px 10px;border-radius:5px;font-size:12px;font-family:monospace}.game-over-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;max-width:430px;margin:0 auto;width:100%}.game-over-title{font-size:48px;font-family:var(--font-display);color:var(--color-gold);margin-bottom:30px}.game-over-message{background:var(--gradient-gold);color:var(--color-brown);padding:20px 30px;border-radius:12px;margin-bottom:30px}.game-over-message p{margin:5px 0}.character-sad{margin-top:20px}.character-sad .character-image{font-size:120px}.results-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;max-width:430px;margin:0 auto;width:100%}.result-card{background:var(--gradient-gold);border-radius:20px;padding:25px;text-align:center;width:100%;max-width:300px;margin:20px 0}.character-result{color:var(--color-brown)}.character-result h3{font-size:20px;font-family:var(--font-display)}.character-result .character-image{font-size:80px;margin:15px 0}.character-result .character-desc{font-size:12px;opacity:.8}.score-result{margin-top:20px;color:var(--color-brown)}.score-result .score-label{display:block;font-size:14px;margin-bottom:5px}.final-score{font-size:48px;font-weight:700;color:var(--color-red)}.result-message{margin-top:15px;font-size:12px;color:var(--color-brown);opacity:.8}.name-input-section{display:flex;gap:10px;margin:20px 0;width:100%;max-width:300px}.name-input-section input{flex:1;padding:12px;border:2px solid var(--color-gold);border-radius:8px;background:transparent;color:var(--color-cream);font-size:16px}.name-input-section input::placeholder{color:#f5efe680}.btn-submit{background:var(--color-gold);color:var(--color-brown);border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:700}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.action-buttons{display:flex;gap:15px;margin:20px 0}.btn-leaderboard{background:transparent;color:var(--color-gold);border:none;font-size:16px;cursor:pointer;text-decoration:underline;margin-top:10px}.leaderboard-header{text-align:center;padding:20px;background:var(--gradient-red)}.header-banner{background:var(--gradient-gold);padding:8px 20px;border-radius:20px;display:inline-block;margin-bottom:15px}.banner-text{color:var(--color-brown);font-size:14px}.leaderboard-title{font-size:24px;font-family:var(--font-display);color:var(--color-gold)}.leaderboard-content{flex:1;padding:20px;background:linear-gradient(180deg,var(--color-red-dark) 0%,#1a0f0a 100%);max-width:430px;margin:0 auto;width:100%}.leaderboard-table{background:#0000004d;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:60px 1fr 80px;padding:15px;background:#d4a85333;color:var(--color-gold);font-size:14px;text-align:center}.table-body{max-height:400px;overflow-y:auto}.table-row{display:grid;grid-template-columns:60px 1fr 80px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;text-align:center}.table-row.top-three{background:#d4a8531a}.col-rank{font-size:18px}.col-name{font-size:14px}.col-score{font-size:16px;font-weight:700;color:var(--color-gold)}.btn-back{display:block;width:100%;margin-top:20px;background:var(--gradient-gold);color:var(--color-brown);border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.loading,.error{text-align:center;padding:30px;color:var(--color-cream);opacity:.7}.ending-wrapper-new{position:relative;width:100%;height:100%;max-width:430px;margin:0 auto;overflow-y:auto;overflow-x:hidden;background:#000;display:flex;flex-direction:column}.ending-bg-composite{width:100%;height:auto;display:block;z-index:1}.ending-character-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.ending-character-overlay .btn-transparent{pointer-events:auto}.ending-character-img-new{width:100%;height:auto;display:block}.character-score-group{position:absolute;top:6.5%;left:50%;transform:translate(-50%);width:60%;display:flex;flex-direction:column;align-items:center;pointer-events:none}.ending-score-display-new{position:absolute;bottom:13%;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;font-family:var(--font-display);color:#a03d38}.ending-score-text-new{font-size:28px;font-weight:700}.ending-interactive-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.btn-transparent{position:absolute;cursor:pointer}#btn-replay{top:32%;left:6%;width:41%;height:4%;min-height:40px}#btn-invite{top:32%;right:6%;width:41%;height:4%;min-height:40px}#btn-share-video{top:36%;right:30%;width:41%;height:4%;min-height:40px}@media(max-height:700px){.ending-score-text-new{font-size:30px}}@media(max-width:380px){.ending-score-text-new{font-size:38px}}@media(max-height:700px){.game-title{font-size:36px}.character-placeholder{font-size:80px}.countdown-number{font-size:100px}}.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:400px}.login-card{background:linear-gradient(180deg,#4a3728f2,#1a0f0afa);border:3px solid var(--color-gold);border-radius:20px;padding:40px 30px;box-shadow:0 0 30px #d4a8534d,inset 0 0 60px #00000080;text-align:center}.login-header{margin-bottom:30px}.login-title-img{max-width:80%;height:auto}.login-body{margin-bottom:30px}.login-message{font-family:var(--font-main);font-size:18px;color:var(--color-cream);margin-bottom:30px;line-height:1.6}.btn-garena-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;font-family:var(--font-main);font-size:20px;font-weight:700;color:var(--color-black);background:var(--gradient-gold);border:2px solid var(--color-gold-light);border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4a85366,inset 0 2px 4px #ffffff4d}.btn-garena-login:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d4a85399,inset 0 2px 4px #ffffff4d}.btn-garena-login:active{transform:translateY(0)}.btn-icon{font-size:24px}.btn-text{letter-spacing:2px}.login-footer{border-top:1px solid rgba(212,168,83,.3);padding-top:20px}.login-note{font-family:var(--font-main);font-size:14px;color:#f5efe699}@media(max-width:380px){.login-card{padding:30px 20px}.login-message{font-size:16px}.btn-garena-login{padding:14px 30px;font-size:18px}}.ending-leaderboard-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:380px;z-index:10;pointer-events:auto}.ending-leaderboard-card{background:linear-gradient(180deg,#b46450f2,#c8785ae6,#b46450f2);border:3px solid var(--color-gold);border-radius:16px;padding:15px;box-shadow:0 0 20px #d4a85366,inset 0 0 30px #0003}.ending-leaderboard-title{text-align:center;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-gold-light);background:linear-gradient(180deg,#f0d78c,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:8px;margin-bottom:12px;padding:8px 20px;border:2px solid var(--color-gold);border-radius:8px;background-color:#8b2323cc;-webkit-text-fill-color:var(--color-gold-light)}.lb-popup-close-btn{max-width:60%;cursor:pointer;transition:transform .2s;margin:3% auto}.lb-popup-close-btn img{width:100%;height:auto;display:block}.lb-popup-close-btn:active{transform:scale(.95)}.ending-leaderboard-header{display:flex;justify-content:space-between;padding:8px 15px;font-family:var(--font-main);font-size:14px;color:var(--color-cream);opacity:.9;border-bottom:1px solid rgba(212,168,83,.3);margin-bottom:8px}.lb-col-rank{width:50px;text-align:center}.lb-col-name{flex:1;text-align:center}.lb-col-score{width:80px;text-align:center}.ending-leaderboard-body{max-height:400px;overflow-y:auto}.lb-row-top{display:flex;align-items:center;padding:10px 15px;margin-bottom:6px;background:linear-gradient(90deg,#b4c88ce6,#c8dca0d9,#b4c88ce6);border-radius:25px;position:relative}.lb-row-top:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(/images/gameover/flower-deco.png) no-repeat center;background-size:contain;opacity:.8}.lb-row-normal{display:flex;align-items:center;padding:10px 15px;margin-bottom:6px;background:linear-gradient(90deg,#a0503cd9,#b46450cc,#a0503cd9);border-radius:25px;position:relative}.lb-row-normal:after{content:"";position:absolute;right:5px;top:50%;transform:translateY(-50%);width:35px;height:20px;background:linear-gradient(90deg,transparent,rgba(212,168,83,.6));clip-path:polygon(0 50%,70% 0,100% 50%,70% 100%)}.lb-rank-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5efe6,#e0d5c5);border:2px solid rgba(139,35,35,.5);border-radius:50%;font-family:var(--font-main);font-size:16px;font-weight:700;color:var(--color-red-dark);margin-right:10px}.lb-name{flex:1;font-family:var(--font-main);font-size:14px;color:var(--color-cream);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{width:70px;font-family:var(--font-main);font-size:14px;font-weight:700;color:var(--color-cream);text-align:right}.lb-loading,.lb-empty,.lb-error{text-align:center;padding:30px;font-family:var(--font-main);font-size:14px;color:var(--color-cream);opacity:.8}.lb-error{color:#ff6b6b}.leaderboard-container{position:relative}.ending-leaderboard-body::-webkit-scrollbar{width:6px}.leaderboard-item{width:45%;font-size:min(3.3cqh,6cqw);text-align:center;position:absolute;bottom:0;width:100%}.leaderboard-1{bottom:31%;color:#5e7f39}.leaderboard-2{bottom:28.4%;color:#5e7f39}.leaderboard-3{bottom:25.4%;color:#5e7f39}.leaderboard-4{bottom:22.4%;color:#fbeec4}.leaderboard-5{bottom:19.4%;color:#fbeec4}.leaderboard-6{bottom:16.4%;color:#fbeec4}.leaderboard-7{bottom:13.5%;color:#fbeec4}.leaderboard-8{bottom:10%;color:#fbeec4}.leaderboard-9{bottom:6.9%;color:#fbeec4}.leaderboard-10{bottom:3.8%;color:#fbeec4}.leaderboard-name{width:30%;display:inline-block}.leaderboard-score{display:inline-block;width:14%}.ending-leaderboard-body::-webkit-scrollbar-track{background:#0003;border-radius:3px}.ending-leaderboard-body::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:3px}@media(max-height:700px){.ending-leaderboard-container{max-width:340px}.ending-leaderboard-body{max-height:280px}.lb-row-top,.lb-row-normal{padding:8px 12px;margin-bottom:4px}.lb-rank-badge{width:28px;height:28px;font-size:14px}}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.game-over-overlay.active{opacity:1;pointer-events:auto}.game-over-img{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain}.collision-dialogue-container.show{opacity:1}.collision-dialogue-container img,#dialogue-img{width:100%;height:auto}