._muteButton_1eidh_1{z-index:200;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}._muteButton_1eidh_1:hover{transform:scale(1.1);background:#ffffff1a;border-color:var(--accent);color:var(--accent)}._muteButton_1eidh_1 svg{stroke-width:2px}._picker_19j6v_1{position:relative;display:inline-block;cursor:pointer;z-index:100}._picker_19j6v_1._isActive_19j6v_7 ._selector_19j6v_7{visibility:visible;opacity:1;transform:scale(1);margin-right:10px}._picker_19j6v_1 ._language_19j6v_13{width:60px;height:40px;border-radius:4px;overflow:hidden;transition:transform .2s;box-shadow:0 2px 5px #0003}._picker_19j6v_1 ._language_19j6v_13 img{width:100%;height:100%;object-fit:cover;display:block}._picker_19j6v_1 ._language_19j6v_13:hover{transform:scale(1.1)}._picker_19j6v_1 ._selector_19j6v_7{position:absolute;top:100%;right:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;visibility:hidden;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:top right;overflow:hidden}._picker_19j6v_1 ._container_19j6v_47{width:80px;height:50px;display:flex;justify-content:center;align-items:center}._picker_19j6v_1[data-direction=up] ._selector_19j6v_7{bottom:100%;top:auto;transform-origin:bottom right}._picker_19j6v_1[data-direction=left] ._selector_19j6v_7{right:100%;top:0;transform-origin:top right}._picker_19j6v_1[data-direction=right] ._selector_19j6v_7{left:100%;top:0;transform-origin:top left}@font-face{font-family:JetBrains Mono;src:url(./JetBrainsMono-Regular-Dh36KTnx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(./JetBrainsMono-Medium-pYQm08-g.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(./JetBrainsMono-Bold-DirYFTCx.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Stormgust;src:url(./Storm-gust-Bh_zqqwM.otf) format("opentype");font-style:normal}@font-face{font-family:Roomach;src:url(./Roomach-Regular-D6gjy-ul.ttf) format("truetype");font-style:normal}:root{--bg-dark: hsl(220, 25%, 3%);--bg-panel: hsla(220, 25%, 10%, .7);--bg-active: hsla(220, 25%, 15%, .8);--text-main: hsl(0, 0%, 100%);--text-dim: hsl(210, 15%, 65%);--accent: hsl(206, 80%, 65%);--accent-glow: hsla(206, 80%, 65%, .4);--accent-soft: hsla(206, 80%, 65%, .1);--red: hsl(359, 100%, 67%);--red-glow: hsla(359, 100%, 67%, .4);--green: hsl(142, 70%, 55%);--green-glow: hsla(142, 70%, 55%, .4);--radius: 16px;--glass-border: hsla(0, 0%, 100%, .08);--shadow-deep: 0 10px 30px -10px rgba(0, 0, 0, .5), 0 4px 10px -5px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}body{font-family:JetBrains Mono,monospace;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;height:100vh;height:calc(var(--vh, 1vh) * 100);margin:0}#root{width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100)}.app-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 10%,hsl(220,30%,8%) 0%,var(--bg-dark) 100%)}.app-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 1px),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 90%);mask-image:radial-gradient(circle at center,black,transparent 90%);pointer-events:none}.game-mute{position:absolute;top:0;right:40px;height:100%;display:flex;align-items:center}.lobby{position:relative;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;justify-content:center;height:100%;z-index:10;width:100%;max-width:800px}.lobby .title{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.lobby h1{font-size:4rem;font-weight:700;letter-spacing:-3px;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;text-shadow:0 10px 40px hsla(206,80%,65%,.2)}.lobby .xFloat{animation:titleFloatX .7s ease-in-out infinite;margin-bottom:-16px}.lobby .yFloat{animation:titleFloatY 1.4s ease-in-out infinite}.lobby .rampage{font-family:Stormgust,sans-serif;font-size:5.2rem;font-weight:700;letter-spacing:-3px;line-height:60px;margin-top:-20px;background:linear-gradient(135deg,#6e0f0f 0%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;text-shadow:0 10px 40px hsla(0,72%,27%,.788)}.lobby .roomach{font-family:Roomach,sans-serif;font-size:5.2rem;letter-spacing:-3px;line-height:86px;background:linear-gradient(135deg,#dbdbdb,#9fc9c5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;text-shadow:0 10px 40px hsla(206,80%,65%,.2)}.lobby p{color:var(--text-dim);font-size:1rem;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-top:-10px}.lobby .btn-primary{background:linear-gradient(135deg,#4a4a4a,#0d0d0d);color:#fff;text-shadow:0 0px 10px white;padding:18px 48px;border-radius:100px;border:1px solid hsla(0,0%,100%,.3);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:2px;box-shadow:0 10px 30px -10px #000c,0 0 20px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.lobby .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.lobby .btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px -10px #000000e6,0 0 30px #ffffff26;border-color:#fff9;background:linear-gradient(135deg,#2e2e2e,#141414);color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.lobby .btn-primary:hover:before{transform:translate(100%)}.lobby .btn-primary:active{transform:translateY(-2px) scale(.98);box-shadow:0 5px 15px -5px #000c}.lobby .btn-primary:disabled{background:var(--bg-active);box-shadow:none;cursor:not-allowed;opacity:.5;border-color:transparent}.lobby .cpu-section-box{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:var(--shadow-deep),inset 0 0 40px #ffffff05;transition:all .4s ease}.lobby .cpu-section-box:hover{border-color:#ffffff26;background:var(--bg-active)}.lobby .difficulty-selector{display:flex;gap:8px;background:#0003;padding:6px;border-radius:100px;border:1px solid hsla(0,0%,100%,.05)}.lobby .difficulty-btn{background:transparent;color:var(--text-dim);border:none;padding:8px 18px;border-radius:100px;font-size:.75rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.23,1,.32,1);letter-spacing:1px}.lobby .difficulty-btn:hover{color:#fff;background:#ffffff0d}.lobby .difficulty-btn.active{background:var(--red);color:#fff;box-shadow:0 4px 15px var(--red-glow)}@media(max-width:768px){.lobby{gap:60px}.lobby h1{font-size:2.2rem;letter-spacing:-1px}.lobby .btn-primary{padding:14px 32px;font-size:1rem}}@keyframes titleFloatX{0%,to{transform:translate(2px)}50%{transform:translate(-2px)}}@keyframes titleFloatY{0%,to{transform:translateY(2px)}50%{transform:translateY(-2px)}}.lobby-header{transition:all .5s ease;display:flex;justify-content:space-between;width:100%;padding-left:40px;padding-right:40px}.arena{width:100%;max-width:800px;margin:0 auto;height:66.67vh;height:calc(var(--vh, 1vh) * 66.67);max-height:66.67vh;max-height:calc(var(--vh, 1vh) * 66.67)}@media(min-width:801px){.arena{height:100vh;height:calc(var(--vh, 1vh) * 100);max-height:100vh;max-height:calc(var(--vh, 1vh) * 100);border-left:2px solid var(--glass-border);border-right:2px solid var(--glass-border)}}.arena{display:flex;flex-direction:column;position:relative;overflow:hidden;--mode-bg: hsla(220, 25%, 3%, .8);--mode-glow: transparent;background:var(--mode-bg);transition:all .5s ease;--mode-primary: var(--accent);--mode-glow: var(--accent-glow);--mode-soft: var(--accent-soft);--mode-bg: radial-gradient(circle at center, #16212e 0%, #0a0e14 100%)}.arena.mode-attacker{--mode-primary: var(--red);--mode-glow: var(--red-glow);--mode-soft: rgba(255, 89, 90, .15);--mode-bg: radial-gradient(circle at center, #2e1616 0%, #0a0e0e 100%)}.arena.mode-attacker .header .timer-container .timer-value{color:var(--red);text-shadow:0 0 20px var(--red-glow)}.arena.mode-attacker .input-area .leech-hint{border-color:var(--red);color:var(--red);background:#ff595a1a}.arena.mode-defender{--mode-primary: var(--accent);--mode-glow: var(--accent-glow);--mode-soft: var(--accent-soft);--mode-bg: radial-gradient(circle at center, #161e2e 0%, #0a0a0e 100%)}.arena.mode-defender .header .timer-container .timer-value{color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.arena.mode-defender .input-area .leech-hint{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.arena{background:var(--mode-bg)}.arena .header{padding:12px 20px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0a0c10d1;display:flex;justify-content:space-between;align-items:flexstar;border-bottom:2px solid var(--glass-border);box-shadow:0 10px 40px -15px #0009;z-index:50}.arena .header .stat{flex:1}.arena .header .stat .label-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px}.arena .header .stat .label-wrapper label{font-size:.7rem;text-transform:uppercase;color:var(--text-dim);font-weight:700;letter-spacing:1px}.arena .header .stat .hp-bar-outer{width:140px;height:6px;background:#ffffff0a;border-radius:100px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 2px 5px #0006}.arena .header .stat .hp-bar-outer .hp-bar-inner{height:100%;transition:width .7s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 25px currentColor;border-radius:100px}.arena .header .shields-display span{margin-left:4px;margin-right:4px}.arena .header .timer-container{text-align:center;padding:10px 40px;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}.arena .header .timer-container .timer-label{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);font-weight:700;letter-spacing:2px;margin-bottom:4px;opacity:.8}.arena .header .timer-container .timer-value{font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums;transition:all .5s ease;letter-spacing:-1px}@media(max-width:768px){.arena .header{padding:10px 15px}.arena .header .stat .hp-bar-outer{width:120px}.arena .header .timer-container .timer-value{font-size:1.5rem}}.arena .input-area{padding:20px 40px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffff03;display:flex;flex-direction:column;gap:10px;align-items:center;border-bottom:2px solid var(--glass-border);position:relative;transition:all .6s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 0 120px -60px var(--mode-glow)}.arena .input-area .typing-preview{font-size:3rem;font-weight:700;display:flex;gap:6px;text-transform:lowercase;letter-spacing:-2px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4))}.arena .input-area .typing-preview .correct{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}.arena .input-area .typing-preview .incorrect{color:var(--red);text-shadow:0 0 15px var(--red-glow)}.arena .input-area .typing-preview .placeholder{color:var(--text-dim);opacity:.3}.arena .input-area .leech-hint{padding:6px 16px;border-radius:100px;border:1px solid hsla(0,0%,100%,.2);font-size:.85rem;font-weight:700;letter-spacing:1px;transition:all .5s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arena .input-area .word-queue{display:flex;gap:12px;margin-top:10px;opacity:.6;animation:fadeIn .8s ease-out}.arena .input-area .word-queue .queue-item{font-size:.95rem;background:#ffffff14;padding:4px 12px;border-radius:100px;text-transform:lowercase;border:1px solid hsla(0,0%,100%,.05);color:var(--text-dim)}@media(max-width:768px){.arena .input-area{padding:15px}.arena .input-area .typing-preview{font-size:2rem}}.arena .input-area input{position:absolute;opacity:0;pointer-events:none}.arena .game-field{flex:1;position:relative}.bullet{position:absolute;padding:14px 28px;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;border:1px solid hsla(0,0%,100%,.1);font-weight:700;white-space:nowrap;transform:translate(-50%);text-transform:lowercase;pointer-events:none;box-shadow:var(--shadow-deep);font-size:1.1rem;letter-spacing:.5px}.bullet:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,var(--border-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.bullet.attacker{background:linear-gradient(135deg,#4d0001cc,#1a0000e6);border-color:#ff575a66;color:var(--red);box-shadow:0 10px 30px -10px #ff575a4d}.bullet.defender{background:linear-gradient(135deg,#082a45cc,#030e17e6);border-color:#5eafed66;color:var(--accent);box-shadow:0 10px 30px -10px #5eafed4d}.bullet:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom right,hsla(0,0%,100%,.1),transparent);pointer-events:none}.code-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center}.code-display .code-title{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 10px var(--accent-glow)}.code-display .code-value{font-size:6rem;font-weight:700;letter-spacing:15px;color:#fff;filter:drop-shadow(0 0 30px var(--accent-glow));font-variant-numeric:tabular-nums}@media(max-width:768px){.code-display .code-value{font-size:3rem;letter-spacing:8px}}.random-btn{position:absolute;width:54px;height:54px;background:var(--accent);border-radius:50%;border:1px solid hsla(0,0%,100%,.2);cursor:pointer;box-shadow:0 0 40px -5px var(--accent-glow);z-index:20;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.random-btn:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 0 60px var(--accent-glow)}.random-btn:active{transform:scale(.9)}.random-btn.attacker{background:linear-gradient(135deg,var(--red) 0%,hsl(359,100%,60%) 100%);box-shadow:0 0 40px -5px var(--red-glow)}.random-btn.attacker:hover{box-shadow:0 0 60px var(--red-glow)}.random-btn.defender{background:linear-gradient(135deg,var(--accent) 0%,hsl(206,80%,55%) 100%);box-shadow:0 0 40px -5px var(--accent-glow)}.random-btn.defender:hover{box-shadow:0 0 60px var(--accent-glow)}.ready-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e1266;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200}.ready-overlay .cooldown-timer{font-size:12rem;font-weight:900;color:var(--text-main);text-shadow:0 0 80px var(--text-main);line-height:1;font-variant-numeric:tabular-nums;margin-bottom:-20px;z-index:10}.ready-overlay .get-ready-text{text-shadow:0 0 80px var(--text-main)}.ready-overlay h2{font-size:8rem;font-weight:700;font-style:italic;letter-spacing:-5px;color:#fff;text-shadow:0 0 50px rgba(255,255,255,.3)}.ready-overlay.winner-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300}.ready-overlay.winner-overlay .btn-primary{padding:18px 48px;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 20px white;background:linear-gradient(135deg,#4a4a4a,#0d0d0d);box-shadow:0 15px 40px -10px #000c,0 0 20px #ffffff1a;border:1px solid hsla(0,0%,100%,.3);border-radius:100px;letter-spacing:2px;text-transform:uppercase;transition:all .4s cubic-bezier(.23,1,.32,1)}.ready-overlay.winner-overlay .btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px -10px #000000e6,0 0 40px #fff3;border-color:#fffc;background:linear-gradient(135deg,#333,#1a1a1a);text-shadow:0 0 15px hsla(0,0%,100%,.6)}.ready-overlay.winner-overlay .btn-primary:active{transform:translateY(-2px) scale(.98)}@media(max-width:768px){.ready-overlay h2{font-size:3rem;letter-spacing:-2px}}.floating-code{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:100;pointer-events:none;background:#13172066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px 25px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 50px #00000080,0 0 30px var(--accent-glow);animation:pulseGlow 2s ease-in-out infinite}.floating-code .code-label{font-size:.65rem;font-weight:700;color:var(--accent);letter-spacing:3px;margin-bottom:8px;text-transform:uppercase;opacity:.8}.floating-code .code-value{font-size:2.5rem;font-weight:700;letter-spacing:8px;color:#fff;text-shadow:0 0 20px var(--accent-glow);font-variant-numeric:tabular-nums}@keyframes pulseGlow{0%,to{box-shadow:0 20px 50px #00000080,0 0 30px var(--accent-glow)}50%{box-shadow:0 20px 50px #00000080,0 0 50px var(--accent-glow)}}@media(max-width:768px){.floating-code{padding:10px 15px}.floating-code .code-value{font-size:1.5rem;letter-spacing:4px}}.particle{position:absolute;width:4px;height:4px;pointer-events:none;z-index:50}