:root{--primary: #006a4e;--secondary: #f42a41;--gold: #ffcc00;--dark: #121212;--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Hind Siliguri,Outfit,sans-serif;-webkit-user-select:none;user-select:none}body{background:#000;color:var(--text);overflow:hidden;height:100dvh;min-height:100vh}#app{width:100%;height:100dvh;position:relative}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:200}.screen.visible{display:flex}#landing-screen{background:linear-gradient(#0009,#0009),url(/assets/images/landing_bg.png) center/cover;position:relative;overflow:hidden}.bg-watermark{position:absolute;font-size:25vw;font-weight:900;color:#ffffff0d;z-index:1;pointer-events:none;white-space:nowrap;transform:rotate(-15deg);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-family:Outfit,sans-serif}.glass-panel{background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(.8rem,2vh,2rem) clamp(1rem,3vw,2.5rem);text-align:center;box-shadow:0 10px 40px #000000e6;max-width:600px;width:95%;max-height:95dvh;overflow-y:auto;animation:zoomIn .5s ease;z-index:10;position:relative;-ms-overflow-style:none;scrollbar-width:none}.glass-panel::-webkit-scrollbar{display:none}.credit-footer{margin-top:1rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;color:#fff6;letter-spacing:.5px}.credit-footer strong{color:var(--gold);font-weight:700}.credit-links{display:flex;gap:12px;justify-content:center;margin-top:6px}.credit-links a{color:#ffffff80;text-decoration:none;font-size:.65rem;transition:color .2s}.credit-links a:hover{color:var(--gold)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.izzat-text{font-size:.95rem;text-align:right;color:#000;font-weight:700;margin-top:2px;text-shadow:0 0 4px rgba(255,255,255,.5);letter-spacing:.5px}.left .izzat-text{text-align:left}.game-controls-top{position:absolute;top:10px;right:14px;display:flex;gap:10px;z-index:200;pointer-events:auto}.game-ctrl-btn{width:40px;height:40px;border:none;border-radius:50%;background:#000000a6;color:#fff;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.2);transition:background .2s,transform .15s;padding:0;line-height:1;box-shadow:0 2px 8px #0006;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-ctrl-btn:hover{background:#000000d9;transform:scale(1.12);border-color:#ffffff59}.game-ctrl-btn:active{transform:scale(.92);background:#ffffff26}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-overlay h2{font-size:3rem;color:#fff;text-shadow:0 0 20px rgba(255,204,0,.5);margin-bottom:1rem;font-family:Hind Siliguri,sans-serif}.pause-overlay .pause-resume-btn{padding:12px 40px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#fc0,#f90);border:none;border-radius:30px;color:#000;cursor:pointer;font-family:Hind Siliguri,sans-serif;transition:transform .2s}.pause-overlay .pause-resume-btn:hover{transform:scale(1.05)}.vs-badge{font-size:clamp(1rem,5vh,2rem);font-weight:900;color:#f42a41;text-shadow:0 0 8px rgba(244,42,65,.5);margin-top:2px}.title-bn{font-size:clamp(1.8rem,8vh,3.5rem);font-weight:900;color:var(--gold);text-shadow:0 0 10px rgba(255,204,0,.5);margin-bottom:.5rem}.subtitle-bn{font-size:clamp(.9rem,1.5vh,1.2rem);color:#ccc;margin-bottom:2vh}#rotate-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;gap:20px}.rotate-icon{font-size:4rem;animation:rotatePhone 2s infinite ease-in-out}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media screen and (orientation: portrait) and (max-width: 900px){#rotate-warning{display:flex}#app{display:none}}.stats-container{display:flex;justify-content:center;align-items:center;gap:15px;background:#0009;padding:10px 20px;border-radius:50px;margin-top:1.5rem;border:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;text-transform:uppercase;color:#aaa;letter-spacing:1px}.stat-value{font-size:1.2rem;font-weight:900;color:var(--gold);font-family:Outfit,sans-serif}.stat-divider{width:1px;height:20px;background:#fff3}.selection-container{margin:1.5rem 0}.candidates-row{display:flex;justify-content:center;gap:20px}.char-card{background:#ffffff0d;border:2px solid transparent;border-radius:10px;padding:15px;cursor:pointer;transition:all .2s;width:140px}.char-card:hover{background:#ffffff1a}.char-card.active{border-color:var(--gold);background:#fc03;transform:scale(1.05)}.char-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:3px solid #333}.primary-btn-bn{background:linear-gradient(45deg,var(--secondary),#d61c31);color:#fff;border:none;padding:.7rem 2rem;font-size:clamp(1rem,2.5vh,1.3rem);font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px #f42a4159;transition:transform .1s;margin-top:.8rem}.primary-btn-bn:active{transform:scale(.95)}#game-screen{background:radial-gradient(circle at center,#2b2b2b,#000);background-size:cover;background-position:bottom}#game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud-layer{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none;padding:8px 150px 12px 14px;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 60%,transparent 100%)}.fighter-hud{width:30vw;max-width:280px;min-width:120px}.fighter-name{font-size:clamp(.8rem,4vh,1.3rem);font-weight:700;margin-bottom:2px;text-shadow:1px 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);color:var(--gold);letter-spacing:.5px}.health-bar-container{width:100%;height:clamp(7px,1.2vh,12px);background:#000000bf;border:1px solid rgba(255,255,255,.5);border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #00000080}.health-bar{height:100%;transition:width .3s ease-out,background .5s ease}.health-bar.health-critical{animation:healthPulse .6s ease-in-out infinite}@keyframes healthPulse{0%,to{opacity:1}50%{opacity:.5}}.izzat-text{font-size:.85rem;text-align:right;margin-top:2px;font-weight:700;color:#000;text-shadow:0 0 4px rgba(255,255,255,.5);letter-spacing:.5px}.vs-badge{position:absolute;left:50%;transform:translate(-50%);font-size:clamp(.9rem,3vh,1.6rem);font-weight:900;color:var(--secondary);text-shadow:0 0 8px rgba(244,42,65,.5),0 1px 3px rgba(0,0,0,.7);top:2px;letter-spacing:1px;line-height:1.1;text-align:center}.select-label{font-size:clamp(.8rem,1.5vh,1rem);color:#aaa;margin-bottom:12px}.controls-hint{margin-top:.5rem}.controls-hint p{font-size:clamp(.7rem,1.2vh,.9rem);color:#fff6;font-style:italic}.game-over-title{font-size:clamp(1.5rem,5vh,2.5rem);font-weight:900;margin-bottom:.5rem;text-shadow:0 0 15px rgba(255,204,0,.5)}.meme-area{margin:.5rem 0}.ammo-selector{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);display:flex;gap:clamp(4px,1vw,10px);background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:clamp(4px,.6vh,7px) clamp(8px,1.5vw,14px);border-radius:22px;z-index:1000;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #0006;max-width:95vw}.ammo-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.35;transition:all .15s ease;padding:3px 5px;border-radius:10px}.ammo-option.active{opacity:1;transform:scale(1.1);background:#ffcc0026;box-shadow:0 0 8px #ffcc0040}.ammo-option:hover{opacity:.75;transform:scale(1.05)}.ammo-icon{font-size:clamp(1.1rem,2.5vh,1.7rem)}.ammo-name{font-size:clamp(.45rem,.8vh,.65rem);font-weight:700;margin-top:1px;opacity:.8}.shake{animation:shake .5s}.shake-hard{animation:shakeHard .5s}@keyframes shakeHard{0%{transform:translate(3px,3px) rotate(0)}10%{transform:translate(-4px,-3px) rotate(-2deg)}20%{transform:translate(-6px) rotate(2deg)}30%{transform:translate(6px,4px) rotate(0)}40%{transform:translate(3px,-3px) rotate(2deg)}50%{transform:translate(-4px,4px) rotate(-2deg)}60%{transform:translate(-6px,2px) rotate(0)}70%{transform:translate(6px,2px) rotate(-2deg)}80%{transform:translate(-3px,-3px) rotate(2deg)}90%{transform:translate(3px,4px) rotate(0)}to{transform:translate(2px,-3px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.damage-text{z-index:1000;white-space:nowrap;animation:popOut .5s ease-out;font-family:Outfit,sans-serif}.combo-text{animation:comboFlash .3s ease-out}@keyframes comboFlash{0%{transform:scale(.5) rotate(-5deg);opacity:0}60%{transform:scale(1.4) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:.9}}@keyframes dialoguePop{0%{transform:translate(-50%) scale(.5) translateY(0);opacity:0}15%{transform:translate(-50%) scale(1.15) translateY(-5px);opacity:1}30%{transform:translate(-50%) scale(1) translateY(-10px);opacity:1}80%{transform:translate(-50%) scale(1) translateY(-25px);opacity:.9}to{transform:translate(-50%) scale(.9) translateY(-40px);opacity:0}}@keyframes popOut{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:.8}}@media (max-width: 600px){.title-bn{font-size:1.6rem}.subtitle-bn{font-size:.8rem;margin-bottom:1vh}.candidates-row{flex-direction:row;align-items:center;gap:10px}.char-card{width:110px;padding:10px}.char-card img{width:70px;height:70px;margin-bottom:5px}.char-card span{font-size:.7rem}.selection-container{margin:.8rem 0}.select-label{font-size:.8rem;margin-bottom:8px}.stats-container{padding:6px 12px;gap:8px;margin-top:.8rem}.stat-label{font-size:.55rem}.stat-value{font-size:.9rem}.controls-hint p{font-size:.7rem}.primary-btn-bn{padding:.5rem 1.5rem;font-size:.95rem}.ammo-selector{width:90%;justify-content:space-around;bottom:80px}.credit-footer{margin-top:.6rem;font-size:.6rem}.glass-panel{padding:.8rem 1rem;border-radius:14px}}@media (max-height: 500px){.hud-layer{padding:4px 10px 8px}.fighter-hud{width:28vw}.fighter-name{font-size:.8rem}.health-bar-container{height:5px}.vs-badge{font-size:.9rem;top:0}.game-controls-top{top:6px;right:8px;gap:6px}.game-ctrl-btn{width:34px;height:34px;font-size:.95rem}.ammo-selector{bottom:52px;gap:3px;padding:3px 8px}.ammo-icon{font-size:1rem}.ammo-name{font-size:.45rem}.touch-controls{bottom:max(6px,env(safe-area-inset-bottom))}.touch-btn{width:42px;height:42px;font-size:1rem}.touch-btn.large{width:50px;height:50px;font-size:1.2rem}.touch-group{gap:8vw}}.touch-controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none;z-index:2000}.touch-group{display:flex;gap:clamp(15px,12vw,80px);pointer-events:auto;align-items:flex-end}.touch-btn{width:52px;height:52px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .12s ease;cursor:pointer}.touch-btn:active,.touch-btn.active{background:#ffcc0080;transform:scale(.88);border-color:var(--gold);box-shadow:0 0 10px #fc06}.touch-btn.large{width:62px;height:62px;font-size:1.6rem;background:#f42a4126;border-color:#f42a4159}.touch-btn.large:active,.touch-btn.large.active{background:#f42a4199;border-color:#ff5252}.touch-group.right{padding-bottom:8px}@media (max-width: 380px){.glass-panel{padding:.6rem .8rem;border-radius:12px}.title-bn{font-size:1.3rem}.char-card{width:90px;padding:8px}.char-card img{width:55px;height:55px}.char-card span{font-size:.6rem}.primary-btn-bn{padding:.4rem 1.2rem;font-size:.85rem}.stats-container{padding:5px 8px;gap:5px}.stat-value{font-size:.8rem}.stat-label{font-size:.5rem}}