.converter-widget-section[data-v-efc2c724]{--brand-primary:#423486;--brand-accent:#6352b5;--brand-dark:#2a2a38;--text-on-dark-primary:#fff;--text-on-dark-secondary:hsla(0,0%,100%,.75);--text-on-dark-muted:hsla(0,0%,100%,.5);--text-on-dark-subtle:hsla(0,0%,100%,.3);--bg-page:#2a2a38;--bg-card:#343442;--bg-card-hover:#3e3e4e;--bg-section:#303040;--bg-elevated:#383848;--border-subtle:hsla(0,0%,100%,.06);--border-medium:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.15);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-hover:0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 16px 40px rgba(0,0,0,.35);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--accent-blue:#6c8eef;--accent-orange:#ff7826;--accent-green:#4ade80;margin:0 auto 48px;max-width:640px}.converter-widget[data-v-efc2c724]{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:16px;box-shadow:var(--shadow-md);padding:24px 24px 20px}.converter-form[data-v-efc2c724]{display:flex;flex-direction:column;gap:12px}.converter-group[data-v-efc2c724]{background:var(--bg-elevated);border-radius:12px;padding:16px 18px}.converter-group-label[data-v-efc2c724]{align-items:center;color:var(--text-on-dark-muted);display:flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.converter-field-full[data-v-efc2c724]{margin-bottom:8px}.converter-row[data-v-efc2c724]{display:grid;gap:10px;grid-template-columns:1fr 1fr}.converter-row-3[data-v-efc2c724]{grid-template-columns:1fr 1fr 1fr}.converter-row-2[data-v-efc2c724]{grid-template-columns:1fr 1fr}.converter-field[data-v-efc2c724]{min-width:0}.converter-method-group[data-v-efc2c724]{padding:14px 18px}.converter-method-group .converter-group-label[data-v-efc2c724]{margin-bottom:10px}.method-options[data-v-efc2c724]{display:flex;gap:8px}.method-option[data-v-efc2c724]{align-items:center;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;display:flex;flex:1;justify-content:center;padding:10px 8px;position:relative;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.method-option[data-v-efc2c724]:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.method-option.active[data-v-efc2c724]{background:#6c8eef1f;border-color:var(--accent-blue)}.method-radio[data-v-efc2c724]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.method-option-label[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.84rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.method-option.active .method-option-label[data-v-efc2c724]{color:var(--accent-blue)}.method-match[data-v-efc2c724]{border-top:1px solid var(--border-subtle);margin-top:14px;padding-top:14px}.match-label[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.78rem;font-weight:500;gap:6px;margin-bottom:8px}.match-input-row[data-v-efc2c724],.match-label[data-v-efc2c724]{align-items:center;display:flex}.match-input-row[data-v-efc2c724]{gap:8px}.match-preset-select[data-v-efc2c724]{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-on-dark-primary);cursor:pointer;flex:1;font-family:inherit;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease}.match-preset-select[data-v-efc2c724]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #637fe81f}.match-custom-input[data-v-efc2c724]{align-items:center;display:flex;flex-shrink:0;gap:0;width:100px}.match-input[data-v-efc2c724]{padding-right:28px!important;text-align:center}.match-unit[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.82rem;margin-left:-24px;pointer-events:none}.game-selector[data-v-efc2c724]{position:relative;width:100%}.game-selector-trigger[data-v-efc2c724]{align-items:center;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-on-dark-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;gap:8px;justify-content:space-between;outline:none;padding:10px 12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.game-selector-trigger[data-v-efc2c724]:hover{border-color:var(--border-hover)}.game-selector-trigger.is-open[data-v-efc2c724]{border-color:var(--accent-blue);box-shadow:0 0 0 3px #637fe81f}.trigger-text[data-v-efc2c724]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-text.is-placeholder[data-v-efc2c724]{color:var(--text-on-dark-subtle)}.trigger-arrow[data-v-efc2c724]{color:var(--text-on-dark-muted);flex-shrink:0;transition:transform .2s ease}.trigger-arrow.is-open[data-v-efc2c724]{transform:rotate(180deg)}.converter-input[data-v-efc2c724],.converter-select[data-v-efc2c724]{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-sizing:border-box;color:var(--text-on-dark-primary);font-family:inherit;font-size:.92rem;outline:none;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:border-color .2s ease,box-shadow .2s ease;white-space:nowrap;width:100%}.converter-input[data-v-efc2c724]:focus,.converter-select[data-v-efc2c724]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #637fe81f}.converter-input[data-v-efc2c724]::-moz-placeholder{color:var(--text-on-dark-subtle);font-size:.84rem}.converter-input[data-v-efc2c724]::placeholder{color:var(--text-on-dark-subtle);font-size:.84rem}.input-with-hint[data-v-efc2c724]{align-items:center;display:flex;position:relative}.input-with-hint .converter-input[data-v-efc2c724]{padding-right:32px}.hint-trigger[data-v-efc2c724]{align-items:center;border-radius:50%;color:var(--text-on-dark-subtle);cursor:help;display:flex;height:20px;justify-content:center;outline:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .15s ease,background .15s ease;width:20px}.hint-trigger[data-v-efc2c724]:focus-visible,.hint-trigger[data-v-efc2c724]:hover{background:#ffffff14;color:var(--text-on-dark-primary)}.hint-trigger-inline[data-v-efc2c724]{flex-shrink:0;position:relative;right:auto;top:auto;transform:none}.hint-tooltip[data-v-efc2c724]{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000080;color:var(--text-on-dark-secondary);font-size:.75rem;font-weight:400;left:50%;line-height:1.6;max-width:280px;min-width:220px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;text-align:left;transform:translate(-50%);transition:opacity .15s ease;white-space:pre-line;z-index:10}.hint-tooltip-method[data-v-efc2c724]{left:0;max-width:340px;min-width:300px;transform:translate(0)}.hint-tooltip-match[data-v-efc2c724]{left:0;max-width:320px;min-width:280px;transform:translate(0)}.hint-tooltip[data-v-efc2c724]:after{border:6px solid transparent;border-top-color:#1a1a2e;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.hint-tooltip-match[data-v-efc2c724]:after,.hint-tooltip-method[data-v-efc2c724]:after{left:24px;transform:translate(0)}.hint-trigger:focus-visible .hint-tooltip[data-v-efc2c724],.hint-trigger:hover .hint-tooltip[data-v-efc2c724]{opacity:1}.battlefield-hint[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.75rem;line-height:1.4;margin-top:6px;opacity:.7}.converter-result[data-v-efc2c724]{background:var(--bg-elevated);border-radius:12px;margin-top:8px;padding:20px 24px;text-align:center}.converter-result-empty[data-v-efc2c724]{padding:24px}.converter-result-empty[data-v-efc2c724],.empty-text[data-v-efc2c724]{color:var(--text-on-dark-subtle);font-size:.88rem}.empty-text[data-v-efc2c724]{margin:0}.result-main[data-v-efc2c724]{align-items:baseline;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.result-game[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.82rem;font-weight:500}.result-value[data-v-efc2c724]{color:var(--accent-green);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;line-height:1}.result-unit[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.82rem}.result-metrics[data-v-efc2c724]{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:16px}.metric-item[data-v-efc2c724]{align-items:center;display:flex;flex-direction:column;gap:2px}.metric-label[data-v-efc2c724]{color:var(--text-on-dark-muted);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value[data-v-efc2c724]{color:var(--text-on-dark-primary);font-size:1.1rem;font-weight:700}.result-description[data-v-efc2c724]{text-align:left}.description-text[data-v-efc2c724]{color:var(--text-on-dark-secondary);font-size:.9rem;line-height:1.7;margin:0 0 10px}.description-text strong[data-v-efc2c724]{color:var(--text-on-dark-primary);font-weight:600}.description-note[data-v-efc2c724]{color:var(--text-on-dark-subtle);font-size:.78rem;line-height:1.5;margin:0}@media (max-width:640px){.converter-widget-section[data-v-efc2c724]{max-width:100%;padding:0 16px}.converter-widget[data-v-efc2c724]{border-radius:14px;padding:20px 16px 16px}.converter-group[data-v-efc2c724]{border-radius:10px;padding:14px 12px}.converter-row-3[data-v-efc2c724]{grid-template-columns:1fr 1fr}.converter-row[data-v-efc2c724]{gap:8px}.converter-input[data-v-efc2c724],.converter-select[data-v-efc2c724],.game-selector-trigger[data-v-efc2c724]{font-size:.84rem;padding:10px}.method-options[data-v-efc2c724]{flex-direction:column;gap:6px}.method-option[data-v-efc2c724]{padding:10px 12px}.match-input-row[data-v-efc2c724]{flex-direction:column;gap:6px}.match-custom-input[data-v-efc2c724]{width:100%}.converter-result[data-v-efc2c724]{padding:18px 16px}.result-value[data-v-efc2c724]{font-size:2.2rem}.result-metrics[data-v-efc2c724]{gap:16px}.metric-value[data-v-efc2c724]{font-size:1rem}.description-text[data-v-efc2c724]{font-size:.84rem}.description-note[data-v-efc2c724]{font-size:.75rem}}.game-panel-overlay{animation:gamePanelFadeIn .15s ease;background:#0000004d;inset:0;position:fixed;z-index:10000}@keyframes gamePanelFadeIn{0%{opacity:0}to{opacity:1}}.game-panel{animation:gamePanelSlideDown .15s ease;background:#343442;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;max-height:420px;overflow:hidden}@keyframes gamePanelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-search{align-items:center;background:#343442;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px;padding:12px 14px;position:sticky;top:0;z-index:2}.search-icon{color:#ffffff4d;flex-shrink:0}.search-input{background:transparent;border:none;color:#fff;flex:1;font-family:inherit;font-size:.9rem;outline:none}.search-input::-moz-placeholder{color:#ffffff4d}.search-input::placeholder{color:#ffffff4d}.search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#fff6;cursor:pointer;display:flex;flex-shrink:0;padding:2px}.search-clear:hover{background:#ffffff1a;color:#ffffffb3}.panel-categories{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:10px 14px;scrollbar-width:none}.panel-categories::-webkit-scrollbar{display:none}.category-tag{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:#fff9;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.75rem;font-weight:500;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.category-tag:hover{border-color:#ffffff40;color:#ffffffd9}.category-tag.active{background:#6c8eef;border-color:#6c8eef;color:#fff}.panel-list{flex:1;overflow-y:auto;padding:6px;scroll-behavior:smooth}.panel-list::-webkit-scrollbar{width:4px}.panel-list::-webkit-scrollbar-track{background:transparent}.panel-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.panel-item{align-items:center;background:transparent;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;justify-content:space-between;padding:10px 12px;text-align:left;transition:background .1s ease;width:100%}.panel-item:hover{background:#ffffff0f}.panel-item.active{background:#6c8eef26;color:#fff}.item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-check{color:#6c8eef;flex-shrink:0}.panel-empty{color:#ffffff4d;font-size:.85rem;padding:32px 16px;text-align:center}