html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#game-container{width:800px;height:600px;background-color:#222;position:relative;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;overflow:visible;border-radius:8px}canvas{display:block!important;margin:0 auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:contain!important}#game-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:7px;opacity:.3;animation:glow 3s infinite alternate}@keyframes glow{0%{opacity:.2}to{opacity:.4}}body{margin:0;padding:0;background-color:var(--background-color);font-family:var(--font-main);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-footer{display:block;margin-top:20px;text-align:center}.game-header{display:block;margin-bottom:20px;text-align:center}@media (max-width: 840px){#game-container{width:100vw;height:100vh;margin:0;border-radius:0}canvas{width:100%!important;height:100%!important}body{overflow:hidden;position:fixed;width:100%;height:100%}.game-footer,.game-header{display:none}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loader{width:60px;height:60px;border:5px solid rgba(0,255,255,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#loading-screen p{color:var(--primary-color);font-size:1.2rem;letter-spacing:2px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none!important}.text-center{text-align:center}.flex-center{display:flex;justify-content:center;align-items:center}:root{--primary-color: #00ffff;--secondary-color: #ff00ff;--background-color: #121212;--text-color: #ffffff;--accent-color: #00ff99;--font-main: "Courier New", monospace}html{box-sizing:border-box;height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-height:100vh;background-color:var(--background-color);font-family:var(--font-main);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 0}.game-header{width:100%;text-align:center;margin-bottom:1.5rem}.game-title{font-size:3rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:transparent;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;position:relative;text-shadow:0 0 10px rgba(0,255,255,.5);animation:glitch 15s infinite alternate}@keyframes glitch{0%,to{text-shadow:0 0 10px rgba(0,255,255,.7);transform:translate(0)}2%{text-shadow:-2px 0 rgba(255,0,255,.7),2px 0 rgba(0,255,255,.7);transform:translate(2px)}4%{text-shadow:2px 0 rgba(0,255,255,.7),-2px 0 rgba(255,0,255,.7);transform:translate(-2px)}6%,98%{text-shadow:0 0 10px rgba(0,255,255,.7);transform:translate(0)}}main{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.game-footer{width:100%;text-align:center;padding:.5rem;font-size:.8rem;opacity:.7;margin-top:1.5rem}.copyright{margin-top:.5rem;font-size:.7rem}@media (max-width: 840px){#game-container{width:95vw!important;height:71.25vw!important}.game-title{font-size:2rem}}@media (max-height: 650px){.game-footer{display:none}.game-header{margin-bottom:.5rem}.game-title{font-size:1.5rem}body{padding:.5rem 0}}#jumpButton{position:absolute!important;bottom:20px!important;right:20px!important;width:80px!important;height:80px!important;background:#00ffff80!important;border:3px solid cyan!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;z-index:99999!important;font-size:16px!important;font-weight:700!important;color:#fff!important;text-shadow:0 0 5px rgba(0,255,255,.8)!important;cursor:pointer!important;box-shadow:0 0 15px #00ffff80!important;padding:0!important;margin:0!important;overflow:visible!important;white-space:nowrap!important}#jumpButton:hover{background:#00ffffb3!important;transform:scale(1.05)!important}#jumpButton:active{background:#00ffffe6!important;transform:scale(.95)!important}#game-container{position:relative!important;overflow:visible!important}.game-ui{position:absolute;top:20px;left:20px;z-index:100;color:#0ff;font-family:Courier New,monospace;font-weight:700;text-shadow:0 0 10px #00ffff}.score-display{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.score-display div{font-size:16px;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);padding:5px 10px;border-radius:5px;border:2px solid #00ffff;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.score-display div:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0ff,#f0f);z-index:-1;border-radius:5px;opacity:.3;animation:borderGlow 3s infinite alternate}.settings-btn{background:linear-gradient(45deg,#0ff3,#f0f3);border:2px solid #00ffff;color:#0ff;padding:10px;border-radius:50%;cursor:pointer;font-size:18px;transition:all .2s ease;position:relative;text-shadow:0 0 10px #00ffff;will-change:transform,box-shadow}.settings-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0ff,#f0f);z-index:-1;border-radius:50%;opacity:.3;transition:opacity .2s ease}.settings-btn:hover{background:linear-gradient(45deg,#0ff,#f0f);color:#000;box-shadow:0 0 20px #0ff;transform:scale(1.05)}.settings-btn:hover:before{opacity:.6}.powerup-indicators{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px}.powerup-indicator{display:flex;align-items:center;background:#000c;border:2px solid #00ff99;border-radius:8px;padding:8px;color:#0f9;font-size:12px;font-weight:700;min-width:120px;position:relative;overflow:hidden}.powerup-indicator.active{animation:glow 1s ease-in-out infinite alternate}.powerup-icon{width:20px;height:20px;margin-right:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.powerup-timer{position:absolute;bottom:0;left:0;height:3px;background:#0f9;transition:width .1s linear}.powerup-icon.speedBoost{background:#ff6b6b}.powerup-icon.shield{background:#4ecdc4}.powerup-icon.jumpBoost{background:#45b7d1}.powerup-icon.invertedControls{background:#96ceb4}.powerup-icon.slowJump{background:#feca57}.powerup-icon.jumpDisabled{background:#ff9ff3}.powerup-icon.screenFlip{background:#54a0ff}.powerup-icon.gravityFlip{background:#5f27cd}.game-over-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:gameOverAppear .8s ease-out}.game-over-content{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border:3px solid #00ffff;border-radius:15px;padding:40px;text-align:center;color:#0ff;font-family:Courier New,monospace;box-shadow:0 0 30px #0ff;animation:slideIn .3s ease-out;position:relative;will-change:transform}.game-over-content:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#0ff,#f0f,#0ff);z-index:-1;border-radius:15px;opacity:.6;animation:borderGlow 2s infinite alternate}.game-over-content h2{font-size:36px;margin-bottom:20px;text-shadow:0 0 20px #00ffff,0 0 30px #ff00ff;animation:titleGlitch 4s infinite}.game-over-content div{font-size:18px;margin-bottom:10px;text-shadow:0 0 10px #00ffff}.restart-btn{background:linear-gradient(45deg,#0ff,#f0f);border:2px solid #00ffff;color:#000;padding:15px 30px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;margin-top:20px;transition:all .2s ease;position:relative;will-change:transform,box-shadow}.restart-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0ff,#f0f);z-index:-1;border-radius:8px;opacity:.8;animation:borderGlow 1.5s infinite alternate}.restart-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff,0 0 40px #f0f;background:linear-gradient(45deg,#f0f,#0ff)}.settings-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:settingsPanelAppear .6s ease-out}.settings-content{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border:3px solid #00ffff;border-radius:15px;padding:30px;color:#0ff;font-family:Courier New,monospace;min-width:300px;animation:slideIn .5s ease-out,settingsGlitch 8s infinite;position:relative;overflow:hidden;box-shadow:0 0 40px #0ff,0 0 60px #f0f}.settings-content:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#0ff,#f0f,#0ff);z-index:-1;border-radius:15px;opacity:.5;animation:borderGlow 2.5s infinite alternate}.settings-content h3{font-size:24px;margin-bottom:20px;text-align:center;text-shadow:0 0 15px #00ffff,0 0 25px #ff00ff;animation:titleGlitch 5s infinite}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background:linear-gradient(45deg,#00ffff0d,#ff00ff0d);border:1px solid rgba(0,255,255,.3);border-radius:5px;transition:all .3s ease}.setting-item:hover{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border-color:#0ff;box-shadow:0 0 10px #00ffff80}.setting-item label{font-size:16px;font-weight:700;text-shadow:0 0 5px #00ffff}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:#00ffff}.setting-item select{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);color:#0ff;border:2px solid #00ffff;border-radius:5px;padding:5px 10px;font-family:Courier New,monospace;font-size:14px;text-shadow:0 0 5px #00ffff}.close-btn{background:linear-gradient(45deg,#f0f,#ff6b6b);border:2px solid #ff00ff;color:#fff;padding:10px 20px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;margin-top:20px;width:100%;transition:all .3s ease;position:relative;overflow:hidden;text-shadow:0 0 10px #ff00ff}.close-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f0f,#ff6b6b);z-index:-1;border-radius:5px;opacity:.7;animation:borderGlow 2s infinite alternate}.close-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #f0f,0 0 30px #ff6b6b;background:linear-gradient(45deg,#ff6b6b,#f0f)}@keyframes glow{0%{box-shadow:0 0 5px #0f9}to{box-shadow:0 0 20px #0f9,0 0 30px #0f9}}@keyframes uiGlitch{0%,96%{transform:translate(0);filter:hue-rotate(0deg)}2%{transform:translate(2px);filter:hue-rotate(10deg)}4%{transform:translate(-2px);filter:hue-rotate(-10deg)}6%,8%{transform:translate(0);filter:hue-rotate(0deg)}98%{transform:translate(1px);filter:hue-rotate(5deg)}}@keyframes scoreGlitch{0%,90%{transform:translate(0) scale(1);opacity:1}2%{transform:translate(1px) scale(1.01);opacity:.9}4%{transform:translate(-1px) scale(.99);opacity:.95}92%{transform:translate(.5px) scale(1.005);opacity:.98}94%,to{transform:translate(0) scale(1);opacity:1}}@keyframes buttonGlitch{0%,85%{transform:translate(0) rotate(0);filter:hue-rotate(0deg)}2%{transform:translate(1px) rotate(.5deg);filter:hue-rotate(15deg)}4%{transform:translate(-1px) rotate(-.5deg);filter:hue-rotate(-15deg)}87%{transform:translate(.5px) rotate(.25deg);filter:hue-rotate(5deg)}90%,to{transform:translate(0) rotate(0);filter:hue-rotate(0deg)}}@keyframes gameOverGlitch{0%,94%{transform:translate(0) skew(0);filter:hue-rotate(0deg) contrast(1)}1%{transform:translate(2px) skew(1deg);filter:hue-rotate(20deg) contrast(1.2)}3%{transform:translate(-2px) skew(-1deg);filter:hue-rotate(-20deg) contrast(.8)}5%{transform:translate(1px) skew(.5deg);filter:hue-rotate(10deg) contrast(1.1)}96%,to{transform:translate(0) skew(0);filter:hue-rotate(0deg) contrast(1)}}@keyframes titleGlitch{0%,88%{transform:translate(0) scaleX(1);text-shadow:0 0 20px #00ffff,0 0 30px #ff00ff}2%{transform:translate(3px) scaleX(1.02);text-shadow:-2px 0 #ff00ff,2px 0 #00ffff,0 0 20px #00ffff}4%{transform:translate(-3px) scaleX(.98);text-shadow:2px 0 #00ffff,-2px 0 #ff00ff,0 0 20px #ff00ff}6%{transform:translate(1px) scaleX(1.01);text-shadow:0 0 25px #00ffff,0 0 35px #ff00ff}90%,to{transform:translate(0) scaleX(1);text-shadow:0 0 20px #00ffff,0 0 30px #ff00ff}}@keyframes settingsGlitch{0%,92%{transform:translateY(0) rotateX(0);filter:hue-rotate(0deg)}1%{transform:translateY(1px) rotateX(1deg);filter:hue-rotate(10deg)}3%{transform:translateY(-1px) rotateX(-1deg);filter:hue-rotate(-10deg)}94%,to{transform:translateY(0) rotateX(0);filter:hue-rotate(0deg)}}@keyframes buttonPulse{0%,50%,to{transform:scale(1);box-shadow:0 0 20px #0ff,0 0 30px #f0f}25%{transform:scale(1.02);box-shadow:0 0 25px #0ff,0 0 40px #f0f}75%{transform:scale(.98);box-shadow:0 0 15px #0ff,0 0 25px #f0f}}@keyframes borderGlow{0%{opacity:.3;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}to{opacity:.5;filter:brightness(.9)}}@keyframes gameOverAppear{0%{opacity:0;transform:scale(.8);filter:blur(10px)}50%{opacity:.7;transform:scale(1.05);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes settingsPanelAppear{0%{opacity:0;transform:rotateY(90deg);filter:blur(5px)}to{opacity:1;transform:rotateY(0);filter:blur(0px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 768px){.game-ui{top:10px;left:10px}.score-display div{font-size:14px;padding:3px 8px}.powerup-indicators{top:10px;right:10px}.powerup-indicator{min-width:100px;padding:6px;font-size:10px}.game-over-content{padding:20px;margin:20px}.game-over-content h2{font-size:28px}.settings-content{margin:20px;padding:20px}}