*{box-sizing:border-box;font-family:"Press Start 2P",system-ui}body{background-color:#2e2e2e;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.conteiner{width:100%;display:flex;justify-content:center;position:relative}.conteiner>article{width:100%;max-width:720px;padding:16px;margin:64px auto 24px;color:#fff}canvas{display:block;max-width:100%}.interface{align-items:center;display:flex;position:absolute;margin-top:10px;width:100%;justify-content:center}.health-bar{position:relative;background-color:red;height:30px;width:400px}.player,.enemy{background-color:green;height:100%}.player{margin-right:0;margin-left:auto}.timer{background-color:#030712;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;height:50px;width:100px;margin-left:15px;margin-right:15px}.health-bar,.timer{border:4px solid white}.who-win{position:absolute;display:none;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:17px;inset:0}.hidden{display:none!important}.who-win>div{margin:15px 0}.button{background-color:#c0848475;border:3px solid;padding:10px;cursor:pointer}.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;background:#0a0a0af2;color:#fff;border:3px solid #fff;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:200}.cookie-banner .cookie-text{flex:1;margin-right:12px;font-size:12px}.cookie-actions{display:flex;gap:8px}.cookie-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:300}.cookie-modal-panel{background:#0a0a0a;color:#fff;border:4px solid #fff;padding:18px;max-width:520px;width:100%}.cookie-checkbox{margin-top:12px;font-size:14px}@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:center;text-align:center;padding:10px}.cookie-banner .cookie-text{margin:0 0 12px;font-size:13px}.cookie-actions{justify-content:center;width:100%;gap:8px}.cookie-actions .button{width:calc(50% - 6px);padding:8px;box-sizing:border-box}}.mobile-orientation-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:120;background:#000000b3;padding:20px}.mobile-orientation-modal-panel{max-width:520px;width:100%;background:#0a0a0af2;border:4px solid #ffffff;padding:20px;text-align:center;color:#fff;font-family:"Press Start 2P",system-ui}.mobile-orientation-modal-message{margin:0 0 18px;line-height:1.7;font-size:12px}.mobile-orientation-modal-button{width:100%;font-family:"Press Start 2P",system-ui;font-size:11px;line-height:1.5}.menu-button{width:320px;text-align:center}.roster-wrap{display:flex;gap:12px;align-items:center}.avatar-btn{background:transparent;border:none;padding:0}.avatar-btn img{display:block;border-radius:6px}.avatar-btn img{transition:transform .12s ease,outline .12s ease}.avatar-selected-player1 img{outline:4px solid #1e90ff;outline-offset:4px}.avatar-selected-player2 img{outline:4px solid #ff3333;outline-offset:4px}.avatar-selected-both img{outline:4px solid #ff8c00;outline-offset:4px}.gp-focused{color:#ff8c00;border-color:#ff8c00!important}.avatar-gp-focused img{outline:4px solid #ff8c00;outline-offset:4px}.avatar-pointer-p1 img{outline:4px solid #1e90ff;outline-offset:4px}.avatar-pointer-p2 img{outline:4px solid #ff3333;outline-offset:4px}.select-box{padding:8px;margin-bottom:8px;min-width:160px;text-align:center}.char-actions{display:flex;gap:12px;margin-top:12px}.mobile-controls-container{display:flex;position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:15px;right:15px;z-index:100;pointer-events:auto;justify-content:space-between;align-items:center}.action-buttons{display:grid;grid-template-columns:repeat(2,60px);gap:10px;pointer-events:auto}.dpad-container{display:flex;gap:20px;pointer-events:auto}.mobile-btn{border:3px solid #fff;background-color:#64646499;color:#fff;font-weight:700;cursor:pointer;border-radius:12px;transition:all .1s ease;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:"Press Start 2P",system-ui;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible;touch-action:manipulation}.mobile-btn:active,.mobile-btn.active{transform:scale(.97);box-shadow:0 2px 6px #000000b3}.dpad-btn{font-size:36px;pointer-events:auto}.action-btn{min-width:14px;padding:12px;box-sizing:border-box;font-size:24px;font-weight:700;letter-spacing:1px;pointer-events:auto;line-height:1.1;display:flex;align-items:center;justify-content:center;white-space:nowrap}.jump-btn{background-color:#ffdc00d9}.jump-btn:active,.jump-btn.active{background-color:#ffdc00;color:#000}.attack-btn{background-color:#3282c8cc}.attack-btn:active,.attack-btn.active{background-color:#3282c8;color:#fff}.heavy-btn{background-color:#f006;color:#fff}.heavy-btn:active,.heavy-btn.active{background-color:#ff0000b3;color:#fff}.dodge-btn{background-color:#80808080;color:#fff}.dodge-btn:active,.dodge-btn.active{background-color:#808080cc;color:#fff}@media(max-width:600px){.mobile-btn{font-size:16px;min-width:80px;min-height:64px}.dpad-btn{width:80px;height:80px;font-size:28px}.action-btn{min-width:80px;min-height:64px;font-size:18px;margin:0 8px;padding:0 12px}.mobile-controls-container{margin:20px 10px 60px;flex-direction:row}.dpad-container{gap:12px;flex-direction:row}.action-buttons{flex-direction:column;gap:12px}}@media(max-width:900px)and (orientation:landscape){.mobile-btn{width:64px;height:64px}.action-buttons,.dpad-container{gap:10px}}@media(hover:hover)and (pointer:fine){.button:hover,.button:focus-visible,.menu-button:hover,.menu-button:focus-visible{color:#ff8c00;border-color:#ff8c00;transform:scale(1.02);outline:none}.avatar-btn:hover img,.avatar-btn.focus-visible img,.avatar-btn:focus-visible img{outline:4px solid #ff8c00;outline-offset:4px;transform:translateY(-4px)}.avatar-btn:hover,.avatar-btn:focus-visible{cursor:pointer;outline:none}}.button:focus-visible,.menu-button:focus-visible{color:#ff8c00;border-color:#ff8c00;transform:scale(1.02);outline:none}.avatar-btn:focus-visible img{outline:4px solid #ff8c00;outline-offset:4px;transform:translateY(-4px)}.avatar-btn:focus-visible{outline:none}._scrollable_ltzcn_1{display:block;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:auto}._scrollable_ltzcn_1>article{display:block;padding-bottom:56px;box-sizing:border-box;min-height:100%}