@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #13141f;--text-primary: #ffffff;--text-muted: #888c99;--accent-cyan: #00f0ff;--accent-magenta: #ff003c;--accent-yellow: #fcee0a;--blood-color: #ff003c;--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}#root{width:100%;height:100%;display:flex;flex-direction:column}button{font-family:var(--font-main);background:transparent;border:2px solid var(--text-primary);color:var(--text-primary);padding:10px 24px;font-size:1.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}button:hover{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 0 15px #ffffff80}button:active{transform:scale(.95)}.word-container{display:flex;position:relative;white-space:nowrap}.word-winner{z-index:50}.word-loser{z-index:40}.letter{display:inline-block;transform-origin:center center;position:relative}.arena-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.arena-stage{flex:1;width:100%;max-width:1200px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.arena-ground{position:absolute;bottom:10%;width:150%;height:40vh;background:radial-gradient(circle at top,rgba(0,240,255,.1) 0%,transparent 60%);border-top:2px solid rgba(255,255,255,.1);transform:rotateX(70deg);z-index:0;box-shadow:0 0 50px #000c inset}.arena-bg-layer{position:absolute;bottom:10%;left:50%;transform:translate(-50%) rotateX(70deg);width:150%;height:40vh;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(255,255,255,.015) 38px,rgba(255,255,255,.015) 40px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(255,255,255,.015) 38px,rgba(255,255,255,.015) 40px),radial-gradient(circle at center,#14050a99,#050002cc);filter:blur(.5px);opacity:.7}.arena-fg-layer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150%;height:15%;z-index:15;pointer-events:none;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,40,60,.012) 3px,rgba(255,40,60,.012) 6px),linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(15,3,8,.45) 50%,transparent 100%);border-top:1px solid rgba(255,50,80,.1)}.fighters-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10;gap:200px}.fighter-wrapper{position:relative;font-size:8rem;font-weight:900;text-transform:uppercase;transform-style:preserve-3d}.winning-wrapper{color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,240,255,.4),4px 4px 0px rgba(0,0,0,.5)}.losing-wrapper{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.4),4px 4px 0px rgba(0,0,0,.5)}.arena-controls{padding:20px 30px;display:flex;flex-wrap:wrap;gap:10px;z-index:20;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);width:100%;justify-content:center}.fatality-btn{border-color:#ffffff4d;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.75rem;padding:8px 16px;letter-spacing:2px;transition:all .2s ease}.fatality-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.splatter-hover:not(:disabled):hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #00f0ff80,inset 0 0 10px #00f0ff4d;color:var(--accent-cyan)}.slash-hover:not(:disabled):hover{border-color:var(--accent-magenta);box-shadow:0 0 20px #ff003c80,inset 0 0 10px #ff003c4d;color:var(--accent-magenta)}.burn-hover:not(:disabled):hover{background:linear-gradient(45deg,#111,#400)!important;text-shadow:0 0 10px #ff0000,0 0 20px #ff9900;border-color:#f30}.nuke-hover:not(:disabled):hover{background:linear-gradient(45deg,#111,#222)!important;text-shadow:0 0 5px #fff,0 0 20px #ff0000,0 0 40px #ff0000;border-color:#fff}.ice-hover:not(:disabled):hover{border-color:#0cf;box-shadow:0 0 20px #0cf9,inset 0 0 10px #00ccff4d;color:#0cf;text-shadow:0 0 8px #00ccff}.spine-hover:not(:disabled):hover{border-color:#ff003c;box-shadow:0 0 15px #ff003c66;color:#ff6b6b;text-shadow:0 0 8px #ff003c}.uppercut-hover:not(:disabled):hover{border-color:#fa0;box-shadow:0 0 20px #ffaa0080;color:#fc4;text-shadow:0 0 10px #ffaa00}.devour-hover:not(:disabled):hover{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b80;color:#f99}.acid-hover:not(:disabled):hover{border-color:#4f4;box-shadow:0 0 20px #44ff4480,inset 0 0 10px #4f43;color:#4f4;text-shadow:0 0 8px #00ff00}.tornado-hover:not(:disabled):hover{border-color:#aaf;box-shadow:0 0 20px #aaaaff80;color:#ccf;animation:tornado-spin .5s linear infinite}@keyframes tornado-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.soul-hover:not(:disabled):hover{border-color:#0f8;box-shadow:0 0 25px #0f89,inset 0 0 15px #0f83;color:#0f8;text-shadow:0 0 12px #00ff88}.puppet-hover:not(:disabled):hover{border-color:#4fa;box-shadow:0 0 20px #44ffaa80;color:#8fc;text-shadow:0 0 8px #00ff88}.giant-hover:not(:disabled):hover{border-color:#f80;box-shadow:0 0 25px #f809;color:#fa4;transform:scale(1.1)}.decap-hover:not(:disabled):hover{border-color:#ff003c;box-shadow:0 0 20px #ff003c99;color:#f46;text-shadow:0 0 10px #ff003c}.snap-hover:not(:disabled):hover{border-color:gold;box-shadow:0 0 25px #ffd70099,inset 0 0 15px #ffd70033;color:#fea;text-shadow:0 0 12px #ffd700}.config-overlay{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:50;transition:opacity .3s}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:2px}.input-group input{background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;font-family:var(--font-main);font-size:1.5rem;font-weight:900;width:250px;outline:none;transition:all .2s}.input-group input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff4d}.impact-flash{filter:invert(1) brightness(2) contrast(2)!important}.shake-container{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.chromatic-hit{animation:chromatic-flash .15s ease-out forwards}@keyframes chromatic-flash{0%{filter:drop-shadow(-4px 0 0 rgba(255,0,0,.6)) drop-shadow(4px 0 0 rgba(0,255,255,.6)) drop-shadow(0 -2px 0 rgba(0,255,0,.3))}40%{filter:drop-shadow(-2px 0 0 rgba(255,0,0,.35)) drop-shadow(2px 0 0 rgba(0,255,255,.35)) drop-shadow(0 -1px 0 rgba(0,255,0,.15))}to{filter:none}}