body{background-color:#f0f0f0;cursor:pointer;font-family:Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game-header{background-color:rgba(0,0,0,.7);color:#fff;height:50px;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;top:0;z-index:990}.game-header,.room-info{align-items:center;display:flex}.room-info{font-size:.9rem;gap:10px}.room-id{background-color:hsla(0,0%,100%,.1);border-radius:4px;padding:3px 8px}.game-time{font-size:1.2rem;font-weight:700}.burger-menu{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:center;touch-action:manipulation;width:30px;z-index:1000}.burger-line{background-color:#fff;height:3px;margin:5px 0;transition:.3s;width:100%}.burger-menu.active .burger-line:first-child{transform:rotate(-45deg) translate(-5px,6px)}.burger-menu.active .burger-line:nth-child(2){opacity:0}.burger-menu.active .burger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.main-menu{background-color:rgba(0,0,0,.85);border-radius:0 0 10px 0;color:#fff;left:0;padding:20px;position:fixed;top:50px;transform:translateX(-100%);transition:transform .3s ease-out;width:250px;z-index:980}.main-menu.visible{transform:translateX(0)}.menu-section{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:20px;padding-bottom:15px}.menu-section:last-child{border-bottom:none;margin-bottom:0}.menu-section h3{font-size:1rem;margin:0 0 10px;opacity:.8}.main-nav-links{display:flex;flex-direction:column;gap:10px}.main-nav-links a{background-color:hsla(0,0%,100%,.1);border-radius:4px;color:#fff;padding:8px 12px;text-decoration:none;transition:background-color .2s}.main-nav-links a:hover{background-color:hsla(0,0%,100%,.2)}.screenshot-info{font-size:.9rem;margin-bottom:10px}.premium-status{margin-top:10px}.premium-badge{background-color:gold;border-radius:4px;color:#333;font-size:.9rem;font-weight:700;padding:4px 8px}.scoreboard{background:rgba(0,0,0,.7);border-radius:5px;color:#fff;left:10px;max-height:calc(100vh - 150px);min-width:150px;overflow-y:auto;padding:10px;position:fixed;top:60px;z-index:970}.scoreboard h3{font-size:.9rem;margin:0 0 10px;opacity:.7;text-align:center;text-transform:uppercase}.scoreboard-players{max-height:150px;overflow-y:auto}.player-score{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:5px 0}.player-score:last-child{border-bottom:none}.player-score.current-player{color:#3498db;font-weight:700}.controls-panel{background-color:rgba(0,0,0,.7);border-radius:10px;bottom:0;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;left:0;opacity:1;padding:15px;position:fixed;transition:opacity .3s,transform .3s;width:100%;z-index:900}.controls-panel.hover-only{opacity:.3}.controls-panel.hover-only:hover{opacity:1}.panel-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:move;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.panel-title{font-weight:700}.panel-actions,.panel-position{display:flex;gap:10px}.position-btn{align-items:center;background-color:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.position-btn:hover{background-color:hsla(0,0%,100%,.2)}.drag-handle{cursor:move;font-size:1.2rem;padding:0 5px}.controls{display:flex;flex-wrap:wrap;gap:15px;max-height:calc(100vh - 200px);overflow-y:auto}.control-group{flex-basis:calc(25% - 15px);min-width:150px}label{display:inline-block;font-size:.9rem;margin-bottom:5px;opacity:.9}button,input,select{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#000;margin-top:5px;padding:8px;width:100%}select option{background-color:#fff;color:#000}button{background:rgba(52,152,219,.7);color:#fff;cursor:pointer;transition:background .2s}button:hover{background:rgba(52,152,219,.9)}.accessory-selector{margin-bottom:15px;margin-top:10px}.chat-box{background:rgba(0,0,0,.8);border-radius:10px;bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;max-height:400px;position:fixed;right:20px;width:300px;z-index:950}.chat-header{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:10px}.close-chat{cursor:pointer;font-size:1.5rem;line-height:1}.chat-messages{flex:1;margin:0;overflow-y:auto;padding:10px}.chat-input{border-top:1px solid hsla(0,0%,100%,.1);display:flex;padding:10px}.chat-input input{background:hsla(0,0%,100%,.1);border:none;color:#fff;flex:1;margin:0;padding:8px}.chat-input button{background:rgba(52,152,219,.8);border:none;color:#fff;margin:0 0 0 8px;padding:0 12px;width:auto}.ad-banner{align-items:center;background:rgba(51,51,51,.9);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px;position:fixed;text-align:center;width:100%;z-index:940}.ad-content{flex:1;padding-left:10px}.upgrade-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-right:10px;padding:10px 20px;width:auto}.player-cursor{border:2px solid #000;border-radius:50%;height:20px;opacity:.7;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px;z-index:900}.player-name{background:rgba(0,0,0,.5);border-radius:3px;bottom:100%;color:#fff;font-size:10px;margin-bottom:5px;padding:2px 5px;position:absolute;transform:translateX(-50%);white-space:nowrap}.game-over-modal{align-items:center;background:rgba(0,0,0,.8);display:flex;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.game-over-content{background:#fff;border-radius:10px;color:#333;max-width:500px;padding:30px;text-align:center}.game-over-content h2{margin-top:0}.game-over-scores{margin:20px 0}.game-over-scores table{border-collapse:collapse;width:100%}.game-over-scores td,.game-over-scores th{border-bottom:1px solid #ddd;padding:8px}.game-over-actions{margin-top:20px}.game-over-actions button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px;width:auto}.btn-primary{background:#3498db}.btn-secondary{background:#95a5a6}.shape{border:2px solid #2980b9;box-shadow:0 2px 4px rgba(0,0,0,.2);pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:opacity .3s ease-out}.circle{border-radius:50%}.triangle{background-color:transparent!important;border-bottom:20px solid;border-left:20px solid transparent;border-radius:0!important;border-right:20px solid transparent;border-top:none!important;box-shadow:none!important;height:0!important;width:0!important}.rectangle{border-radius:0}.oval{border-radius:50%}.accessory{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);z-index:1}.projectile{position:absolute;transition:none;z-index:5}.bullet{background-color:red;border-radius:50%;height:10px;width:10px}.arrow{background-color:#8b4513;height:4px;transform-origin:center left;width:30px}.laser{background:linear-gradient(90deg,#0ff,#fff,#0ff);box-shadow:0 0 10px #0ff;height:2px;width:40px}.missile{background-color:#ff4500;border:1px solid #8b0000;border-radius:3px;height:6px;width:20px}.machinegun{background-color:gold;border-radius:50%;height:8px;width:8px}.rotate{animation:rotate-anim 4s linear infinite}.pulse{animation:pulse-anim 2s ease-in-out infinite}.stretch{animation:stretch-anim 3s ease-in-out infinite}@keyframes rotate-anim{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulse-anim{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes stretch-anim{0%{transform:translate(-50%,-50%) scaleX(1) scaleY(1)}25%{transform:translate(-50%,-50%) scaleX(1.5) scaleY(.8)}50%{transform:translate(-50%,-50%) scaleX(1) scaleY(1)}75%{transform:translate(-50%,-50%) scaleX(.8) scaleY(1.5)}to{transform:translate(-50%,-50%) scaleX(1) scaleY(1)}}.player-cursor:after{background-color:#fff;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.shape.creating{animation:creating .3s ease-in-out}@keyframes creating{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.chat-notification{animation:notification 3s ease-in-out;background-color:rgba(52,152,219,.9);border-radius:5px;bottom:20px;color:#fff;font-size:14px;opacity:0;padding:8px 15px;position:fixed;right:20px;transform:translateY(20px);z-index:960}@keyframes notification{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.chat-messages::-webkit-scrollbar,.controls::-webkit-scrollbar,.scoreboard-players::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track,.controls::-webkit-scrollbar-track,.scoreboard-players::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb,.controls::-webkit-scrollbar-thumb,.scoreboard-players::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover,.controls::-webkit-scrollbar-thumb:hover,.scoreboard-players::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.main-footer{background-color:rgba(0,0,0,.7);bottom:0;color:#fff;font-size:.8rem;left:0;padding:10px;position:fixed;right:0;text-align:center;z-index:930}@media (max-width:768px){.game-header{padding:0 10px}.controls-panel.position-top{border-radius:0 0 10px 10px;padding:8px;top:50px;width:100%}.burger-menu{cursor:pointer;display:flex;flex-direction:column;height:35px;justify-content:center;position:relative;width:35px;z-index:1001}.burger-line{background-color:#fff;height:3px;margin:3px 0;transition:all .3s}.instructions{font-size:.9em!important;left:auto!important;max-width:60%!important;padding:10px!important;right:10px!important;top:10px!important;transform:none!important;z-index:9990!important}#togglePanelBtn{background-color:rgba(52,152,219,.9);border-radius:4px;font-size:18px;padding:8px 15px}#burger-touch-area{cursor:pointer;position:absolute}.scoreboard{font-size:.9em;max-height:150px;max-width:120px;overflow-y:auto;top:110px}.control-group{flex:0 0 auto!important;margin-right:10px!important;min-width:80px!important}.position-btn,button,select{min-height:44px;min-width:44px}.controls{display:flex!important;flex-wrap:nowrap!important;max-height:30vh;overflow-x:auto!important;overflow-y:auto;padding-bottom:10px!important;-webkit-overflow-scrolling:touch!important}.main-footer{font-size:.7rem;padding:5px}.main-menu{width:220px}.chat-box{bottom:60px;max-width:300px;width:80%}.ad-banner{flex-direction:column;gap:10px;padding:15px}.upgrade-btn{margin:0;width:100%}.chat-messages{font-size:.9em}#modeIndicator{font-size:16px;font-weight:700;padding:8px 15px}#directionIndicator{height:4px}.chat-box{bottom:80px;max-height:30vh}#showControlsBtn{background-color:#3498db;box-shadow:0 0 10px rgba(0,0,0,.5);font-size:24px;height:50px;line-height:50px;width:50px}.mobile-controls-notification{animation:fadeIn .5s,fadeOut .5s 4.5s;background-color:rgba(0,0,0,.8);border-radius:5px;bottom:80px;color:#fff;left:50%;max-width:80%;padding:10px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (max-width:576px){.game-header{height:40px}.room-id{font-size:.8rem;padding:2px 6px}.game-time{font-size:1rem}.scoreboard{max-height:200px}.control-group{min-width:70px!important}.controls-panel{padding:10px}.panel-header{gap:5px}.position-btn{font-size:.8em;height:25px;width:25px}.position-btn,button,input,select{min-height:48px}.burger-menu{height:30px;width:35px}}.controls-panel.position-top{border-radius:0 0 10px 10px;bottom:auto;top:60px}.controls-panel.position-bottom{border-radius:10px 10px 0 0;bottom:0;top:auto}.controls-panel.position-left{border-radius:0 10px 10px 0;height:auto;left:0;max-height:80vh;right:auto;width:300px}.controls-panel.position-right{border-radius:10px 0 0 10px;height:auto;left:auto;max-height:80vh;right:0;width:300px}.controls-panel.draggable{border-radius:10px;max-width:90vw;position:absolute;width:350px}.mobile-controls{display:none;flex-direction:column;gap:10px;left:10px;position:fixed;top:60px;z-index:999}.mobile-control-btn{border:none;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;font-size:16px;padding:10px 15px;transition:all .3s ease}.mobile-control-btn.active{box-shadow:0 4px 10px rgba(0,0,0,.3);transform:scale(1.05)}@media (max-width:768px){.mobile-controls{display:flex}}.aim-cursor{border:2px solid rgba(255,0,0,.7);border-radius:50%;box-shadow:0 0 10px rgba(255,0,0,.5);height:30px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:30px;z-index:998}.aim-cursor:before{border-radius:50%;height:6px;transform:translate(-50%,-50%);width:6px}.aim-cursor:after{transform:translate(-50%,-50%) rotate(45deg)}.aim-cursor:after,.aim-cursor:before{background-color:rgba(255,0,0,.7);content:"";height:2px;left:50%;position:absolute;top:50%;width:20px}.aim-cursor:before{transform:translate(-50%,-50%) rotate(-45deg)}.shape-projectile{pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:5}.shape-projectile.circle{border-radius:50%;transform-origin:center center}.shape-projectile.triangle{background-color:transparent!important;border-bottom:20px solid;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none!important;height:0!important;transform-origin:center center;width:0!important}.shape-projectile.rectangle{border-radius:0;transform-origin:center center}.shape-projectile.oval{border-radius:50%;transform-origin:center center}@keyframes projectile-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.shape-projectile.spin{animation:projectile-spin .5s linear infinite}@keyframes impact{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.impact{animation:impact .3s ease-out forwards}@keyframes explosion{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.shooter-shape{pointer-events:none;z-index:4}.projectile.bullet{background-color:red;border-radius:50%}.projectile.arrow{background-color:#8b4513}.projectile.laser{background:linear-gradient(90deg,#0ff,#fff,#0ff);box-shadow:0 0 10px #0ff}.projectile.missile{background-color:#ff4500;border:1px solid #8b0000;border-radius:3px}.projectile.machinegun{background-color:gold;border-radius:50%}.projectile.sword{background-color:silver;border-radius:0 2px 2px 0}.projectile.grenade{background-color:#006400;border:2px solid #333;border-radius:50%}.explosion{pointer-events:none;z-index:10}@keyframes swing{0%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}to{transform:rotate(0deg)}}#showControlsBtn{background-color:rgba(0,0,0,.7);border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:none;font-size:24px;height:50px;line-height:30px;opacity:1;padding:10px;position:fixed;right:20px;text-align:center;width:50px;z-index:9999}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:768px){.burger-menu-zone{height:50px;left:0;position:absolute;top:0;width:60px;z-index:990}#hideControlsBtn,#showControlsBtn,#togglePanelBtn,.position-btn,button,input,select{min-height:44px;min-width:44px}.instructions{font-size:.9em!important;font-weight:400!important;left:auto!important;max-width:60%!important;padding:10px!important;position:fixed!important;right:10px!important;top:10px!important;transform:none!important;z-index:9990!important}body.game-active{height:100%;overflow:hidden;position:fixed;width:100%}@supports (-webkit-touch-callout:none){.controls-panel.position-top{top:55px}.burger-menu{margin-left:5px}}}:root{--z-background:0;--z-game-canvas:10;--z-ui-elements:100;--z-controls-panel:950;--z-scoreboard:980;--z-game-header:1001;--z-mobile-selects:2001;--z-modals:9000;--z-tooltips:10000}@media (max-width:768px){.game-header{z-index:var(--z-game-header)!important}.scoreboard{z-index:var(--z-scoreboard)!important}.controls-panel{z-index:var(--z-controls-panel)!important}.mobile-select-options{z-index:var(--z-mobile-selects)!important}body.game-page .main-nav{display:none!important}.game-area,canvas{z-index:var(--z-game-canvas)!important}.chat-container,.connection-indicator,.toast-container{z-index:var(--z-ui-elements)!important}.modal,.overlay{z-index:var(--z-modals)!important}.tooltip{z-index:var(--z-tooltips)!important}}@media (max-width:480px){body.game-page{overflow-x:hidden;position:relative}.game-area{min-height:calc(100vh - 210px);padding-bottom:120px;padding-top:90px}*{box-sizing:border-box}.mobile-layout{display:flex;flex-direction:column;height:100vh}.mobile-header-area{flex:0 0 auto;position:relative;z-index:var(--z-game-header)}.mobile-game-area{flex:1 1 auto;overflow:hidden;position:relative;z-index:var(--z-game-canvas)}.mobile-controls-area{flex:0 0 auto;position:relative;z-index:var(--z-controls-panel)}}@media (max-width:768px){body.game-page *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}#mobile-unified-bar,#mobile-unified-bar *{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;will-change:auto!important}body.game-page .main-nav{height:0!important;overflow:hidden!important}body.game-page .combo-display,body.game-page .event-display,body.game-page .game-mode-selector,body.game-page .guild-btn-fixed,body.game-page .leaderboard-btn-fixed,body.game-page .main-nav,body.game-page .puzzle-display,body.game-page .room-creator-btn,body.game-page .simple-toolbar,body.game-page [style*="position: fixed"][style*="top: 100px"],body.game-page [style*="position: fixed"][style*="top: 120px"],body.game-page [style*="position: fixed"][style*="top: 20px"],body.game-page [style*="position: fixed"][style*="top: 60px"],body.game-page [style*="position: fixed"][style*="top: 80px"]{display:none!important;opacity:0!important;visibility:hidden!important}body.game-page .game-header,body.game-page .main-menu{display:none!important;visibility:hidden!important}body.game-page .game-header{opacity:0!important}body.game-page .game-header .burger-menu{display:none!important}body.game-page .game-header .game-time{font-size:1.1rem!important;font-weight:700!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important}body.game-page .game-header .room-info{font-size:.7rem!important;gap:5px!important}body.game-page .scoreboard{display:none!important;opacity:0!important;visibility:hidden!important}body.game-page .scoreboard h3{font-size:.7rem!important;margin:0 10px 0 0!important;white-space:nowrap!important}body.game-page .scoreboard-players{display:flex!important;flex-direction:row!important;gap:15px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important}body.game-page .player-score{border-bottom:none!important;flex-shrink:0!important;min-width:80px!important;white-space:nowrap!important}body.game-page .controls-panel{bottom:0!important;font-size:.8rem!important;max-height:120px!important;overflow-y:auto!important;padding:8px!important;top:auto!important}body.game-page{padding-bottom:130px!important;padding-top:55px!important}body.game-page .ad-banner,body.game-page .chat-notification,body.game-page .instructions,body.game-page .main-footer,body.game-page .mobile-controls-notification{display:none!important;opacity:0!important;visibility:hidden!important}}@media (max-width:480px){body.game-page .game-header{font-size:.8rem!important;height:40px!important;padding:0 8px!important}body.game-page .game-header .game-time{font-size:1rem!important}body.game-page .game-header .room-info{display:none!important}body.game-page .scoreboard{font-size:.6rem!important;height:30px!important;padding:3px 8px!important;top:45px!important}body.game-page{padding-bottom:120px!important;padding-top:55px!important}body.game-page .controls-panel{max-height:100px!important;padding:6px!important}body.game-page .control-group{font-size:.7rem!important;min-width:60px!important}}