@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/GrudgeStudioNPM/assets/jost-cyrillic-400-normal-bVZEi0jL.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-cyrillic-400-normal-Dk3McGkH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/GrudgeStudioNPM/assets/jost-latin-ext-400-normal-CpdMQIMr.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-ext-400-normal-Dsyb2mtt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/GrudgeStudioNPM/assets/jost-latin-400-normal-q-RKOgPK.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-400-normal-C7S-3Ky6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/GrudgeStudioNPM/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-cyrillic-500-normal-DlHwnXyv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/GrudgeStudioNPM/assets/jost-latin-ext-500-normal-BkvHgcKf.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-ext-500-normal-Cpxiadwk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/GrudgeStudioNPM/assets/jost-latin-500-normal-41lBe9I9.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-500-normal-B-AtzreL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/GrudgeStudioNPM/assets/jost-cyrillic-600-normal-BEDXyecp.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-cyrillic-600-normal-D0Fzn8un.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/GrudgeStudioNPM/assets/jost-latin-ext-600-normal-D8I9kjga.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-ext-600-normal-Pm6OqGZB.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/GrudgeStudioNPM/assets/jost-latin-600-normal-C497H-z9.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-600-normal-Bv_M0d15.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/GrudgeStudioNPM/assets/jost-cyrillic-700-normal-_ob5o-r5.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-cyrillic-700-normal-BHDNzvjF.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/GrudgeStudioNPM/assets/jost-latin-ext-700-normal-AnR_ULdm.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-ext-700-normal-DTcCupJy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/GrudgeStudioNPM/assets/jost-latin-700-normal-u2Hrqd6k.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/jost-latin-700-normal-k-iBXzmq.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:400;src:url(/GrudgeStudioNPM/assets/orbitron-latin-400-normal-U6xZUhur.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/orbitron-latin-400-normal-DBk4Dmer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/GrudgeStudioNPM/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/orbitron-latin-700-normal-DmYOh-W9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/GrudgeStudioNPM/assets/orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(/GrudgeStudioNPM/assets/orbitron-latin-900-normal-BbJatbhp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Jost,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0f}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;outline:none}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center}.screen.active{display:flex;pointer-events:auto}.game-title{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;letter-spacing:.3em;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(102,126,234,.5);margin-bottom:1rem;text-align:center;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(102,126,234,.4))}to{filter:drop-shadow(0 0 40px rgba(118,75,162,.7))}}.subtitle{color:#888;font-size:1.2rem;letter-spacing:.5em;text-transform:uppercase;margin-bottom:3rem;text-align:center}#loading-screen{background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f)}.loading-content{text-align:center}.loading-bar{width:300px;height:6px;background:#ffffff1a;border-radius:3px;margin:2rem auto;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.loading-progress{width:0%;height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1);animation:loadingShimmer 2s linear infinite;box-shadow:0 0 15px #667eea80}@keyframes loadingShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}#loading-status{color:#666;font-size:.9rem}#menu-screen{background:radial-gradient(ellipse at center,#1a1a2ef2,#0a0a0ffa)}.menu-content{text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.menu-btn{padding:1rem 3rem;font-family:Jost,sans-serif;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:2px solid #444;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.menu-btn:hover:before{left:100%}.menu-btn:hover{background:#ffffff1a;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.menu-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.menu-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d}.menu-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea80}.menu-btn.primary:active{transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.menu-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,#444,transparent);margin:.5rem auto 1rem}.tools-label{color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem}.menu-buttons.tools{flex-direction:row;justify-content:center;gap:.75rem;margin-bottom:2rem}.menu-btn.secondary{padding:.75rem 1.5rem;font-size:.85rem;background:#64649626;border-color:#555}.menu-btn.secondary:hover{background:#6464964d;border-color:#888}.controls-hint{color:#555;font-size:.85rem}.controls-hint p{margin:.5rem 0}.menu-content.expanded{max-width:1200px;padding:2rem;overflow-y:auto;max-height:100vh}.examples-section{margin-bottom:2rem}.section-title{font-size:1.2rem;color:#888;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;font-weight:400}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1rem}.examples-grid.small{grid-template-columns:repeat(4,1fr);gap:1rem}.example-card{background:#1e1e32cc;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.example-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 10px 30px #667eea33}.example-card.primary{border-color:#667eea;background:linear-gradient(135deg,#667eea33,#764ba233)}.example-card.featured{position:relative;border-color:#4a5568;background:linear-gradient(160deg,#141a2bf2,#1e2846d9)}.example-card.external{border-color:#f59e0b59}.card-tag{position:absolute;top:10px;right:10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:4px;background:#6ee7b726;color:#6ee7b7;border:1px solid rgba(110,231,183,.35)}.card-tag.external-tag{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b66}.pipeline-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:-1.5rem auto 2rem;max-width:720px}.pipeline-badge{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;color:#a5b4d0;background:#0f172acc;border:1px solid rgba(100,116,139,.4)}.example-card.tool{padding:1rem}.card-icon{font-size:2.5rem;margin-bottom:.75rem}.example-card.tool .card-icon{font-size:2rem}.example-card h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.example-card.tool h3{font-size:.95rem}.example-card p{color:#888;font-size:.85rem;line-height:1.4;margin-bottom:1rem}.example-card.tool p{font-size:.75rem;margin-bottom:.75rem}.example-card .menu-btn{width:100%;padding:.75rem 1rem;font-size:.85rem}.example-card.tool .menu-btn{padding:.5rem .75rem;font-size:.75rem}.features-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #333}.features-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}.feature-item{color:#666;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.feature-check{color:#4ade80;font-weight:700}@media(max-width:900px){.examples-grid{grid-template-columns:1fr}.examples-grid.small{grid-template-columns:repeat(2,1fr)}}#hud{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:1.5rem;pointer-events:none}#hud.active{display:flex}.health-bars{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:2rem}.player-health{flex:1;max-width:350px}.player-health.enemy{text-align:right}.player-name{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.health-bar{height:24px;background:#222;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease;border-radius:12px}.enemy .health-fill{background:linear-gradient(90deg,#ef4444,#dc2626);float:right}.round-info{text-align:center;color:#fff}#round-number{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:#888}#round-timer{display:block;font-size:3rem;font-weight:700;margin-top:.25rem}.match-score{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;font-size:1.5rem;font-weight:700}#p1-score{color:#4ade80}#p2-score{color:#ef4444}.separator{color:#444}.announcement{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none}.announcement.hidden{display:none}.announcement h2{font-family:Orbitron,sans-serif;font-size:5rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 40px rgba(102,126,234,.8),0 0 80px rgba(102,126,234,.5),0 0 120px rgba(102,126,234,.3);animation:announceIn .4s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.1em}@keyframes announceIn{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}#pause-menu{background:#000c}.pause-content{text-align:center}.pause-content h2{font-size:3rem;color:#fff;margin-bottom:2rem;letter-spacing:.3em}.controls-panel{position:fixed;bottom:1.5rem;left:1.5rem;background:#000000b3;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-width:400px;font-size:.75rem}.controls-panel-left{position:fixed;left:1rem;top:50%;transform:translateY(-50%);background:#0a0f1ee6;border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:1rem;font-size:.75rem;max-width:180px;pointer-events:auto}.controls-section{margin-bottom:1rem}.controls-section:last-child{margin-bottom:0}.controls-header{color:#6ee7b7;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(110,231,183,.3)}.action-bars-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;pointer-events:auto}.action-bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.action-bar-label{color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.game-action-bar{display:flex;gap:4px}.action-slot{width:54px;height:54px;background:#141a2bf2;border:2px solid #2a3150;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.action-slot:hover{border-color:#6ee7b7;background:#6ee7b71a}.action-slot.active{border-color:#6ee7b7;background:#6ee7b733}.action-slot .slot-icon{font-size:22px}.action-slot .slot-key{position:absolute;bottom:2px;right:4px;font-size:10px;color:#6ee7b7;font-weight:700}.action-slot .slot-name{position:absolute;top:2px;left:2px;font-size:8px;color:#888;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-slot .slot-cooldown{position:absolute;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;font-size:14px;color:#fff;border-radius:6px}.action-slot.on-cooldown .slot-cooldown{display:flex}.control-item{color:#aaa;display:flex;align-items:center;gap:.5rem}.control-item kbd{background:#667eea4d;color:#fff;padding:.15rem .4rem;border-radius:3px;font-size:.7rem;font-weight:600;border:1px solid rgba(102,126,234,.5)}.target-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef444433;border:2px solid #ef4444;border-radius:8px;padding:.5rem 1.5rem;animation:targetPulse 1s infinite}.target-indicator.hidden{display:none}.target-indicator span{color:#ef4444;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}@keyframes targetPulse{0%,to{opacity:1;border-color:#ef4444}50%{opacity:.7;border-color:#dc2626}}.control-divider{width:100%;height:1px;background:#667eea4d;margin:.25rem 0}.camera-mode{position:fixed;top:120px;left:50%;transform:translate(-50%);background:#667eea33;border:1px solid rgba(102,126,234,.5);border-radius:8px;padding:.5rem 1.5rem;color:#667eea;font-weight:700;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.camera-mode.hidden{display:none}.camera-mode.show{opacity:1}