._menuScreen_kng3j_2{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1;position:relative;overflow:hidden;min-height:300px}._emojiBackgroundContainer_kng3j_16{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}._floatingEmoji_kng3j_27{position:absolute;opacity:.3;color:#fff;line-height:1;animation-name:_floatUpAndRotateContinuous_kng3j_1;animation-timing-function:linear;animation-iteration-count:infinite;text-shadow:0 0 5px rgba(0,0,0,.3)}@keyframes _floatUpAndRotateContinuous_kng3j_1{to{transform:translateY(-120vh) rotate(calc(var(--initial-rotate, 0deg) + 360deg));opacity:0}}._titleContainer_kng3j_57{margin-bottom:2.5rem;position:relative;z-index:1;animation:_fadeInDown_kng3j_1 .8s ease-out forwards}._mainTitle_kng3j_64{font-size:2.8rem;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}._tagline_kng3j_73{font-size:1.1rem;color:var(--text-secondary);max-width:400px;margin:0 auto}._buttonGroup_kng3j_81{display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:1;width:100%;max-width:350px;animation:_fadeInUp_kng3j_1 .8s .3s ease-out forwards;opacity:0}._menuButton_kng3j_93{padding:.8rem 1.5rem;font-size:1em;box-shadow:0 2px 5px #0003;transform:scale(1);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}._menuButton_kng3j_93:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0000004d}._footer_kng3j_107{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.85em;color:var(--text-secondary);z-index:1}._footer_kng3j_107 a{color:var(--highlight-yellow);text-decoration:none;font-weight:600}._footer_kng3j_107 a:hover{text-decoration:underline}@keyframes _fadeInDown_kng3j_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeInUp_kng3j_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._mainTitle_kng3j_64{font-size:2.2rem}._tagline_kng3j_73{font-size:1rem}._buttonGroup_kng3j_81{gap:1rem}._menuButton_kng3j_93{padding:.7rem 1.2rem;font-size:.95em}._menuScreen_kng3j_2{padding:1.5rem 1rem}}@media (min-width: 600px){._buttonGroup_kng3j_81{flex-direction:row;justify-content:center}}._brandingHeader_veh5y_2{position:absolute;top:1rem;left:1rem;font-size:1.1em;font-weight:700;color:var(--text-secondary);text-decoration:none;padding:.3rem .6rem;background-color:#2d374880;border-radius:.25rem;z-index:1000;transition:color .2s ease-in-out,background-color .2s ease-in-out}._brandingHeader_veh5y_2:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}@media (max-width: 768px){._brandingHeader_veh5y_2{font-size:1em;top:.5rem;left:.5rem}}._simpleSetupLayout_ro56m_2{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}@media (min-width: 768px){._simpleSetupLayout_ro56m_2{flex-direction:row}}._panel_ro56m_16{flex:1;border:1px solid var(--border-color);border-radius:.3rem;padding:1rem;background-color:var(--bg-primary)}._panel_ro56m_16 h3{margin-top:0}._statsBox_ro56m_26{background-color:var(--bg-secondary);padding:.8rem;border-radius:.25rem;margin-top:1rem;font-size:.9em}._statsBox_ro56m_26 h4{margin-top:0;margin-bottom:.5rem;font-size:1em}._panel_ro56m_16 input[type=range]{width:100%;accent-color:var(--accent-blue)}._panelRed_ro56m_44{border-left:3px solid var(--accent-red)}._panelBlue_ro56m_49{border-left:3px solid var(--accent-blue)}._teamTitleRed_ro56m_55{color:var(--accent-red)}._teamTitleBlue_ro56m_56{color:var(--accent-blue)}._formElement_ro56m_58{margin-bottom:1rem}._formElement_ro56m_58:last-child{margin-bottom:0}._layout_8tggm_3{display:flex;flex-grow:1;padding:1rem;gap:1rem;overflow:hidden;flex-direction:row}._controls_8tggm_12{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem;box-sizing:border-box}._controls_8tggm_12::-webkit-scrollbar{width:6px}._controls_8tggm_12::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:3px}._controls_8tggm_12::-webkit-scrollbar-track{background:transparent}._canvasArea_8tggm_27{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box;padding:.5rem}._teamSelectionButtons_8tggm_39{display:flex;gap:.5rem}._teamSelectionButtons_8tggm_39 ._button_8tggm_43{flex-grow:1}._configBox_8tggm_46{background-color:var(--bg-primary);padding:1rem;border-radius:.3rem;border:1px solid var(--border-color);flex-shrink:0}._emojiGrid_8tggm_54{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem;max-height:180px;overflow-y:auto;padding:.5rem;background-color:var(--bg-tertiary);border-radius:.25rem}._emojiItem_8tggm_65{display:flex;justify-content:center;align-items:center;font-size:1.8em;padding:.2rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s;border:2px solid transparent;background-color:var(--bg-secondary)}._emojiItem_8tggm_65:hover{background-color:var(--bg-tertiary)}._emojiItem_8tggm_65._selected_8tggm_78{border-color:var(--highlight-yellow);box-shadow:0 0 5px var(--highlight-yellow)}._customizeSection_8tggm_83 label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}._customizeSection_8tggm_83 span{font-size:.85em;color:var(--text-secondary)}._customizeSection_8tggm_83 input{margin-top:.1rem}._customizeSection_8tggm_83 div{margin-bottom:.5rem}._customizeButtons_8tggm_96{display:flex;gap:.5rem;margin-top:1rem}._customizeButtons_8tggm_96 ._button_8tggm_43{flex-grow:1}._canvasWrapper_8tggm_104{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-grow:1}._placedUnitDisplay_8tggm_116{position:absolute;font-size:20px;line-height:1;pointer-events:none;transform:translate(-50%,-50%);text-shadow:0 0 3px var(--bg-primary)}._unitCountsDisplay_8tggm_126{flex-shrink:0;width:100%;max-width:var(--canvas-width);padding:.25rem .5rem;box-sizing:border-box;margin-top:.5rem;display:flex;justify-content:space-between;font-size:.9em}._unitCountRed_8tggm_137{color:var(--accent-red)}._unitCountBlue_8tggm_138{color:var(--accent-blue)}._unitCountTotal_8tggm_139{color:var(--text-secondary)}._clearButtons_8tggm_141{margin-top:1rem;display:flex;justify-content:center;gap:1rem}@media (max-width: 768px){._layout_8tggm_3{flex-direction:column;height:auto}._controls_8tggm_12{width:100%;height:auto;overflow-y:visible;padding-right:0;order:1}._canvasArea_8tggm_27{order:2;width:100%;height:auto;min-height:50vh;padding:.5rem 0}._placedUnitDisplay_8tggm_116{font-size:10px}}._setupScreenWrapper_1ndv7_4{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._setupTitle_1ndv7_11{text-align:center;padding:1rem 0 .5rem;flex-shrink:0;margin-bottom:0}._formContainer_1ndv7_19{flex-grow:1;overflow-y:auto;padding-bottom:1rem}._actionButtons_1ndv7_26{display:flex;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0}._battleScreen_1swdg_2{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;flex-grow:1;overflow:hidden;justify-content:flex-start}._controls_1swdg_13{width:100%;max-width:var(--canvas-width);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}._speedControls_1swdg_24{display:flex;align-items:center;gap:.5rem}._speedControls_1swdg_24 ._button_1swdg_29{padding:.4rem .8rem}._speedButtonActive_1swdg_33{background-color:var(--accent-blue);color:#fff}._unitCountsDisplay_1swdg_40{flex-shrink:0;width:100%;max-width:var(--canvas-width);padding:.25rem .5rem;box-sizing:border-box;display:flex;justify-content:space-between;font-size:.9em}._unitCountRed_1swdg_50{color:var(--accent-red)}._unitCountBlue_1swdg_51{color:var(--accent-blue)}._canvasWrapper_1swdg_54{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (max-width: 768px){._battleScreen_1swdg_2{padding:.5rem;gap:.5rem}._controls_1swdg_13{gap:.5rem;font-size:.8em}._controls_1swdg_13 ._button_1swdg_29{padding:.3rem .6rem}}._resultScreen_14og8_2{padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1.5rem;text-align:center;flex-grow:1;overflow-y:auto;position:relative}._winnerBanner_14og8_16{padding:1rem 2rem;border-radius:.5rem;margin-bottom:1rem;width:100%;max-width:600px;box-sizing:border-box;animation:_fadeInScaleUp_14og8_1 .7s ease-out forwards;position:relative}._winnerBanner_14og8_16 h1{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 3px rgba(0,0,0,.2)}._redWinsBanner_14og8_35{background:linear-gradient(135deg,var(--accent-red),#c53030);color:#fff;box-shadow:0 4px 15px #e53e3e66}._blueWinsBanner_14og8_40{background:linear-gradient(135deg,var(--accent-blue),#2b6cb0);color:#fff;box-shadow:0 4px 15px #3182ce66}._drawBanner_14og8_45{background:linear-gradient(135deg,var(--bg-tertiary),#5a6578);color:var(--text-primary);box-shadow:0 4px 15px #4a55684d}._statsContainer_14og8_58{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;align-items:stretch}._teamPanel_14og8_67{background-color:var(--bg-primary);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);flex:1;box-shadow:0 3px 8px #00000026;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease-out,box-shadow .3s ease-out;animation:_fadeInUp_14og8_1 .5s ease-out forwards;opacity:0}._redTeamPanel_14og8_82{animation-delay:.2s}._blueTeamPanel_14og8_83{animation-delay:.4s}._teamPanel_14og8_67._winningTeamPanel_14og8_86{transform:scale(1.02);border-width:2px}._redTeamPanel_14og8_82._winningTeamPanel_14og8_86{border-color:var(--accent-red);box-shadow:0 0 20px #e53e3e4d}._blueTeamPanel_14og8_83._winningTeamPanel_14og8_86{border-color:var(--accent-blue);box-shadow:0 0 20px #3182ce4d}._teamHeader_14og8_94{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.8rem;margin-bottom:.8rem}._teamHeader_14og8_94 h2{margin:0;font-size:1.5rem}._teamTitleRed_14og8_106{color:var(--accent-red)}._teamTitleBlue_14og8_107{color:var(--accent-blue)}._prominentEmojis_14og8_109{display:flex;gap:.3rem}._panelEmoji_14og8_113{font-size:1.6rem;opacity:.8}._statsGrid_14og8_119{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;text-align:center}._statItem_14og8_126{background-color:var(--bg-secondary);padding:.8rem .5rem;border-radius:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}._statValue_14og8_136{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:.2rem;animation:_countUp_14og8_1 .8s ease-out forwards}._statLabel_14og8_145{font-size:.85em;color:var(--text-secondary)}._winnerStatHighlight_14og8_150 ._statValue_14og8_136{color:var(--highlight-yellow)}._actionButtons_14og8_156{display:flex;gap:1rem;margin-top:1.5rem;animation:_fadeInUp_14og8_1 .5s .6s ease-out forwards;opacity:0}@keyframes _fadeInScaleUp_14og8_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _fadeInUp_14og8_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _countUp_14og8_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){._statsContainer_14og8_58{flex-direction:row;justify-content:center}._teamPanel_14og8_67{max-width:380px}._winnerBanner_14og8_16 h1{font-size:2.5rem}}@media (max-width: 480px){._winnerBanner_14og8_16 h1{font-size:1.8rem}._teamHeader_14og8_94 h2{font-size:1.3rem}._panelEmoji_14og8_113{font-size:1.4rem}._statValue_14og8_136{font-size:1.5rem}._resultScreen_14og8_2{padding:1rem .5rem}}:root{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--text-primary: #edf2f7;--text-secondary: #a0aec0;--border-color: #4a5568;--highlight-yellow: #f6e05e;--accent-red: #e53e3e;--accent-blue: #3182ce;--accent-green: #48bb78;--accent-orange: #ed8936;--canvas-width: 800px;--canvas-height: 600px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-size:14px}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.container{margin:0 auto;height:100%;display:flex;padding:1rem;box-sizing:border-box;background-color:var(--bg-primary)}.main-content-area{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-secondary)}h1,h2,h3,h4{color:var(--text-primary);margin-top:0;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6;margin-top:0;margin-bottom:1rem}label{color:var(--text-secondary);display:block;margin-bottom:.3rem;font-size:.9em}input[type=number],input[type=range],select{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem .75rem;width:100%;box-sizing:border-box;font-size:.95em}input[type=range]{padding:0}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3182ce80}.button{padding:.6rem 1.2rem;border-radius:.3rem;font-weight:600;transition:all .2s ease-in-out;border:none;cursor:pointer;font-size:.9em;text-align:center;display:inline-block}.button:disabled{opacity:.5;cursor:not-allowed}.btn-team-red{background-color:var(--accent-red);color:#fff}.btn-team-red:hover:not(:disabled){background-color:#c53030}.btn-team-blue{background-color:var(--accent-blue);color:#fff}.btn-team-blue:hover:not(:disabled){background-color:#2b6cb0}.btn-action-green{background-color:var(--accent-green);color:var(--bg-primary)}.btn-action-green:hover:not(:disabled){background-color:#38a169}.btn-action-yellow{background-color:var(--accent-orange);color:var(--bg-primary)}.btn-action-yellow:hover:not(:disabled){background-color:#dd6b20}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#5a6578}canvas.gameCanvas{display:block;max-width:100%;max-height:100%;aspect-ratio:calc(var(--canvas-width) / var(--canvas-height));border:1px solid var(--border-color);-o-object-fit:contain;object-fit:contain;box-sizing:border-box}@media (max-width: 768px){.container{padding:.5rem}h1{font-size:1.8rem}h2{font-size:1.3rem}}