/* Nekon HUB 27.31 · Selector de temas por nivel VIP */
.nekon-theme-picker{position:fixed;z-index:100020;min-width:268px;max-width:min(92vw,340px);padding:12px;border-radius:20px;background:rgba(8,8,13,.98);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.42);color:#fff;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.nekon-theme-picker.is-open{opacity:1;transform:none;pointer-events:auto}
.nekon-theme-picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 8px 10px}
.nekon-theme-picker__head small{display:block;color:#8e879b;font-size:.58rem;font-weight:900;letter-spacing:.16em}.nekon-theme-picker__head strong{display:block;margin-top:4px;color:#fff;font-size:.9rem}.nekon-theme-picker__head button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#11111a;color:#fff;font-size:1.05rem;cursor:pointer}
.nekon-theme-picker__list{display:grid;gap:7px}.nekon-theme-option{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;min-height:54px;padding:7px 9px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025);color:#fff;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.nekon-theme-option:hover{background:rgba(255,255,255,.05);transform:translateY(-1px)}.nekon-theme-option.is-active{border-color:color-mix(in srgb,var(--theme-swatch,#ff4f78) 52%,transparent);background:color-mix(in srgb,var(--theme-swatch,#ff4f78) 11%,transparent)}
.nekon-theme-option__swatch{width:34px;height:34px;border-radius:11px;background:var(--theme-swatch,#1a1a22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.2)}.nekon-theme-option__copy strong{display:block;font-size:.78rem}.nekon-theme-option__copy small{display:block;margin-top:3px;color:#8f899c;font-size:.56rem}.nekon-theme-option__check{color:var(--theme-swatch,#fff);font-size:1rem;font-weight:900}.nekon-theme-option[disabled]{opacity:.42;cursor:not-allowed;transform:none}
.nekon-theme-picker__note{margin:9px 4px 2px;color:#777184;font-size:.56rem;line-height:1.45}
.theme-toggle.has-theme-menu{min-width:112px!important;justify-content:center!important;gap:8px!important}.theme-toggle.has-theme-menu .theme-toggle__sun,.theme-toggle.has-theme-menu .theme-toggle__moon{display:none!important}.theme-toggle.has-theme-menu::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--theme-indicator,#8d7dff);box-shadow:0 0 14px color-mix(in srgb,var(--theme-indicator,#8d7dff) 60%,transparent)}
html[data-visual-theme="bronze"] .theme-toggle{--theme-indicator:#e9b94b}html[data-visual-theme="silver"] .theme-toggle{--theme-indicator:#bfeaff}html[data-visual-theme="gold"] .theme-toggle{--theme-indicator:#ef235a}html[data-visual-theme="light"] .theme-toggle{--theme-indicator:#f4d77a}html[data-visual-theme="dark"] .theme-toggle{--theme-indicator:#7773ff}

/* Transición de cambio manual de tema: solo color/superficies; sin blur ni bloqueos. */
html.nekon-manual-theme-transition body,html.nekon-manual-theme-transition body>header,html.nekon-manual-theme-transition #menu,html.nekon-manual-theme-transition .arena-bottom-nav,html.nekon-manual-theme-transition main,html.nekon-manual-theme-transition .view,html.nekon-manual-theme-transition :is(.member-panel,.growth-card,.wallet-panel,.vip-current,.vip-plan,.ranking-panel,.profile-card){transition:background-color .72s ease,border-color .72s ease,color .72s ease,box-shadow .72s ease!important}
@media(max-width:700px){.nekon-theme-picker{min-width:min(90vw,310px);padding:10px}.theme-toggle.has-theme-menu{min-width:54px!important}.theme-toggle.has-theme-menu .theme-toggle__label{display:none!important}}