header.py-6{padding-top:1rem;padding-bottom:1.5rem;text-align:center;background-color:var(--bg-secondary);box-shadow:0 2px 8px #000c}button.relative:hover{border-color:var(--accent-color);transform:scale(1.05);z-index:10}button.relative img{width:100%;height:100%;border-radius:1rem;object-fit:cover;transition:transform .3s ease}button.relative:hover img{transform:scale(1.1)}button.relative.border-orange-400{border-color:#ff8e1c;box-shadow:0 0 0 4px #ff8e1caa inset;transform:scale(1.05);z-index:10}.absolute.inset-0{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;pointer-events:none}.bg-gradient-to-t{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}button.absolute.top-2.right-2{position:absolute;top:.5rem;right:.5rem;height:28px;width:28px;background:rgba(0,0,0,.5);border-radius:9999px;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:20}button.absolute.top-2.right-2:hover{background:rgba(0,0,0,.8)}.side-selector{display:flex;gap:12px;padding:4px;border-radius:12px;margin-top:1.5rem}.side-button{flex:1;padding:12px 0;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;outline:none;border:none;font-size:16px;-webkit-user-select:none;user-select:none}.unselected{background-color:#3d3d3d;color:#999;box-shadow:none}.selected-t{background-color:var(--accent-color);color:var(--accent-color-text);box-shadow:var(--accent-shadow)}.selected-ct{background-color:#4f85e3;color:#000;box-shadow:0 0 10px #4f85e3}.selected-t.hovered{background-color:#ffae4f;box-shadow:0 0 14px #ffae4f}.selected-ct.hovered{background-color:#5c8de6;box-shadow:0 0 14px #5c8de6}.role-ct{background-color:#4f85e3!important;color:#000!important;border-color:#4f85e3!important;box-shadow:0 0 10px #4f85e3!important}.role-ct:hover{background-color:#5c8de6!important;box-shadow:0 0 14px #5c8de6!important;color:#000!important}.relative.group:hover .absolute.bottom-full{opacity:1!important;pointer-events:auto!important;transition:opacity .3s ease}.absolute.bottom-full{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;width:18rem;padding:.75rem;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;box-shadow:0 6px 12px #000c;color:var(--accent-color);font-weight:700;font-size:.75rem;opacity:0;pointer-events:none;z-index:10}.bg-bg-secondary.rounded-lg.overflow-hidden{background-color:var(--bg-secondary);border-radius:1rem;overflow:hidden;margin-bottom:1rem;box-shadow:0 10px 24px #000c}button.w-full.flex.justify-between.items-center.p-4.text-left:hover\:bg-bg-tertiary\/50:hover{background-color:#3a3a3a4d;transition:background-color .2s ease;cursor:pointer}.w-full.flex.justify-between.items-center.p-4.text-left{background-color:transparent}.text-xl.md\:text-2xl.font-bold.text-text-primary{font-size:1.5rem;font-weight:900;color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-primary{color:var(--text-primary)}.transition-transform.duration-300{transition:transform .3s ease}.rotate-180{transform:rotate(180deg)}.px-4.pb-4.pt-2{padding:.5rem 1rem 1rem}table.w-full.min-w-\[800px\].text-left.text-sm{width:100%;min-width:800px;text-align:left;font-size:.875rem;border-collapse:collapse}.p-4{padding:1rem}.p-3{padding:.75rem}.border-b{border-bottom:1px solid rgba(58,58,58,.5)}.border-border-primary\/50{border-color:#3a3a3a80}.font-semibold{font-weight:600}.text-text-muted{color:var(--text-muted)}.text-text-secondary.italic{font-style:italic;color:var(--text-secondary)}.text-green-400{color:#22c55e}.text-lg{font-size:1.125rem}.italic{font-style:italic}.whitespace-pre-line{white-space:pre-line}.text-center{text-align:center}.p-8{padding:2rem}.text-center.p-8.bg-red-900\/20.rounded-lg{background-color:#8b000026;border-radius:1rem;padding:2rem;color:#ef4444}.text-red-300{color:#fca5a5}.text-red-400{color:#ef4444}.text-center.p-8.bg-bg-secondary.rounded-lg{background-color:var(--bg-secondary);border-radius:1rem;padding:2rem;color:var(--text-secondary)}.space-y-4>*+*{margin-top:1rem}.cursor-pointer{cursor:pointer}.role-button{padding:.5rem .75rem;font-weight:600;border-radius:.375rem;border-width:1px;cursor:pointer;transition:color .2s ease,background-color .2s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.role-button.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--accent-color-text)}.role-button-ct{background-color:#4f85e3!important;color:#000!important;border-color:#4f85e3!important;font-weight:700!important}.role-button-ct.selected,.role-button-ct:active{background-color:#4f85e3!important;color:#000!important;border-color:#4f85e3!important}.role-button-ct:hover{background-color:#5ca5f5!important}.role-button-support-t{background:#272727!important;color:#bbb!important;border:1.5px solid #393939!important;opacity:.55!important;box-shadow:none!important;cursor:pointer!important;font-weight:700!important}.role-button-support-t.selected{background-color:var(--accent-color)!important;color:var(--accent-color-text)!important;border-color:var(--accent-color)!important;opacity:1!important;cursor:pointer!important;pointer-events:auto!important;font-weight:700!important}.role-button.bg-\[var\(--accent-color\)\]:hover,.role-button-support-t.selected:hover{background-color:#ffae4f!important;color:#000!important;border-color:#ffae4f!important;transition:background-color .2s,box-shadow .2s}.map-list-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;margin:40px 0 24px;flex-wrap:nowrap}.map-grid-row{display:grid;grid-template-columns:repeat(7,1fr);gap:24px;width:100%;max-width:1024px;margin:40px auto 24px;box-sizing:border-box;justify-items:center;align-items:center;padding:0}.map-thumb-btn{width:100%;aspect-ratio:16/10;max-width:128px;min-width:80px;border-radius:1rem;border:2px solid transparent;overflow:hidden;box-shadow:0 8px 15px #00000080;padding:0;background:none;position:relative;transition:box-shadow .2s,border-color .2s;display:block}.map-thumb-btn img{width:100%;height:100%;object-fit:cover;border-radius:1rem;display:block;transition:transform .25s cubic-bezier(.4,2,.6,1),filter .15s}.map-thumb-btn:hover img{transform:scale(1.12);filter:brightness(1.09);z-index:2}:root{--bg-primary: #212121;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--border-primary: #3a3a3a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #ff8e1c;--accent-color-text: #000;--accent-shadow: 0 4px 8px rgba(255, 142, 28, .6)}body,#root{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}header.py-6{padding-top:1.5rem;padding-bottom:1.5rem;text-align:center;background-color:var(--bg-secondary);box-shadow:0 2px 8px #000c}header.py-6 h1{font-size:3rem;font-weight:900;margin:0;color:var(--text-primary)}header.py-6 p{margin-top:.5rem;font-size:1.25rem;font-style:italic;color:var(--text-secondary)}.max-w-6xl{max-width:96rem;margin-left:auto;margin-right:auto}.bg-bg-secondary{background-color:var(--bg-secondary)}.rounded-2xl{border-radius:1rem}.shadow-2xl{box-shadow:0 25px 50px -12px #000000b3}.p-6{padding:1.5rem}.md\:p-8{padding:2rem}.space-y-8>*+*{margin-top:2rem}.text-xl{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.relative{position:relative}.w-\[140px\]{width:140px}.h-\[100px\]{height:100px}.mx-auto{margin-left:auto;margin-right:auto}button.map-thumb-btn{border-radius:1rem;border:2px solid transparent;overflow:hidden;box-shadow:0 8px 15px #00000080;width:180px;height:120px;padding:0;background:none;position:relative;transition:box-shadow .2s}button.map-thumb-btn:hover{box-shadow:0 8px 24px #000000b3;border-color:#ffb74d;z-index:10}button.map-thumb-btn img{width:100%;height:100%;object-fit:cover;border-radius:1rem;display:block;transition:transform .25s cubic-bezier(.4,2,.6,1),filter .15s}button.map-thumb-btn:hover img{transform:scale(1.15);filter:brightness(1.06);z-index:2}.strategy-table thead tr,.strategy-table tbody tr:first-child{background-color:#ffffff1a;color:var(--text-primary)}@media (max-width: 640px){.map-grid-row{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important;margin:20px auto 16px}button.map-thumb-btn{max-width:120px!important;height:80px!important;width:100%!important}.side-selector{gap:8px!important;flex-wrap:wrap!important;justify-content:center}.side-button{font-size:14px!important;min-width:90px!important;padding:8px 0!important}.role-button{display:block!important;width:100%!important;font-size:14px!important;padding:.5rem 1rem!important;margin-bottom:.5rem!important;white-space:normal!important;min-width:auto!important;box-sizing:border-box}table.w-full.min-w-\[800px\].text-left.text-sm{min-width:100%!important;font-size:.75rem!important;overflow-x:auto;display:block;white-space:nowrap}}