.strategy-card{width:100%;min-height:280px;position:relative;cursor:pointer}.strategy-card.selected .card-shape{border-color:var(--accent);box-shadow:inset 0 0 30px #f59e0b26,0 0 24px #f59e0b66}.strategy-card.disabled{opacity:.4;cursor:not-allowed}.strategy-card:hover:not(.disabled) .card-shape{border-color:var(--accent);box-shadow:inset 0 2px 4px #fff3,0 0 16px #f59e0b40}.strategy-card .outer-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:radial-gradient(circle at 50% 0%,rgba(100,100,100,.4) 0%,transparent 70%);border-radius:14px;z-index:-1}.strategy-card .card-shape{width:100%;min-height:100%;border-radius:12px;border:3px solid rgba(255,255,255,.4);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d}.strategy-card .card-shape.selected{border:3px solid var(--accent);box-shadow:inset 0 0 30px #f59e0b26,inset 0 2px 4px #ffffff4d}.strategy-card .trade-goods-display{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.8);border:2px solid var(--accent);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.strategy-card .trade-goods-display:hover{background:rgba(245,158,11,.15);transform:scale(1.1)}.strategy-card .trade-goods-display .tg-count{color:var(--accent);font-weight:700;font-size:1rem}.strategy-card .card-content{padding:16px;display:flex;flex-direction:column;flex:1;color:var(--text-primary)}.strategy-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.strategy-card .card-header .card-number{background:rgba(0,0,0,.8);font-size:1.4rem;font-weight:700;width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid}.strategy-card .card-header .card-name{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.strategy-card .primary-ability{background:rgba(0,0,0,.5);padding:.7rem;margin-bottom:.5rem;border-left:2px solid var(--accent-dim);border-radius:4px}.strategy-card .primary-ability .ability-title{color:var(--accent);font-weight:700;font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.strategy-card .primary-ability .ability-text{line-height:1.4;font-size:.8rem;color:var(--text-primary)}.strategy-card .primary-ability .ability-text .clause{margin-bottom:.5rem}.strategy-card .primary-ability .ability-text .clause:last-child{margin-bottom:0}.strategy-card .secondary-ability{background:rgba(0,0,0,.5);padding:.7rem;border-left:2px solid rgba(200,200,200,.6);border-radius:4px}.strategy-card .secondary-ability .ability-title{color:#c8c8c8d9;font-weight:700;font-size:.8em;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.strategy-card .secondary-ability .ability-text{line-height:1.4;font-size:.8rem;color:var(--text-primary)}.strategy-card .secondary-ability .ability-text .clause{margin-bottom:.5rem}.strategy-card .secondary-ability .ability-text .clause:last-child{margin-bottom:0}@media print{.tech-card{background:white!important;border:1px solid #000!important;color:#000!important;page-break-inside:avoid;margin-bottom:8px;padding:8px;width:300px!important;height:auto!important;min-height:180px}.tech-card-title{font-weight:700!important;font-size:12px!important;color:#000!important}.tech-card-text{font-size:10px!important;color:#000!important;line-height:1.2!important}.tech-card-meta{font-size:9px!important;color:#666!important}}@media print{.all-tech-grid .print-button{display:none!important}.all-tech-grid .section-header{color:#000!important;font-weight:700!important;font-size:18px!important;margin:16px 0 8px!important;page-break-after:avoid}.all-tech-grid .tech-type-header{color:#000!important;font-weight:700!important;font-size:14px!important;margin:12px 0 6px!important;page-break-after:avoid}.all-tech-grid .tech-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;page-break-inside:avoid}.all-tech-grid .unit-upgrades-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;page-break-before:always}}@media print{.tech-grid-container .level-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;page-break-inside:avoid}}@media print{.unit-tech-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;page-break-before:always}}.tech-drawer .drawer-dialog{width:95vw;height:90vh;max-width:95vw;max-height:90vh;margin:0;background:var(--bg-surface);background-image:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-deep) 50%,#000000 100%);border:2px solid var(--accent);border-radius:12px}.tech-drawer .drawer-content{padding:0;height:100%;display:flex;flex-direction:column}.tech-drawer .drawer-header{padding:1rem;border-bottom:2px solid var(--accent);background:rgba(245,158,11,.1)}.tech-drawer .drawer-header .header-title{color:var(--text-primary);font-weight:700;text-align:center;text-shadow:0 0 20px rgba(245,158,11,.4)}.tech-drawer .drawer-tabs{border-bottom:1px solid var(--border-medium)}.tech-drawer .drawer-tabs .tab-root{color:var(--text-secondary);font-weight:700;min-height:60px}.tech-drawer .drawer-tabs .tab-root.selected{color:var(--accent)}.tech-drawer .drawer-tabs .tab-indicator{background-color:var(--accent);height:3px}.tech-drawer .drawer-tabs .tab-content{display:flex;align-items:center;gap:.5rem}.tech-drawer .drawer-tabs .tab-content .tab-icon{width:24px;height:24px;filter:brightness(1.2)}.tech-drawer .tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem;overflow-y:auto;flex:1}.tech-drawer .tech-card{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;transition:all .3s ease}.tech-drawer .tech-card:hover{border-color:var(--accent);background:rgba(245,158,11,.05)}.tech-drawer .tech-card .tech-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.tech-drawer .tech-card .tech-header .tech-icon{width:24px;height:24px;filter:brightness(1.2)}.tech-drawer .tech-card .tech-header .tech-info .tech-name{color:var(--text-primary);font-weight:700;font-size:1.1rem;margin:0}.tech-drawer .tech-card .tech-header .tech-info .tech-type{color:var(--text-secondary);text-transform:capitalize}.tech-drawer .tech-card .tech-requirements{margin-bottom:.75rem}.tech-drawer .tech-card .tech-requirements .requirements-title{color:var(--text-muted);font-size:.9rem;margin-bottom:.25rem}.tech-drawer .tech-card .tech-requirements .requirements-list{display:flex;gap:.25rem;flex-wrap:wrap}.tech-drawer .tech-card .tech-requirements .requirements-list .requirement-icon{width:20px;height:20px;filter:brightness(1.2)}.tech-drawer .tech-card .tech-description{color:#fff;line-height:1.4;font-size:.9rem}@media print{body *{visibility:hidden}.tech-drawer-content,.tech-drawer-content *{visibility:visible}.tech-drawer-content{position:absolute;left:0;top:0;width:100%}@page{size:letter portrait;margin:.5in}.MuiDialog-root,.MuiDialog-container,.MuiDialog-paper{position:static!important;transform:none!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:white!important;max-width:none!important;max-height:none!important;width:100%!important;height:auto!important}.tech-drawer-header,.tech-drawer-tabs,.print-button{display:none!important}.tech-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;page-break-inside:avoid}.unit-upgrades-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;page-break-before:always}.section-header{color:#000!important;font-weight:700!important;font-size:18px!important;margin:16px 0 8px!important;page-break-after:avoid}.tech-type-header{color:#000!important;font-weight:700!important;font-size:14px!important;margin:12px 0 6px!important;page-break-after:avoid}img{display:none!important}}.app{min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--accent) rgba(245,158,11,.1)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:rgba(245,158,11,.1);border-radius:6px}*::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px;border:2px solid rgba(0,0,0,.3);box-shadow:0 0 6px #f59e0b80}*::-webkit-scrollbar-thumb:hover{background:var(--accent-bright);box-shadow:0 0 10px #f59e0bcc}*::-webkit-scrollbar-thumb:active{background:var(--accent)}*::-webkit-scrollbar-corner{background:rgba(245,158,11,.1)}:root{--bg-deep: #0a0e1a;--bg-surface: #111827;--bg-elevated: #1e293b;--accent: #f59e0b;--accent-bright: #fbbf24;--accent-dim: #b45309;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #22c55e;--danger: #ef4444;--info: #3b82f6;--phase-setup: #f59e0b;--phase-strategy: #3b82f6;--phase-action: #22c55e;--phase-status: #a855f7;--phase-agenda: #ef4444;--border-subtle: rgba(245, 158, 11, .15);--border-medium: rgba(245, 158, 11, .3);--surface-glass: rgba(17, 24, 39, .8)}*{box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:2rem;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-size:18px;line-height:1.6}.main-title{color:var(--accent);text-align:center;font-size:1.5rem;margin-bottom:.5rem;text-shadow:0 0 30px rgba(245,158,11,.4);font-weight:700}.section-header{color:var(--text-primary);font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid var(--accent-dim);padding-bottom:.5rem;text-shadow:0 0 15px rgba(245,158,11,.3)}.subsection-header{color:var(--text-secondary);font-size:1.5rem;margin-bottom:1rem}.mainNav{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.navBtn{background:rgba(245,158,11,.1);border:2px solid var(--accent);color:var(--text-primary);padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.navBtn:hover{background:rgba(245,158,11,.2);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.navBtn.active{background:var(--accent);color:#000;box-shadow:0 0 20px #f59e0b99}.screen{display:none;background:var(--bg-surface);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);box-shadow:0 0 30px #f59e0b0d}.screen.active{display:block}.setupControls{margin-bottom:2rem;text-align:center}.playersSetup{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.setupPlayer{background:var(--bg-elevated);padding:1rem;border-radius:8px;border:1px solid var(--border-medium);font-size:1.2rem;display:flex;justify-content:space-between;align-items:center}.addPlayerRow{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}input,select{padding:.8rem 1rem;border-radius:8px;border:2px solid var(--bg-elevated);background:rgba(0,0,0,.6);color:var(--text-primary);font-size:1rem;min-width:200px}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b33}button{background:var(--accent);border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;color:#000;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}button:hover{background:var(--accent-bright);transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}button:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;transform:none;opacity:.5}button.primary{background:var(--accent);font-size:1.2rem;padding:1rem 2rem;box-shadow:0 0 20px #f59e0b66}button.primary:hover{background:var(--accent-bright);box-shadow:0 0 30px #f59e0b99}.custom-dropdown{position:relative;min-width:250px;font-size:1rem}.dropdown-selected{padding:.8rem 1rem;border-radius:8px;border:2px solid var(--bg-elevated);background:rgba(0,0,0,.6);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.dropdown-selected:hover{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b33}.dropdown-selected.active{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b4d}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--bg-elevated);border:2px solid var(--accent);border-radius:8px;margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:1000;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-options.show{display:block}.dropdown-option{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:rgba(245,158,11,.15)}.dropdown-option.disabled:hover{background:transparent}.dropdown-option.selected{background:rgba(245,158,11,.2);color:var(--accent)}.dropdown-group-label{padding:.5rem 1rem;background:var(--bg-surface);color:var(--text-secondary);font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.dropdown-faction-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.dropdown-faction-name{flex:1}.faction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003}.hint{color:var(--text-secondary);font-style:italic;text-align:center;margin-top:1rem}.grid-layout{display:grid;gap:1rem}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.font-bold{font-weight:700}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.card{background:var(--bg-surface);border-radius:8px;padding:1rem;border:1px solid var(--border-subtle)}.card-header{border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;margin-bottom:1rem}.status-active{color:var(--success)}.status-inactive{color:var(--text-muted)}.status-warning{color:var(--accent-bright)}.status-error{color:var(--danger)}.clickable{cursor:pointer;transition:all .3s ease}.clickable:hover{transform:translateY(-2px)}.disabled{opacity:.5;cursor:not-allowed}.text-accent{color:var(--accent)}.text-accent-bright{color:var(--accent-bright)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-accent{background-color:var(--accent)}.bg-accent-subtle{background-color:#f59e0b1a}.border-accent{border-color:var(--accent)}.shadow-accent{box-shadow:0 0 20px #f59e0b66}.glow-accent{text-shadow:0 0 15px rgba(245,158,11,.4)}@media (max-width: 768px){body{padding:1rem;font-size:16px}h1{font-size:2rem}}