:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{background-color:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.game-container{width:100%;height:100%;position:relative}body{margin:0;padding:0}.hud{pointer-events:none;box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.top-ui{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.health-section{flex-direction:column;width:40%;display:flex}.health-section.player{align-items:flex-start}.health-section.ai{align-items:flex-end}.name{color:#fff;text-shadow:2px 2px 4px #000c;letter-spacing:2px;margin-bottom:5px;font-size:20px;font-weight:900}.fancy-bar{background:#0009;border:3px solid #fff;width:100%;height:35px;display:flex;position:relative;overflow:hidden;transform:skew(-15deg);box-shadow:0 0 15px #00000080}.health-section.player .fancy-bar{justify-content:flex-end}.health-section.ai .fancy-bar{justify-content:flex-start;transform:skew(15deg)}.fancy-fill{background:linear-gradient(#0f0,#080);height:100%;transition:width .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 10px #ffffff80}.health-section.ai .fancy-fill{background:linear-gradient(red,#800)}.health-text{color:#fff;text-shadow:1px 1px 2px #000;font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(15deg)}.health-section.ai .health-text{transform:translate(-50%,-50%)skew(-15deg)}.timer-section{justify-content:center;width:100px;display:flex}.timer-box{color:gold;text-align:center;text-shadow:0 0 15px #000,0 0 5px gold;font-size:84px;font-weight:900;line-height:1}.main-menu-overlay{z-index:500;pointer-events:all;background:radial-gradient(circle,#0006 0%,#000000e6 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.main-menu-content{text-align:center;pointer-events:all;animation:1s ease-out fadeIn}.game-title{color:gold;text-shadow:0 0 20px #ffd70080,5px 5px #000;letter-spacing:-5px;margin:0;font-size:120px;font-style:italic;font-weight:900}.game-subtitle{color:#fff;letter-spacing:8px;text-transform:uppercase;opacity:.8;margin-top:-10px;margin-bottom:60px;font-size:24px}.menu-sections-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #ffffff1a;border-radius:20px;padding:40px}.start-btn{margin-top:20px;transition:all .2s;animation:2s infinite pulse;color:#000!important;background:gold!important;border:none!important;padding:15px 60px!important;font-size:32px!important;font-weight:900!important}.start-btn.selected{transform:scale(1.1);box-shadow:0 0 30px gold!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.controls-footer{color:#aaa;margin-top:40px;font-size:14px}.touch-controls{pointer-events:none;z-index:400;box-sizing:border-box;justify-content:space-between;align-items:flex-end;width:100%;padding:0 40px;display:flex;position:absolute;bottom:20px;left:0}.touch-controls button{pointer-events:all;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;font-weight:700;display:flex}.touch-controls button:active{background:#ffd70066;border-color:gold;transform:scale(.9)}.left-stick-area{align-items:center;gap:10px;display:flex}.vertical-stack{flex-direction:column;gap:10px;display:flex}.action-buttons{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.btn-a{background:#ffd70033!important;border-color:gold!important;width:100px!important;height:100px!important;font-size:28px!important}.step-btns{gap:15px;display:flex}.pause-touch{margin-bottom:20px}.pause-touch button{border-radius:20px;width:100px;height:40px;font-size:14px}.pause-menu{text-align:center;color:#fff;background:#222;border:4px solid #fff;min-width:300px;padding:40px;box-shadow:0 0 30px #000}.pause-menu h2{color:gold;letter-spacing:4px;margin-top:0;font-size:32px}.menu-section{flex-direction:column;align-items:center;margin-bottom:25px;display:flex}.menu-section label{color:#aaa;text-transform:uppercase;margin-bottom:10px;font-size:14px}.btn-group.vertical{flex-direction:column;width:100%}.btn-group.vertical button{width:100%;margin-bottom:5px}.resume-btn{margin-top:10px;color:#000!important;background:#4f4!important;border-color:#4f4!important;padding:10px 30px!important;font-size:18px!important}.btn-group button.selected,.resume-btn.selected{transform:scale(1.05);border-color:gold!important;box-shadow:0 0 15px gold!important}.menu-section.row-selected{background:#ffffff0d;border-radius:8px;margin-left:-10px;margin-right:-10px;padding:10px}.btn-group button.active.selected{color:#000;background:#fff}.btn-group{pointer-events:all;gap:10px;display:flex}.btn-group button{color:#fff;cursor:pointer;text-transform:uppercase;background:#000000b3;border:2px solid #fff;padding:8px 15px;font-size:12px;font-weight:700;transition:all .2s}.btn-group button.active{color:#000;background:gold;border-color:gold;box-shadow:0 0 15px gold}.btn-group button:hover:not(.active){color:#000;background:#fff}.countdown-overlay{color:#fff;text-shadow:0 0 30px #000;pointer-events:none;text-align:center;z-index:100;width:100%;font-size:180px;font-weight:900;position:absolute;top:50%;left:0;transform:translateY(-50%)}.countdown-overlay.fight{color:#f30;font-size:220px}.controls-hint{color:#fff;text-shadow:1px 1px 1px #000;text-align:center;background-color:#000000b3;border:2px solid #fff3;border-radius:30px;padding:12px 25px;font-size:14px;line-height:1.5;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.game-over{color:gold;text-align:center;pointer-events:all;text-transform:uppercase;letter-spacing:5px;z-index:200;background:linear-gradient(45deg,#000000e6,#320000e6);border:8px solid gold;border-radius:20px;min-width:500px;padding:60px;font-size:64px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #000}.game-over button{cursor:pointer;background-color:gold;border:none;margin-top:30px;padding:15px 40px;font-size:28px;font-weight:900;transition:transform .2s}.game-over button:hover{transform:scale(1.1)}
