@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#141517;--bg-card:#1c1d21;--bg-input:#111215;--border-light:#2d3037;--border-focus:#38bdf8;--text-main:#e2e8f0;--text-muted:#64748b;--brand:#38bdf8;--brand-hover:#0ea5e9;--accent:#00e676;--accent-secondary:#ef4444}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:none;font-family:Plus Jakarta Sans,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 16px}.font-mono{font-family:Plus Jakarta Sans,sans-serif!important}.navbar{border:1px solid var(--border-light);background:var(--bg-card);z-index:100;max-width:100%;height:50px;box-shadow:none;justify-content:space-between;align-items:center;margin:0 0 20px;padding:0 16px;display:flex;position:sticky;top:0}.logo{color:var(--brand);letter-spacing:-.5px;font-size:1.1rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--text-muted);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .1s}.nav-links a:hover{color:var(--text-main)}.btn-login{border:1px solid var(--border-light);background:0 0;padding:4px 12px;font-size:.8rem;color:var(--text-main)!important}.btn-login:hover{background:var(--border-light);border-color:var(--brand)}h1,h2,h3,h4{letter-spacing:-.5px;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}.grid-select{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:15px;display:grid}.game-card-cover{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;color:var(--text-main);aspect-ratio:3/4;text-decoration:none;transition:border-color .15s;display:block;position:relative;overflow:hidden}.game-card-cover:hover{border-color:var(--brand)}.card-image-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.card-bg-image{object-fit:cover;opacity:.4;width:100%;height:100%}.card-overlay{background:#141517b3;width:100%;height:100%;position:absolute;top:0;left:0}.card-content{z-index:2;text-align:left;width:100%;padding:12px 16px;position:absolute;bottom:0;left:0}.card-content h3{margin:0;font-size:.95rem}.calc-container{grid-template-columns:1.8fr 1.2fr;gap:20px;margin-top:20px;margin-bottom:40px;display:grid}@media (max-width:850px){.calc-container{grid-template-columns:1fr}}.calc-panel{background:var(--bg-card);border:1px solid var(--border-light);padding:20px}.rank-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}@media (max-width:600px){.rank-row{flex-direction:column}}.rank-box{background:var(--bg-input);border:1px solid var(--border-light);flex:1;width:100%;padding:16px}.rank-box h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.8rem}.form-group{margin-bottom:12px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.custom-select-container{width:100%;position:relative}.custom-select-button{background:var(--bg-input);border:1px solid var(--border-light);width:100%;color:var(--text-main);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;display:flex}.custom-select-button:focus,.custom-select-container.open .custom-select-button{border-color:var(--brand);outline:none}.custom-select-button svg{transition:transform .15s}.custom-select-container.open .custom-select-button svg{transform:rotate(180deg)}.custom-select-dropdown{background:var(--bg-card);border:1px solid var(--border-light);z-index:50;width:100%;max-height:200px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.custom-select-option{cursor:pointer;color:var(--text-main);padding:8px 12px;font-size:.85rem}.custom-select-option:hover{background:var(--border-light);color:var(--brand)}.input-field,.select-field{background:var(--bg-input);border:1px solid var(--border-light);width:100%;color:var(--text-main);padding:10px 12px;font-size:.85rem}.input-field:focus,.select-field:focus{border-color:var(--brand);outline:none}.btn-primary{background:var(--brand);color:#141517;border:1px solid var(--brand);cursor:pointer;text-transform:uppercase;width:100%;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .1s}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-primary:disabled{background:var(--border-light);border-color:var(--border-light);color:var(--text-muted);cursor:not-allowed}.panel{background:var(--bg-card);border:1px solid var(--border-light);padding:16px}.option-btn{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;flex:1;padding:10px;font-size:.8rem;font-weight:600}.option-btn.active{background:var(--border-light);border-color:var(--brand);color:var(--brand)}.status-badge{text-transform:uppercase;border:1px solid var(--border-light);padding:2px 8px;font-size:.75rem;font-weight:600}.chat-container{border:1px solid var(--border-light);background:var(--bg-input)}.chat-messages{flex-direction:column;gap:8px;max-height:300px;padding:10px;display:flex;overflow-y:auto}.chat-message{max-width:80%;padding:8px 12px;font-size:.85rem}.chat-message.self{background:var(--border-light);border-left:3px solid var(--brand);align-self:flex-end}.chat-message.other{background:var(--bg-card);border-left:3px solid var(--text-muted);align-self:flex-start}.chat-input-area{border-top:1px solid var(--border-light);display:flex}.booster-avatar-tactical{border:1px double var(--brand);background:var(--bg-input);padding:2px}.booster-avatar-standard{border:1px solid var(--border-light)}.footer-link{transition:color .1s}.footer-link:hover{color:var(--brand)!important}