.arena___root{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;background-size:cover;background-image:url(../../resources/arena.jpg);background-repeat:no-repeat;background-position:center}.arena___battlefield{display:flex;justify-content:space-around;margin-bottom:60px}.arena___right-fighter img{transform:scaleX(-1)}.arena___fighter img{height:480px}.arena___fight-status{display:flex;margin:30px;justify-content:center}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype")}.arena___fighter-name{font-family:"Press Start 2P",monospace;color:#fff;text-shadow:2px 2px 0 black;-webkit-text-stroke-width:1px;font-size:26px;font-weight:700}.arena___fighter-indicator{width:100%;display:flex;align-items:center;flex-direction:column;margin:0 30px}.arena___health-indicator{width:100%;height:25px;border:2px solid;border-radius:5px;margin:0 10px;overflow:hidden}.arena___health-bar{height:100%;width:100%;background-color:#ebd759}.fighters___root{display:flex;flex-direction:column;width:100%;height:100%;background-image:url(../../resources/main-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.fighters___list{margin:40px;display:flex;align-items:center;justify-content:center}.fighters___fighter{height:150px;max-width:150px;flex:1;display:flex;justify-content:center;cursor:pointer;background:#ffdfa7;margin:10px;border:5px solid #ca9650}.fighters___fighter:hover{background:#cbe4f8;border:5px solid #267abf}.fighter-preview___root{display:flex;flex-direction:column;flex-basis:250px}.fighter-preview___right{align-items:flex-end}.fighter-preview___left{align-items:flex-start}.vs-preview{display:flex;flex-direction:column;justify-content:center;height:50vh;color:#ff0;text-shadow:2px 2px 0 rgb(192,11,11);font-family:"Press Start 2P",monospace;font-size:1rem;text-align:center;text-transform:uppercase;margin:0}.name-text{font-size:2em;background-color:#000}.preview-container___root{flex:1;display:flex;justify-content:center;align-items:center;margin:40px}.preview-container___versus-block{display:flex;flex-direction:column;margin:0 50px;align-items:center;justify-content:center}.preview-container___versus-img{width:130px}.preview-container___fight-btn{padding:8px 35px;justify-self:right;text-align:center;background:#ba0303;margin:40px 0;color:#f8f9f4;font-size:22px;cursor:pointer;font-weight:700;box-shadow:6px 6px 7px #000000bf}.preview-container___fight-btn.disabled{opacity:0}.modal-layer{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#80808099}.modal-root{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.2);background-color:#fff}.modal-header{display:flex;align-items:center;justify-content:space-between;min-width:300px;padding:1rem;border-bottom:1px solid #e9ecef;font-weight:700;font-size:22px}.modal-body{padding:1rem}.close-btn{font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer}@font-face{font-family:BiroScript;src:url(/fonts/Biro_Script_reduced.ttf) format("truetype");font-weight:400;font-style:normal}.victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;color:#fff;font-family:sans-serif;overflow:hidden}.victory-image-container{position:relative;width:95vw;height:95vh;display:flex;align-items:center;justify-content:center;z-index:20}.victory-image{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .5s ease-in-out}.cinematic-filter{filter:sepia(.3) contrast(1.1) brightness(.9)}.smoke-border{position:absolute;inset:-50px;background-image:url(/resources/smoke.png);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:21;opacity:.6}.victory-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#ffffffb3;font-size:3rem;cursor:pointer;z-index:300;padding:0;margin:0;line-height:1;text-shadow:0 0 5px rgba(0,0,0,.5);transition:transform .3s,color .3s}.victory-close:hover{color:gold;background:transparent;transform:scale(1.1)}.blurred-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(.4);z-index:10;transition:opacity 1s ease-in-out}.polaroid-frame{position:relative;z-index:20;background:#fff;padding:20px 20px 80px;box-shadow:0 10px 40px #000c;max-width:98%;max-height:98%;display:flex;justify-content:center;align-items:center;transition:all .5s ease-in-out;box-sizing:border-box}.polaroid-frame:after{content:"";position:absolute;inset:0;border:20px solid white;border-bottom-width:80px;pointer-events:none;z-index:5;box-shadow:inset 0 0 15px #0000001a}.polaroid-date{position:absolute;bottom:25px;left:0;width:100%;text-align:center;color:#1a1a1a;font-family:BiroScript,Brush Script MT,Comic Sans MS,cursive;font-size:2.2rem;z-index:10;pointer-events:none;transition:opacity 1s ease-in-out;transform:rotate(-1.5deg);opacity:.9}.polaroid-frame.is-portrait{width:55vh;height:88vh}.polaroid-frame img{max-width:100%;max-height:100%;width:100%;height:100%;display:block;object-fit:contain;transition:opacity 1s ease-in-out;box-sizing:border-box}.cinematic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;background:radial-gradient(circle,transparent 50%,black 150%),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="512" height="512"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" opacity="0.4"/%3E%3C/svg%3E');mix-blend-mode:overlay;opacity:.4}@keyframes ken-burns{0%{transform:scale(1) translate(0) rotate(0)}25%{transform:scale(1.02) translate(1%,1%) rotate(.1deg)}50%{transform:scale(1.04) translate(-1%) rotate(-.1deg)}75%{transform:scale(1.02) translateY(-1%) rotate(.1deg)}to{transform:scale(1) translate(0) rotate(0)}}.ken-burns-active{animation:ken-burns 15s ease-in-out infinite alternate}.heart-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;overflow:hidden}.floating-heart{position:absolute;width:30px;height:30px;background-color:#ff4d6d;clip-path:path("M15 27.5C15 27.5 1.875 16.5 1.875 9.125C1.875 5.5 4.875 2.5 8.5 2.5C11.5 2.5 13.875 4.625 15 7.125C16.125 4.625 18.5 2.5 21.5 2.5C25.125 2.5 28.125 5.5 28.125 9.125C28.125 16.5 15 27.5 15 27.5Z");opacity:0;animation:floatUp 3s ease-out forwards}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}10%{opacity:.8;transform:translateY(-20px) scale(1.2)}to{transform:translateY(-200px) scale(1);opacity:0}}:root{--color-gold: #ffd700;--color-red: #880000;--color-black: #111111;--font-main: "Press Start 2P", cursive}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype")}html,body{height:100%;height:100dvh;width:100%;margin:0;padding:0;background-color:var(--color-black);color:#fff;font-family:var(--font-main);overflow-x:hidden;overflow-y:auto}#game-container{width:100%;width:100dvw;height:100%;height:100dvh;min-height:calc(100dvh + 1px);background-color:#000;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;display:flex;align-items:center;justify-content:center}canvas{display:block}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffffb3;visibility:hidden}body,canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}@font-face{font-family:"Mortal Kombat 4";font-style:normal;font-weight:400;src:local("Mortal Kombat 4"),url(/fonts/MK4.woff) format("woff")}.mk-font-loader{font-family:"Mortal Kombat 4";visibility:hidden;position:absolute}