:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden;position:fixed;width:100%;height:100%}#root{width:100%;height:100%}h1{font-size:2em;line-height:1.1;margin:0}h2{font-size:1.5em;margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}input{font-family:inherit}.unit-card{background:#fff;border:3px solid #ddd;border-radius:8px;padding:.25rem;margin:.25rem;position:relative;box-shadow:0 2px 8px #0000001a;flex:0 0 auto;width:calc(25% - .5rem);max-width:200px;min-width:120px}@media(max-width:768px)and (orientation:landscape){.unit-card{padding:.2rem;margin:.2rem;border-width:2px;border-radius:6px;min-width:100px}}.unit-header{display:flex;justify-content:center;justify-items:center;margin-bottom:.4rem}.unit-header .swap-button-container{width:3rem;max-width:3rem;overflow:hidden}.swap-button{text-align:center;width:100%;color:#000;padding:.4rem;cursor:pointer}.unit-name-button{padding:.5rem;font-size:.9rem;font-weight:700;border-bottom:2px dotted #000;color:#333;cursor:pointer;transition:all .2s ease;flex:auto;text-align:center}.unit-name-button:hover{background:#000;color:#fff;border-color:#ccc}.team-section.team1 .unit-card{transform:rotate(180deg)}.unit-reorder-controls{display:flex;gap:.25rem;justify-content:center;margin-bottom:.4rem}@media(max-width:768px)and (orientation:landscape){.unit-reorder-controls{margin-bottom:.2rem;gap:.15rem}}.unit-stat{margin-bottom:.25rem;padding:.25rem;border-radius:6px;position:relative}@media(max-width:768px)and (orientation:landscape){.unit-stat{margin-bottom:.25rem;padding:.2rem;border-radius:4px}}.unit-stat.health{background:#ffe5e5;border:2px solid #ffb3b3}.unit-stat.power{background:#e5e5ff;border:2px solid #b3b3ff}.stat-icon{font-size:1rem;margin-right:.5rem}.stat-label{color:#999;font-size:.75rem;margin-left:.5rem}@media(max-width:768px)and (orientation:landscape){.stat-header{gap:.2rem;margin-bottom:.2rem}.stat-icon{font-size:.85rem}.stat-label{font-size:.65rem}}.stat-controls{position:absolute;width:100%;height:100%;top:0;left:0}.stat-button{width:50%;height:100%;background:none;display:block;float:left}.stat-value-display{font-size:1.2rem;font-weight:700;text-align:center;color:#333}@media(max-width:768px)and (orientation:landscape){.stat-value{font-size:1.1rem;min-width:2rem}.stat-value-display{font-size:1rem}}.resource-panel{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .5rem;background:#0000004d;border-radius:8px;min-width:80px;overflow-y:auto}@media(max-width:768px)and (orientation:landscape){.resource-panel{gap:.2rem;padding:.2rem;min-width:60px}}.resource-panel.team1{transform:rotate(180deg)}.resource-item{display:flex;align-items:center;gap:.25rem;position:relative}@media(max-width:768px)and (orientation:landscape){.resource-item{gap:.15rem}}.resource-controls{position:absolute;top:0;left:0;height:100%;width:100%}.resource-decrement,.resource-increment{width:50%;height:100%;float:left}.resource-display{flex:1;display:flex;flex-direction:column;align-items:center;padding:.2rem .1rem;background:#00000080;border:2px solid;border-radius:6px;min-width:0}@media(max-width:768px)and (orientation:landscape){.resource-display{padding:.2rem .1rem;border-width:2px}}.resource-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}@media(max-width:768px)and (orientation:landscape){.resource-label{font-size:.55rem;letter-spacing:.3px;margin-bottom:.1rem}}.resource-value{font-size:1.1rem;font-weight:700;color:#fff}@media(max-width:768px)and (orientation:landscape){.resource-value{font-size:.85rem}}.battle-interface{width:100%;height:100vh;background:#1a1a1a;position:relative;overflow:hidden}.menu-btn{position:absolute;top:calc(50% - 1rem);right:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:100;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.fullscreen-btn{position:absolute;top:calc(50% - 1rem);right:5.5rem;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:100;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;line-height:1}@media(max-width:768px)and (orientation:landscape){.menu-btn{top:.3rem;right:.3rem;padding:.3rem .7rem;font-size:.7rem}.fullscreen-btn{top:.3rem;right:4rem;padding:.3rem .6rem;font-size:1rem}}.menu-btn:hover{background:#535bf2}.menu-btn:active{transform:scale(.95)}.fullscreen-btn:hover{background:#535bf2}.fullscreen-btn:active{transform:scale(.95)}.team-section{flex:1;display:flex;flex-direction:row;padding:.75rem;padding-left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;align-items:center;gap:.75rem;height:50%;overflow:hidden}@media(max-width:768px)and (orientation:landscape){.team-section{padding:.3rem;gap:.4rem}}.team-section.team1{background:linear-gradient(180deg,#1c3e92,#1a1a1a);border-bottom:3px solid #3586ff}.team-section.team2{background:linear-gradient(0deg,#a1571f,#1a1a1a);border-top:3px solid #ff6528}.team-title{margin:0;padding:.1rem;font-size:.75rem;color:#fff;text-transform:uppercase;position:absolute;top:0;left:0;width:100%;text-align:center}@media(max-width:768px)and (orientation:landscape){.team-title{font-size:.9rem;margin:0 0 .3rem;padding:.25rem;letter-spacing:1px}}.team-section.team1 .team-title{color:#8389ff;transform:rotate(180deg);top:auto;bottom:0}.team-section.team2 .team-title{color:#ffb566}.units-container{display:flex;flex-direction:row;gap:.5rem;-webkit-overflow-scrolling:touch;justify-content:center;flex-wrap:nowrap;flex:1}.team-section.team1 .units-container{flex-direction:row-reverse}.menu-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.menu-container{background:#242424;border-radius:12px;padding:.5rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}@media(max-width:768px)and (orientation:landscape){.menu-container{padding:1rem;max-width:95%;max-height:85vh}}.menu-title{text-align:center;margin:0 0 1.5rem;font-size:1.6rem;color:#646cff}.menu-button{width:100%;padding:.8rem;margin-bottom:.8rem;font-size:1rem;background:#333;color:#fff;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .3s ease}@media(max-width:768px)and (orientation:landscape){.menu-title{font-size:1.2rem;margin:0 0 1rem}.menu-button{padding:.6rem;margin-bottom:.6rem;font-size:.85rem}}.menu-button:hover{background:#444;border-color:#666}.menu-button.primary{background:#646cff;border-color:#535bf2}.menu-button.primary:hover{background:#535bf2}.menu-button.install{background:#10b981;border-color:#059669}.menu-button.install:hover{background:#059669}.team-config{margin-top:1.5rem;display:flex;gap:.8rem;flex-wrap:wrap}.team-panel{flex:1;min-width:150px;background:#1a1a1a;border:2px solid #333;border-radius:8px;padding:.8rem}.team-panel h3{margin:0 0 .8rem;text-align:center;font-size:.9rem;color:#888;text-transform:uppercase}@media(max-width:768px)and (orientation:landscape){.team-config{margin-top:1rem;gap:.5rem}.team-panel{padding:.6rem;min-width:120px}.team-panel h3{font-size:.75rem;margin:0 0 .5rem}}.counter{display:flex;align-items:center;justify-content:center;gap:.8rem}.counter-button{min-width:45px;padding:.4rem .8rem;font-size:1.1rem;font-weight:700;background:#333;color:#fff;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .2s ease}@media(max-width:768px)and (orientation:landscape){.counter{gap:.5rem}.counter-button{min-width:35px;padding:.3rem .6rem;font-size:.9rem}.counter-value{font-size:1.1rem;min-width:1.5rem}}.counter-button:hover:not(:disabled){background:#444;border-color:#666}.counter-button:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-size:1.3rem;font-weight:700;min-width:1.8rem;text-align:center}.unit-details-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.unit-details-modal{background:#2a2a2a;border-radius:12px;padding:.5rem;max-width:500px;max-height:90vh;overflow-y:auto;width:100%;box-shadow:0 8px 32px #00000080;color:#fff}.unit-details-modal.team1{transform:rotate(180deg)}@media(max-width:768px)and (orientation:landscape){.unit-details-modal{padding:1rem;max-height:85vh;max-width:95%}}.unit-details-modal h2{margin:0 0 1rem;color:#646cff;text-align:center;font-size:1.4rem}@media(max-width:768px)and (orientation:landscape){.unit-details-modal h2{margin:0 0 .8rem;font-size:1.1rem}}.form-group{margin-bottom:1rem}@media(max-width:768px)and (orientation:landscape){.form-group{margin-bottom:.8rem}}.form-group label{display:block;margin-bottom:.4rem;color:#aaa;font-size:.85rem;text-transform:uppercase;letter-spacing:.8px}@media(max-width:768px)and (orientation:landscape){.form-group label{font-size:.7rem;margin-bottom:.3rem}}.form-group input{width:100%;padding:.6rem;font-size:.95rem;background:#1a1a1a;color:#fff;border:2px solid #444;border-radius:8px;box-sizing:border-box}@media(max-width:768px)and (orientation:landscape){.form-group input{padding:.45rem;font-size:.85rem}}.form-group input:focus{outline:none;border-color:#646cff}.form-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-row{display:flex;gap:.8rem;margin-bottom:1rem}@media(max-width:768px)and (orientation:landscape){.form-row{gap:.5rem;margin-bottom:.8rem}}.form-row .form-group{flex:1;margin-bottom:0}.button-row{display:flex;gap:.8rem;margin-top:1.5rem}@media(max-width:768px)and (orientation:landscape){.button-row{gap:.5rem;margin-top:1rem}}.button-row button{flex:1;padding:.8rem;font-size:.95rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}@media(max-width:768px)and (orientation:landscape){.button-row button{padding:.6rem;font-size:.85rem}}.cancel-button{background:#444;color:#fff}.cancel-button:hover{background:#555}.save-button{background:#646cff;color:#fff}.save-button:hover{background:#535bf2}.button-row button:active{transform:scale(.95)}@media(max-width:768px){.unit-details-modal{padding:1.5rem}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:1.5rem}}.orientation-warning{position:fixed;inset:0;background:#000000fa;display:flex;align-items:center;justify-content:center;z-index:9999}.orientation-warning-content{text-align:center;padding:2rem;color:#fff}.rotation-icon{font-size:5rem;margin-bottom:1rem;animation:rotate 2s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.orientation-warning-content h2{font-size:1.5rem;margin:0 0 1rem;color:#646cff}.orientation-warning-content p{font-size:1rem;margin:0;color:#aaa}#root{width:100%;height:100%;margin:0;padding:0}