@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap";.squad-grid{flex:1;grid-template-columns:260px 1fr 220px;gap:16px;min-height:0;display:grid}.squad-grid>div{position:relative;overflow:visible}.squad-grid>div:first-child{z-index:100}@media (width<=900px){.squad-grid{grid-template-rows:auto;grid-template-columns:1fr}}:root{--bg-dark:#0a0a1a;--bg-card:#1a1a2e;--bg-card-hover:#252545;--border:#2a2a4a;--text:#e0e0e0;--text-dim:#888;--text-bright:#fff;--green:#00e676;--green-dim:#00a854;--red:#ff5252;--red-dim:#c62828;--yellow:#ffd740;--yellow-dim:#c8a415;--blue:#448aff;--blue-dim:#1565c0;--purple:#b388ff;--gold:gold;--boost-bg:#0a2e0a;--boost-border:#00e676;--fuckup-bg:#2e0a0a;--fuckup-border:#ff5252;--mystery-bg:#2e2a0a;--mystery-border:#ffd740;--rating-gold:gold;--rating-elite:#00e676;--rating-good:#66bb6a;--rating-avg:#ffd740;--rating-low:#ff8a65;--rating-poor:#ff5252;--playstyle-blue:#448aff;--playstyle-red:#ff5252;--playstyle-purple:#b388ff;--playstyle-orange:#ff8a65;--playstyle-teal:#26c6da;--playstyle-green:#00e676;--playstyle-gold:#ffd740;--max-width:1200px;--card-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;font-family:"Press Start 2P",monospace;overflow-x:hidden}.pixel-font{font-family:"Press Start 2P",monospace}h1,h2,h3{letter-spacing:1px;font-family:"Press Start 2P",monospace}h1{font-size:24px;line-height:1.6}h2{font-size:16px;line-height:1.6}h3{font-size:12px;line-height:1.6}.rating-gold{color:var(--rating-gold);text-shadow:0 0 6px #ffd70066}.rating-elite{color:var(--rating-elite)}.rating-good{color:var(--rating-good)}.rating-avg{color:var(--rating-avg)}.rating-low{color:var(--rating-low)}.rating-poor{color:var(--rating-poor)}button{cursor:pointer;border:2px solid var(--border);background:var(--bg-card);color:var(--text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--card-radius);font-family:"Press Start 2P",monospace;font-size:11px;transition:all .15s}button:hover{background:var(--bg-card-hover);border-color:var(--blue);color:var(--text-bright)}button:active{transform:scale(.97)}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover{background:var(--blue-dim)}button.danger{background:var(--red-dim);border-color:var(--red);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--spacing-md)}.screen{max-width:var(--max-width);padding:var(--spacing-lg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.screen-center{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.flag{border-radius:2px;display:inline-block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes prematch-glow{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 18px #ffd70099,0 0 30px #ffd70033}}@media (width<=768px){h1{font-size:16px}h2{font-size:12px}h3{font-size:10px}.screen{padding:var(--spacing-md)}button{padding:var(--spacing-xs) var(--spacing-sm);font-size:10px}}@media (width<=480px){h1{font-size:14px}.screen{padding:var(--spacing-sm)}}