.game-select{flex-direction:column;gap:8px;width:100%;display:flex}.game-select__label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.game-select__field{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:6px;transition:border-color .2s;display:flex}[dir=ltr] .game-select__field{padding:0 8px 0 14px}[dir=rtl] .game-select__field{padding:0 14px 0 8px}.game-select__field:focus-within{border-color:var(--border-strong)}.game-select__input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:13px 0;font-size:1rem}.game-select__trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:flex}.game-select__popover{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:300px;width:var(--trigger-width);padding:6px;overflow-y:auto;box-shadow:0 12px 30px #00000073}.game-select__listbox{outline:none;flex-direction:column;gap:2px;display:flex}.game-select__option{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:9px 12px;font-size:.95rem}.game-select__option[data-focused]{background:var(--bg-surface)}.game-select__option[data-selected]{color:var(--accent-red);font-weight:600}
.converter{flex-direction:column;gap:24px;width:100%;display:flex}.converter__grid{grid-template-columns:1fr auto 1fr;gap:16px;display:grid}.converter__panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:20px;display:flex}.converter__fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.converter__field{flex-direction:column;gap:8px;display:flex}.converter__field-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.converter__swap{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;transition:border-color .2s,color .2s;display:flex}.converter__swap:hover{border-color:var(--accent-red);color:var(--accent-red)}.converter__swap-skeleton{align-self:center}.converter__result{flex-direction:column;gap:8px;margin-top:auto;display:flex}.converter__result-row{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.converter__result-value{color:var(--accent-red);font-size:1.9rem;font-weight:700;line-height:1.1}.converter__copy{color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex}.converter__copy:hover{color:var(--text-primary)}.converter__stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.converter__stat{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.converter__stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.converter__stat-label{color:var(--text-secondary);font-size:.8rem}@media not (min-width:720px){.converter__grid{grid-template-columns:1fr}[dir=ltr] .converter__swap{transform:rotate(90deg)}[dir=rtl] .converter__swap{transform:rotate(-90deg)}}